@cloudoperators/juno-ui-components 2.37.0 → 2.38.1

package/build/src/components/TabNavigation/TabNavigation.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface TabNavigationContextType {
     tabStyle: TabStyle;
 }
@@ -6,22 +6,20 @@ export declare const TabNavigationContext: React.Context<TabNavigationContextTyp
 /** A Tab Navigation parent component. Use to wrap `<TabNavigationItem>` elements inside. For tabs with corresponding tab panels, use `<Tabs>` instead. */
 export declare const TabNavigation: React.FC<TabNavigationProps>;
 export type TabStyle = "main" | "content";
-type ActiveItemChangeHandler = (value: React.ReactNode) => void;
 export interface TabNavigationProps extends React.HTMLAttributes<HTMLElement> {
     /** The label of the selected tab. The `activeItem` prop set on the parent will override / take precedence over any `active` prop that may be set on a child. */
-    activeItem?: React.ReactNode;
+    activeItem?: ReactNode;
     /** The aria-label of the navigation. Specify when there are more than one elements with an implicit or explicit `role="navigation"` on a page/view. */
     ariaLabel?: string;
     /** The child `<TabNavigationItem>` elements to render. */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** A custom className to be rendered on the tab navigation */
     className?: string;
     /** Whether the tab navigation is disabled. If set to `true`, all child tab navigation item elements will be disabled. */
     disabled?: boolean;
     /** A handler to execute when the active tab changes */
-    onActiveItemChange?: ActiveItemChangeHandler;
+    onActiveItemChange?: (activeItem: ReactNode) => void;
     /** The stylistic variant of the Tabs: Use `main` as the first child in an `Appshell` (when manually scaffolding, as first child of `juno-content-container`). For tabs inside the page content use "content". `<TabNavigation tabStyle="main">` will have no darkened border on the bottom of inactive tabs, `tabStyle="content"` will.*/
     tabStyle?: TabStyle;
 }
-export {};
 //# sourceMappingURL=TabNavigation.component.d.ts.map

package/build/src/components/TabNavigation/TabNavigation.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAQ5C,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,qDAAiE,CAAA;AAElG,0JAA0J;AAC1J,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAGzC,KAAK,uBAAuB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,gKAAgK;IAChK,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,uBAAuB,CAAA;IAC5C,0UAA0U;IAC1U,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB"}
+{"version":3,"file":"TabNavigation.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TabNavigation/TabNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAQvD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,qDAAiE,CAAA;AAElG,0JAA0J;AAC1J,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,gKAAgK;IAChK,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IAEvD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAA;IACpD,0UAA0U;IAC1U,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB"}

package/build/src/components/TabNavigationItem/TabNavigationItem.component.d.ts

@@ -19,7 +19,7 @@ export interface TabNavigationItemProps extends React.HTMLAttributes<HTMLElement
     /** The label of the tab navigation item. Must be unique within any given `<TabNavigation>` group. */
     label?: string;
     /** Pass a custom handler to execute when the tab is clicked */
-    onClick?: React.MouseEventHandler<EventTarget>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
     /** An optional technical identifier fort the tab. If not passed, the label will be used to identify the tab. NOTE: If value is passed, the value of the active tab MUST be used when setting the activeItem prop on the parent TabNavigation.*/
     value?: string;
 }

package/build/src/components/Tabs/Tabs.component.d.ts

@@ -1,7 +1,5 @@
 import { default as React } from 'react';
 import { TabsProps as ReactTabsProps } from 'react-tabs';
-import { TabListProps } from '../TabList/TabList.component';
-import { TabPanelProps } from '../TabPanel/TabPanel.component';
 export interface TabsContextType {
     variant?: TabsVariant;
 }
@@ -17,17 +15,15 @@ export declare const Tabs: {
     tabsRole: string;
 };
 export type TabsVariant = "main" | "content" | "codeblocks";
-export type OnSelectHander = (value: number) => void;
-export type TabElement = React.ReactElement<TabListProps> | React.ReactElement<TabPanelProps> | TabElement[] | null | undefined;
 export interface TabsProps extends ReactTabsProps {
     /** All the child elements of the Tabs: Tab(s) inside a TabList and TabPanel(s) */
-    children?: TabElement;
+    children?: React.ReactNode;
     /** The index of the Tab to be selected by default in "Uncontrolled Mode" (default) where Tabs handle their state internally. Do not use in "Controlled Mode".*/
     defaultIndex?: number;
     /** The index of the Tab to be selected by default. This enables "Controlled Mode" where the developer takes over control of the Tabs state and behaviour. Requires onSelect to be set.*/
     selectedIndex?: number;
     /** Handler required in "Controlled Mode" */
-    onSelect?: OnSelectHander;
+    onSelect?: (value: number) => void;
     /** Switch on Main Tab styles and context if needed */
     variant?: TabsVariant;
     /** Add a custom className to the whole Tabs construct */

package/build/src/components/Tabs/Tabs.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAqB,SAAS,IAAI,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAE9D,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAGD,eAAO,MAAM,cAAc,uBAAsC,CAAA;AAEjE;;;;;EAKE;AAEF,eAAO,MAAM,IAAI;wFAQd,SAAS;;CA6BX,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAA;AAG3D,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEpD,MAAM,MAAM,UAAU,GAClB,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAChC,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GACjC,UAAU,EAAE,GACZ,IAAI,GACJ,SAAS,CAAA;AAEb,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,kFAAkF;IAClF,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yLAAyL;IACzL,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"Tabs.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAqB,SAAS,IAAI,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3E,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AAGD,eAAO,MAAM,cAAc,uBAAsC,CAAA;AAEjE;;;;;EAKE;AAEF,eAAO,MAAM,IAAI;wFAQd,SAAS;;CA6BX,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAA;AAE3D,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gKAAgK;IAChK,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yLAAyL;IACzL,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,4CAA4C;IAE5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sDAAsD;IACtD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/src/components/Tabs/Tabs.stories.d.ts

@@ -16,6 +16,11 @@ declare const _default: {
         };
         children: {
             control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
         };
         tabs: {
             table: {

package/build/src/components/Tabs/Tabs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,wBAwBC;AASD,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;CACpF;AAuBD,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE9C,UAAU,uBAAuB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;CACpF;AAED,eAAO,MAAM,OAAO;2CA1C4B,aAAa;;;;;CAqD5D,CAAA;AAED,eAAO,MAAM,aAAa;2CAvDsB,aAAa;;;;;CA4E5D,CAAA;AAED,eAAO,MAAM,cAAc;oEAlEwD,uBAAuB;;;;;;;;CAgFzG,CAAA"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9D,wBA2BC;AASD,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;CACpF;AAuBD,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAE9C,UAAU,uBAAuB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;CACpF;AAED,eAAO,MAAM,OAAO;2CA1C4B,aAAa;;;;;CAqD5D,CAAA;AAED,eAAO,MAAM,aAAa;2CAvDsB,aAAa;;;;;CA4E5D,CAAA;AAED,eAAO,MAAM,cAAc;oEAlEwD,uBAAuB;;;;;;;;CAgFzG,CAAA"}

package/build/src/components/TextInput/TextInput.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 /**
 A controlled Text Input.
 Also covers email, telephone, password, url derivates.
@@ -34,19 +34,19 @@ export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputEleme
     /** Pass a change handler */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     /** Pass a focus handler */
-    onFocus?: React.FocusEventHandler<EventTarget>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
     /** Pass a blur handler */
-    onBlur?: React.FocusEventHandler<EventTarget>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
     /** Specify the type attribute. Defaults to an input with no type attribute, which in turn will be treateas as type="text" by browsers. */
     type?: TextInputType;
     /** The label of the input */
     label?: string;
     /** A helptext to render to explain meaning and significance of the TextInput */
-    helptext?: JSX.Element | string;
+    helptext?: ReactNode;
     /** A text to render when the TextInput was successfully validated */
-    successtext?: JSX.Element | string;
+    successtext?: ReactNode;
     /** A text to render when the TextInput has an error or could not be validated */
-    errortext?: JSX.Element | string;
+    errortext?: ReactNode;
     /** The width of the text input. Either 'full' (default) or 'auto'. */
     width?: TextInputWidth;
     /** Pass a custom className to the wrapping element. This can be useful if you must add styling to the outermost wrapping element of this component, e.g. for positioning. */

package/build/src/components/TextInput/TextInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,kBAAkB,CAAA;AAoEzB;;;EAGE;AACF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiK9C,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC7C,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAC/B,qEAAqE;IACrE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAClC,iFAAiF;IACjF,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA+C,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrF,OAAO,kBAAkB,CAAA;AAoEzB;;;EAGE;AACF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiK9C,CAAA;AAED,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7E,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAErC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,0IAA0I;IAC1I,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,iFAAiF;IACjF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,sEAAsE;IACtE,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/build/src/components/Textarea/Textarea.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 /**
 A controlled Text Input.
 Also covers email, telephone, password, url derivates.
@@ -35,15 +35,15 @@ export interface TextareaProps extends React.HTMLProps<HTMLTextAreaElement> {
     /** Pass a change handler */
     onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
     /** Pass a focus handler */
-    onFocus?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
     /** Pass a blur handler */
-    onBlur?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
     /** A helptext to render to explain meaning and significance of the Textarea */
-    helptext?: React.ReactNode | string;
+    helptext?: ReactNode;
     /** A text to render when the Textarea was successfully validated */
-    successtext?: React.ReactNode | string;
+    successtext?: ReactNode;
     /** A text to render when the Textarea has an error or could not be validated */
-    errortext?: React.ReactNode | string;
+    errortext?: ReactNode;
     /** The width of the textarea. Either 'full' (default) or 'auto'. */
     width?: WidthType;
     /** Pass a custom className to the wrapping element. This can be useful if you must add styling to the outermost wrapping element of this component, e.g. for positioning. */

package/build/src/components/Textarea/Textarea.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsD,MAAM,OAAO,CAAA;AA0E1E;;;EAGE;AACF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+J5C,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IACzE,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACxD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACvD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACtD,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,gFAAgF;IAChF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACpC,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA+C,SAAS,EAAE,MAAM,OAAO,CAAA;AA0ErF;;;EAGE;AACF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+J5C,CAAA;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;AAEhC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IACzE,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACxD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACtD,0BAA0B;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/build/src/components/ThemeToggle/ThemeToggle.component.d.ts

@@ -19,7 +19,7 @@ export interface ThemeToggleProps {
     /**
      * Callback function that is called when the theme is toggled.
      */
-    onToggleTheme?: (...args: unknown[]) => void;
+    onToggleTheme?: (newTheme: string) => void;
 }
 /**
  * ThemeToggle is a button component that toggles between Light and Dark UI Themes.

package/build/src/components/ThemeToggle/ThemeToggle.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeToggle/ThemeToggle.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,oBAAoB,CAAA;AAoB3B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IAEH,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAC7C;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsClD,CAAA"}
+{"version":3,"file":"ThemeToggle.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeToggle/ThemeToggle.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,oBAAoB,CAAA;AAoB3B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IAEH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsClD,CAAA"}

package/build/src/components/Toast/Toast.component.d.ts

@@ -12,7 +12,7 @@ export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Optional. Timeout in miliseconds after which the message is automatically dismissed. By default 10000 (10s).*/
     autoDismissTimeout?: number;
     /** Optional. Pass a handler that will be called when the message is dismissed */
-    onDismiss?: () => unknown;
+    onDismiss?: () => void;
     /** Pass an optional className */
     className?: string;
 }

package/build/src/components/Toast/Toast.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA0BlD,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACnE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oJAAoJ;IACpJ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,OAAO,CAAA;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;EAEE;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgDtC,CAAA"}
+{"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AA0BlD,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACnE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oJAAoJ;IACpJ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kHAAkH;IAClH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;EAEE;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgDtC,CAAA"}

package/build/src/components/TopNavigation/TopNavigation.component.d.ts

@@ -1,23 +1,21 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 /**
 A generic horizontal top level navigation component. To be placed below the application header but above application content.
 Place `TopNavigationItem` elements as children.
 */
 export declare const TopNavigation: React.FC<TopNavigationProps>;
-type ActiveItemChangeHandler = (value: React.ReactNode) => void;
 export interface TopNavigationProps extends React.HTMLAttributes<HTMLElement> {
     /** The active navigation item by label */
-    activeItem?: React.ReactNode;
+    activeItem?: ReactNode;
     /** The aria-label of the navigation. Specify when there are more than one elements with an implicit or explicit `role="navigation"` on a page/view. */
     ariaLabel?: string;
     /** The children of the Navigation. Typically these should be TopNavigationItem(s) */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Pass a custom classname. */
     className?: string;
     /** Whether the navigation is disabled */
     disabled?: boolean;
     /** Handler to execute when the active item changes */
-    onActiveItemChange?: ActiveItemChangeHandler;
+    onActiveItemChange?: (activeItem: ReactNode) => void;
 }
-export {};
 //# sourceMappingURL=TopNavigation.component.d.ts.map

package/build/src/components/TopNavigation/TopNavigation.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigation.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TopNavigation/TopNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB;;;EAGE;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqBtD,CAAA;AAGD,KAAK,uBAAuB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,0CAA0C;IAC1C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,uBAAuB,CAAA;CAC7C"}
+{"version":3,"file":"TopNavigation.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TopNavigation/TopNavigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUxC;;;EAGE;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqBtD,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,0CAA0C;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uJAAuJ;IACvJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IAEtD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAA;CACrD"}

package/build/src/components/TopNavigationItem/TopNavigationItem.component.d.ts

@@ -22,7 +22,7 @@ export interface TopNavigationItemProps extends React.HTMLAttributes<HTMLElement
     /** The link the item should point to. Will render the item as an anchor if passed */
     href?: string;
     /** A handler to execute once the navigation item is clicked. Will render the item as a button element if passed */
-    onClick?: React.MouseEventHandler<EventTarget>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
     /** An optional technical identifier fort the tab. If not passed, the label will be used to identify the tab. NOTE: If value is passed, the value of the active tab MUST be used when setting the activeItem prop on the parent TabNavigation.*/
     value?: string;
 }

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "source": "src/index.js",
   "style": "build/lib/variables.css",
-  "version": "2.37.0",
+  "version": "2.38.1",
   "types": "build/index.d.ts",
   "exports": {
     "./index": "./build/index.js",
@@ -28,8 +28,8 @@
   "repository": "https://github.com/cloudoperators/juno/tree/main/packages/juno-ui-components",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20.0.0 <21.0.0",
-    "npm": ">=10.0.0 <11.0.0"
+    "node": ">=20.0.0",
+    "npm": ">=10.0.0"
   },
   "devDependencies": {
     "@cloudoperators/juno-config": "*",
@@ -87,7 +87,7 @@
     "vite-plugin-glob": "0.3.2",
     "vite-plugin-svgr": "4.3.0",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "2.1.1"
+    "vitest": "^3.0.7"
   },
   "peerDependencies": {
     "prop-types": "15.8.1",