@scania/tegel 1.41.0 → 1.42.0-sass-migration-beta.0

package/dist/types/components.d.ts

@@ -26,7 +26,7 @@ export namespace Components {
         /**
           * Set the variant of the Accordion.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
     }
     interface TdsAccordionItem {
         /**
@@ -146,13 +146,13 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
     }
     interface TdsBodyCell {
         /**
           * Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering
          */
-        "cellKey": any;
+        "cellKey": string;
         /**
           * Value that will be presented as text inside a cell
          */
@@ -194,7 +194,7 @@ export namespace Components {
         /**
           * Set the mode variant of the Button.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * The name attribute allows for different ways of accessing the button element
          */
@@ -264,7 +264,7 @@ export namespace Components {
         /**
           * Variant of the Card based on the theme used.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         "stretch": boolean;
         /**
           * Subheader text in the header
@@ -393,7 +393,7 @@ export namespace Components {
         /**
           * Set the variant of the Datetime component.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Name property. Uses a unique ID as fallback if not specified.
          */
@@ -483,7 +483,7 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Enables multiselect in the Dropdown.
          */
@@ -513,7 +513,7 @@ export namespace Components {
         /**
           * Method for setting the selected value of the Dropdown.  Single selection example:  <code> dropdown.setValue('option-1', 'Option 1'); </code>  Multiselect example:  <code> dropdown.setValue(['option-1', 'option-2']); </code>
          */
-        "setValue": (value: string | number | string[] | number[], label?: string) => Promise<{ value: string | number; label: string; }[]>;
+        "setValue": (value: string | number | string[] | number[], label?: string) => Promise<{ value: string | number; label: string | undefined; }[]>;
         /**
           * The size of the Dropdown.
          */
@@ -529,7 +529,7 @@ export namespace Components {
         /**
           * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
          */
-        "value": string | number | (string | number)[];
+        "value": string | number | (string | number)[] | null;
     }
     interface TdsDropdownOption {
         /**
@@ -565,7 +565,7 @@ export namespace Components {
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Reinitializes the component.
          */
@@ -591,7 +591,7 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
     }
     interface TdsFooterGroup {
         /**
@@ -826,7 +826,7 @@ export namespace Components {
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Removes the icon in the Message.
          */
@@ -959,7 +959,7 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -987,7 +987,7 @@ export namespace Components {
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
-        "show": boolean;
+        "show": boolean | null;
         /**
           * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
          */
@@ -1013,7 +1013,7 @@ export namespace Components {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
-        "modifiers": Object[];
+        "modifiers": object[];
         /**
           * Sets the offset distance
          */
@@ -1037,7 +1037,7 @@ export namespace Components {
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
-        "show": boolean;
+        "show": boolean | null;
         /**
           * What triggers the popover to show
          */
@@ -1063,7 +1063,7 @@ export namespace Components {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Sets the offset distance
          */
@@ -1087,7 +1087,7 @@ export namespace Components {
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
-        "show": boolean;
+        "show": boolean | null;
     }
     interface TdsPopoverMenuItem {
         /**
@@ -1364,15 +1364,15 @@ export namespace Components {
         /**
           * Returns all selected rows data.
          */
-        "getSelectedRows": () => Promise<any[]>;
+        "getSelectedRows": () => Promise<{ cellKey: string; cellValue: string | number; }[][]>;
         /**
           * Width of the table, used as the constraint for horizontal scrolling. **NOTE**: this will disable usage of the responsive flag
          */
-        "horizontalScrollWidth"?: string;
+        "horizontalScrollWidth"?: string | null;
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Enables multiselect feature of Table
          */
@@ -1432,7 +1432,7 @@ export namespace Components {
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
          */
-        "colSpan": number;
+        "colSpan": number | null;
         /**
           * Method to collapse table row
          */
@@ -1462,7 +1462,7 @@ export namespace Components {
         /**
           * <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
          */
-        "cols": number;
+        "cols": number | null;
         /**
           * Sets the number of pages.
          */
@@ -1585,7 +1585,7 @@ export namespace Components {
         /**
           * Mode variant of the Text Field
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Name property
          */
@@ -1667,7 +1667,7 @@ export namespace Components {
         /**
           * Mode variant of the Textarea
          */
-        "modeVariant": 'primary' | 'secondary';
+        "modeVariant": 'primary' | 'secondary' | null;
         /**
           * Name attribute
          */
@@ -1821,7 +1821,7 @@ export namespace Components {
         /**
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
          */
-        "show": boolean;
+        "show": boolean | null;
         /**
           * Sets the aria-describedby attribute
          */
@@ -2145,7 +2145,7 @@ declare global {
     interface HTMLTdsDropdownElementEventMap {
         "tdsChange": {
     name: string;
-    value: string;
+    value: string | null;
   };
         "tdsFocus": FocusEvent;
         "tdsBlur": FocusEvent;
@@ -2245,17 +2245,17 @@ declare global {
     };
     interface HTMLTdsHeaderCellElementEventMap {
         "tdsSort": {
-    tableId: string;
-    columnKey: string;
+    tableId: string | undefined;
+    columnKey: string | undefined;
     sortingDirection: 'asc' | 'desc';
   };
         "internalSortButtonClicked": {
-    tableId: string;
-    key: string;
+    tableId: string | undefined;
+    key: string | undefined;
   };
-        "internalTdsTextAlign": any;
+        "internalTdsTextAlign": object;
         "internalTdsHover": {
-    tableId: string;
+    tableId: string | undefined;
     key: string;
   };
     }
@@ -2407,7 +2407,7 @@ declare global {
         new (): HTMLTdsMessageElement;
     };
     interface HTMLTdsModalElementEventMap {
-        "tdsClose": any;
+        "tdsClose": object;
         "tdsOpen": void;
     }
     interface HTMLTdsModalElement extends Components.TdsModal, HTMLStencilElement {
@@ -2456,8 +2456,8 @@ declare global {
         new (): HTMLTdsPopoverCanvasElement;
     };
     interface HTMLTdsPopoverCoreElementEventMap {
-        "internalTdsShow": {};
-        "internalTdsClose": {};
+        "internalTdsShow": object;
+        "internalTdsClose": object;
     }
     interface HTMLTdsPopoverCoreElement extends Components.TdsPopoverCore, HTMLStencilElement {
         addEventListener<K extends keyof HTMLTdsPopoverCoreElementEventMap>(type: K, listener: (this: HTMLTdsPopoverCoreElement, ev: TdsPopoverCoreCustomEvent<HTMLTdsPopoverCoreElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2678,13 +2678,13 @@ declare global {
     };
     interface HTMLTdsTableBodyRowElementEventMap {
         "tdsSelect": {
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   };
         "tdsClick": {
     event: MouseEvent;
-    tableId: string;
+    tableId: string | undefined;
     rowIndex: number;
   };
     }
@@ -2703,11 +2703,11 @@ declare global {
         new (): HTMLTdsTableBodyRowElement;
     };
     interface HTMLTdsTableBodyRowExpandableElementEventMap {
-        "internalTdsRowExpanded": any;
+        "internalTdsRowExpanded": object;
         "tdsChange": {
     rowId: string;
     isExpanded: boolean;
-    tableId: string;
+    tableId: string | undefined;
   };
     }
     interface HTMLTdsTableBodyRowExpandableElement extends Components.TdsTableBodyRowExpandable, HTMLStencilElement {
@@ -2726,7 +2726,7 @@ declare global {
     };
     interface HTMLTdsTableFooterElementEventMap {
         "tdsPagination": {
-    tableId: string;
+    tableId: string | undefined;
     paginationValue: number;
     rowsPerPage?: number;
   };
@@ -2747,9 +2747,9 @@ declare global {
     };
     interface HTMLTdsTableHeaderElementEventMap {
         "tdsSelectAll": {
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   };
     }
     interface HTMLTdsTableHeaderElement extends Components.TdsTableHeader, HTMLStencilElement {
@@ -2774,7 +2774,7 @@ declare global {
     };
     interface HTMLTdsTableToolbarElementEventMap {
         "tdsFilter": {
-    tableId: string;
+    tableId: string | undefined;
     query: string;
   };
     }
@@ -2978,7 +2978,7 @@ declare namespace LocalJSX {
         /**
           * Set the variant of the Accordion.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
     }
     interface TdsAccordionItem {
         /**
@@ -3086,13 +3086,13 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
     }
     interface TdsBodyCell {
         /**
           * Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering
          */
-        "cellKey"?: any;
+        "cellKey"?: string;
         /**
           * Value that will be presented as text inside a cell
          */
@@ -3134,7 +3134,7 @@ declare namespace LocalJSX {
         /**
           * Set the mode variant of the Button.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * The name attribute allows for different ways of accessing the button element
          */
@@ -3204,7 +3204,7 @@ declare namespace LocalJSX {
         /**
           * Variant of the Card based on the theme used.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Sends unique Card identifier when the Card is clicked, if clickable=true
          */
@@ -3358,7 +3358,7 @@ declare namespace LocalJSX {
         /**
           * Set the variant of the Datetime component.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Name property. Uses a unique ID as fallback if not specified.
          */
@@ -3447,7 +3447,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Enables multiselect in the Dropdown.
          */
@@ -3473,7 +3473,7 @@ declare namespace LocalJSX {
          */
         "onTdsChange"?: (event: TdsDropdownCustomEvent<{
     name: string;
-    value: string;
+    value: string | null;
   }>) => void;
         /**
           * Clear event for the Dropdown.
@@ -3506,7 +3506,7 @@ declare namespace LocalJSX {
         /**
           * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
          */
-        "value"?: string | number | (string | number)[];
+        "value"?: string | number | (string | number)[] | null;
     }
     interface TdsDropdownOption {
         /**
@@ -3551,7 +3551,7 @@ declare namespace LocalJSX {
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Event emitted when the selected Tab is changed.
          */
@@ -3575,7 +3575,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
     }
     interface TdsFooterGroup {
         /**
@@ -3614,8 +3614,8 @@ declare namespace LocalJSX {
           * Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to implement custom-sorting logic.
          */
         "onTdsSort"?: (event: TdsHeaderCellCustomEvent<{
-    tableId: string;
-    columnKey: string;
+    tableId: string | undefined;
+    columnKey: string | undefined;
     sortingDirection: 'asc' | 'desc';
   }>) => void;
         /**
@@ -3815,7 +3815,7 @@ declare namespace LocalJSX {
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Removes the icon in the Message.
          */
@@ -3849,7 +3849,7 @@ declare namespace LocalJSX {
         /**
           * Emits when the Modal is closed.
          */
-        "onTdsClose"?: (event: TdsModalCustomEvent<any>) => void;
+        "onTdsClose"?: (event: TdsModalCustomEvent<object>) => void;
         /**
           * Emits just before Modal is opened.
          */
@@ -3929,7 +3929,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
@@ -3957,7 +3957,7 @@ declare namespace LocalJSX {
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
-        "show"?: boolean;
+        "show"?: boolean | null;
         /**
           * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
          */
@@ -3979,7 +3979,7 @@ declare namespace LocalJSX {
         /**
           * Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/
          */
-        "modifiers"?: Object[];
+        "modifiers"?: object[];
         /**
           * Sets the offset distance
          */
@@ -4003,7 +4003,7 @@ declare namespace LocalJSX {
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
-        "show"?: boolean;
+        "show"?: boolean | null;
         /**
           * What triggers the popover to show
          */
@@ -4025,7 +4025,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Sets the offset distance
          */
@@ -4049,7 +4049,7 @@ declare namespace LocalJSX {
         /**
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
-        "show"?: boolean;
+        "show"?: boolean | null;
     }
     interface TdsPopoverMenuItem {
         /**
@@ -4345,11 +4345,11 @@ declare namespace LocalJSX {
         /**
           * Width of the table, used as the constraint for horizontal scrolling. **NOTE**: this will disable usage of the responsive flag
          */
-        "horizontalScrollWidth"?: string;
+        "horizontalScrollWidth"?: string | null;
         /**
           * Variant of the component, based on current mode.
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Enables multiselect feature of Table
          */
@@ -4401,16 +4401,16 @@ declare namespace LocalJSX {
          */
         "onTdsClick"?: (event: TdsTableBodyRowCustomEvent<{
     event: MouseEvent;
-    tableId: string;
+    tableId: string | undefined;
     rowIndex: number;
   }>) => void;
         /**
           * Event emitted when a row is selected/deselected.
          */
         "onTdsSelect"?: (event: TdsTableBodyRowCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   }>) => void;
         /**
           * Marks the row as selected, used for multiselect table.
@@ -4425,7 +4425,7 @@ declare namespace LocalJSX {
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
          */
-        "colSpan"?: number;
+        "colSpan"?: number | null;
         /**
           * Sets isExpanded state to true or false externally
          */
@@ -4436,7 +4436,7 @@ declare namespace LocalJSX {
         "onTdsChange"?: (event: TdsTableBodyRowExpandableCustomEvent<{
     rowId: string;
     isExpanded: boolean;
-    tableId: string;
+    tableId: string | undefined;
   }>) => void;
         /**
           * Controls the overflow behavior of the expandable row content
@@ -4455,12 +4455,12 @@ declare namespace LocalJSX {
         /**
           * <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails.
          */
-        "cols"?: number;
+        "cols"?: number | null;
         /**
           * Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
         "onTdsPagination"?: (event: TdsTableFooterCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     paginationValue: number;
     rowsPerPage?: number;
   }>) => void;
@@ -4502,9 +4502,9 @@ declare namespace LocalJSX {
           * Event emitted when the status of the select all checkbox changes.
          */
         "onTdsSelectAll"?: (event: TdsTableHeaderCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     checked: boolean;
-    selectedRows: any[];
+    selectedRows: object[] | undefined;
   }>) => void;
         /**
           * Prop for controlling the checked/unchecked state of the "All selected"-checkbox.
@@ -4527,7 +4527,7 @@ declare namespace LocalJSX {
           * Used for sending users' input to the main parent tds-table the component, can also be listened to in order to implement custom sorting logic.
          */
         "onTdsFilter"?: (event: TdsTableToolbarCustomEvent<{
-    tableId: string;
+    tableId: string | undefined;
     query: string;
   }>) => void;
         /**
@@ -4597,7 +4597,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the Text Field
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Name property
          */
@@ -4691,7 +4691,7 @@ declare namespace LocalJSX {
         /**
           * Mode variant of the Textarea
          */
-        "modeVariant"?: 'primary' | 'secondary';
+        "modeVariant"?: 'primary' | 'secondary' | null;
         /**
           * Name attribute
          */
@@ -4858,7 +4858,7 @@ declare namespace LocalJSX {
         /**
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
          */
-        "show"?: boolean;
+        "show"?: boolean | null;
         /**
           * Sets the aria-describedby attribute
          */

package/dist/types/tegel-light/components/tl-dropdown/_dropdownKeyboard.d.ts

@@ -0,0 +1 @@
+export declare function initDropdownKeyboard(): void;

package/dist/types/tegel-light/components/tl-dropdown/_dropdownScripts.d.ts

@@ -0,0 +1,4 @@
+export declare function tlDropdownSingleScriptDemo(menuId: string): void;
+export declare function tlDropdownMultiScriptDemo(menuId: string): void;
+export declare function tlDropdownFilterSingleScriptDemo(listId: string, inputId: string): void;
+export declare function tlDropdownFilterMultiScriptDemo(listId: string, inputId: string): void;

package/dist/types/types/Attributes.d.ts

@@ -1,3 +1,3 @@
 export type Attributes = {
-    [key: string]: any;
+    [key: string]: string | null;
 };

package/dist/types/utils/findNextFocusableElement.d.ts

@@ -3,5 +3,5 @@
  * @param items List of focusable elements, element with a attribute of disabled that is true will be skipped over.
  * @param nextItemIndex The index in the list to start the search on.
  */
-declare const findNextFocusableElement: (items: any[], nextItemIndex: number) => number;
+declare const findNextFocusableElement: (items: HTMLTdsDropdownOptionElement[], nextItemIndex: number) => number | undefined;
 export default findNextFocusableElement;

package/dist/types/utils/findPreviousFocusableElement.d.ts

@@ -4,5 +4,5 @@
  * @param items List of focusable elements, element with a attribute of disabled that is true will be skipped over.
  * @param nextItemIndex The index in the list to start the search on.
  */
-declare const findPreviousFocusableElement: (items: any[], previousItemIndex: number) => number;
+declare const findPreviousFocusableElement: (items: HTMLTdsDropdownOptionElement[], previousItemIndex: number) => number | undefined;
 export default findPreviousFocusableElement;

package/dist/types/utils/getNextNestedChildOfSiblingsMatching.d.ts

@@ -26,5 +26,5 @@
  * const headingEl = getNextNestedChildOfSiblingsMatching(startingElement, searchPredicate);
  * console.log(headingEl); // Logs the <h2>Heading 2</h2> element
  */
-declare const getNextNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement;
+declare const getNextNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement | null;
 export default getNextNestedChildOfSiblingsMatching;

package/dist/types/utils/getPreviousNestedChildOfSiblingsMatching.d.ts

@@ -26,5 +26,5 @@
  * const headingEl = getPreviousNestedChildOfSiblingsMatching(startingElement, searchPredicate);
  * console.log(headingEl); // Logs the <h2>Heading 2</h2> element
  */
-declare const getPreviousNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement;
+declare const getPreviousNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement | null;
 export default getPreviousNestedChildOfSiblingsMatching;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.41.0",
+  "version": "1.42.0-sass-migration-beta.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [