@skodaflow/web-library 3.4.0-alpha.0 → 4.0.0

package/build/components/grid/grid.d.ts

@@ -1,117 +1,117 @@
-import { GridDirection, GridSize, GridSpacing } from '@mui/material/Grid';
-import { Theme } from '@mui/material/styles';
-import { ResponsiveStyleValue, SxProps } from '@mui/system';
-import React, { ReactNode } from 'react';
-/**
- * @interface GridProps
- * @description Base definition of SkodaFlow Grid independent on core implementation.
- * Properties are inherited from HTML Button element
- */
-export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     *  The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     *  Override or extend the styles applied to the component.
-     *  See CSS API below for more details.
-     */
-    classes?: object;
-    /**
-     *  The number of columns.
-     */
-    columns?: ResponsiveStyleValue<number>;
-    /**
-     *  The component used for the root node.
-     *  Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     *  If true, the component will have the flex container behavior.
-     *  You should be wrapping items with a container.
-     */
-    container?: boolean;
-    /**
-     *  Defines the flex-direction style property.
-     *  It is applied for all screen sizes.
-     * @default 'auto'
-     */
-    direction?: ResponsiveStyleValue<GridDirection>;
-    /**
-     *  If true, the component will have the flex item behavior.
-     *  You should be wrapping items with a container.
-     */
-    item?: boolean;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the lg breakpoint and wider screens if not overridden.
-     */
-    lg?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the md breakpoint and wider screens if not overridden.
-     */
-    md?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the sm breakpoint and wider screens if not overridden.
-     */
-    sm?: boolean | GridSize;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     *  See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the xl breakpoint and wider screens.
-     */
-    xl?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for all the screen sizes with the lowest priority.
-     */
-    xs?: boolean | GridSize;
-    /**
-     *  Defines the space between the type item components.
-     *  It can only be used on a type container component.
-     */
-    spacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the horizontal space between the type item components.
-     *  It overrides the value of the spacing prop.
-     */
-    columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the vertical space between the type item components.
-     * It overrides the value of the spacing prop.
-     * If the value provided is a string it will be used as exact amount for pixels spacing.
-     * If the value is a number it will be used as (value)*8px.
-     */
-    rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the flex-wrap style property.
-     *  It's applied for all screen sizes.
-     */
-    wrap?: 'nowrap' | 'wrap-reverse' | 'wrap';
-    /**
-     *  If true, it sets min-width: 0 on the item.
-     *  Refer to the limitations section of the documentation to better understand the use case.
-     */
-    zeroMinWidth?: boolean;
-    /**
-     *  Determine if grid is narrow.
-     */
-    narrow?: boolean;
-    /**
-     *  Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.
-     */
-    fixed?: boolean;
-}
-/**
- * @description SkodaFlow Grid component.
- * @param props GridProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use Grid and Container components from @mui/material
- */
-export declare const Grid: React.FC<GridProps>;
+import { GridDirection, GridSize, GridSpacing } from '@mui/material/Grid';
+import { Theme } from '@mui/material/styles';
+import { ResponsiveStyleValue, SxProps } from '@mui/system';
+import React, { ReactNode } from 'react';
+/**
+ * @interface GridProps
+ * @description Base definition of SkodaFlow Grid independent on core implementation.
+ * Properties are inherited from HTML Button element
+ */
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     *  Override or extend the styles applied to the component.
+     *  See CSS API below for more details.
+     */
+    classes?: object;
+    /**
+     *  The number of columns.
+     */
+    columns?: ResponsiveStyleValue<number>;
+    /**
+     *  The component used for the root node.
+     *  Either a string to use a HTML element or a component.
+     */
+    component?: string | ReactNode;
+    /**
+     *  If true, the component will have the flex container behavior.
+     *  You should be wrapping items with a container.
+     */
+    container?: boolean;
+    /**
+     *  Defines the flex-direction style property.
+     *  It is applied for all screen sizes.
+     * @default 'auto'
+     */
+    direction?: ResponsiveStyleValue<GridDirection>;
+    /**
+     *  If true, the component will have the flex item behavior.
+     *  You should be wrapping items with a container.
+     */
+    item?: boolean;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the lg breakpoint and wider screens if not overridden.
+     */
+    lg?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the md breakpoint and wider screens if not overridden.
+     */
+    md?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the sm breakpoint and wider screens if not overridden.
+     */
+    sm?: boolean | GridSize;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     *  See the `sx` page for more details.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for the xl breakpoint and wider screens.
+     */
+    xl?: boolean | GridSize;
+    /**
+     *  Defines the number of grids the component is going to use.
+     *  It's applied for all the screen sizes with the lowest priority.
+     */
+    xs?: boolean | GridSize;
+    /**
+     *  Defines the space between the type item components.
+     *  It can only be used on a type container component.
+     */
+    spacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the horizontal space between the type item components.
+     *  It overrides the value of the spacing prop.
+     */
+    columnSpacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the vertical space between the type item components.
+     * It overrides the value of the spacing prop.
+     * If the value provided is a string it will be used as exact amount for pixels spacing.
+     * If the value is a number it will be used as (value)*8px.
+     */
+    rowSpacing?: ResponsiveStyleValue<GridSpacing>;
+    /**
+     *  Defines the flex-wrap style property.
+     *  It's applied for all screen sizes.
+     */
+    wrap?: 'nowrap' | 'wrap-reverse' | 'wrap';
+    /**
+     *  If true, it sets min-width: 0 on the item.
+     *  Refer to the limitations section of the documentation to better understand the use case.
+     */
+    zeroMinWidth?: boolean;
+    /**
+     *  Determine if grid is narrow.
+     */
+    narrow?: boolean;
+    /**
+     *  Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.
+     */
+    fixed?: boolean;
+}
+/**
+ * @description SkodaFlow Grid component.
+ * @param props GridProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use Grid and Container components from @mui/material
+ */
+export declare const Grid: React.FC<GridProps>;

package/build/components/grid/grid.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"@mui/material/Grid";const t=t=>{var{narrow:m}=t,n=r(t,["narrow"]);return i(o,Object.assign({},n,{spacing:m?"12px":void 0,children:n.children}))};export{t as Grid};
+//# sourceMappingURL=grid.js.map

package/build/components/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":[null],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"yGAyIa,MAAAA,EAA6BC,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAH,EAAlB,YACxC,OACEI,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WAET"}

package/build/components/grid/index.d.ts

@@ -1 +1 @@
-export * from './grid';
+export * from './grid';

package/build/components/helperTextContent/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-export type HelperTextContentProps = {
-    textLeft?: string;
-    textRight?: string;
-};
-export declare const HelperTextContent: (props: HelperTextContentProps) => React.JSX.Element;
+export type HelperTextContentProps = {
+    textLeft?: string;
+    textRight?: string;
+};
+export declare const HelperTextContent: (props: HelperTextContentProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/helperTextContent/index.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as r}from"@mui/material";const i=r=>{const{textLeft:i,textRight:l}=r;return e(n,{children:[i&&t(o,{id:"helperBox",children:i}),l&&t(a,{id:"helper-text-max-chars",children:l})]})},n=r("div")((({theme:e})=>({display:"flex",flexDirection:"row",gap:10,justifyContent:"space-between"}))),o=r("span")((({theme:e})=>({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}))),a=r("span")((({theme:e})=>({marginLeft:"auto"})));export{i as HelperTextContent};
+//# sourceMappingURL=index.js.map

package/build/components/helperTextContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/helperTextContent/index.tsx"],"sourcesContent":[null],"names":["HelperTextContent","props","textLeft","textRight","_jsxs","Root","children","_jsx","TextLeft","id","TextRight","styled","theme","display","flexDirection","gap","justifyContent","overflow","whiteSpace","textOverflow","marginLeft"],"mappings":"yFAQa,MAAAA,EAAqBC,IAChC,MAAMC,SAAEA,EAAQC,UAAEA,GAAcF,EAChC,OACEG,EAACC,EAAI,CAAAC,SAAA,CACFJ,GAAYK,EAACC,EAAS,CAAAC,GAAG,YAAaH,SAAAJ,IACtCC,GAAaI,EAACG,EAAU,CAAAD,GAAG,wBAAyBH,SAAAH,MAEvD,EAGEE,EAAOM,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACzCC,QAAS,OACTC,cAAe,MACfC,IAAK,GACLC,eAAgB,oBAGZR,EAAWG,EAAO,OAAPA,EAAe,EAAGC,YAAa,CAC9CK,SAAU,SACVC,WAAY,SACZC,aAAc,eAGVT,EAAYC,EAAO,OAAPA,EAAe,EAAGC,YAAa,CAC/CQ,WAAY"}

package/build/components/icon/availableIcons.d.ts

@@ -1 +1 @@
-export declare const availableIcons: string[];
+export declare const availableIcons: string[];

package/build/components/icon/availableIcons.js

@@ -0,0 +1,2 @@
+const r=["space","minus","plus","ballotx","check","arrow-up","arrow-ne","arrow-right","arrow-se","arrow-down","arrow-sw","arrow-left","arrow-nw","shuffle","arrow-download","arrow-upload","arrow-import","arrow-export","arrow-hook-left","arrow-repeat","arrow-exchange","arrow-sort-down","arrow-sort-up","arrow-right-up","arrow-left-up","arrow-up-left","arrow-up-right","arrow-right-down","arrow-left-down","arrow-down-left","arrow-down-right","chevron-up","chevron-right","chevron-down","cehvron-left","double-chevron-up","double-chevron-right","double-chevron-down","double-chevron-left","chevron-previous","chevron-next","refresh-anticlockwise","refresh-clockwise","history","coordinates","more-horizontal","more-vertical","list","menu","filters","stats","soundwave","play-left","rewind","play-previous","pause","play-next","forward","play-right","stop","record","triangle-up","triangle-up-exclamation","star","user","group","search","search-plus","search-minus","settings","preview","preview-off","edit","service","attachment","call","pin","position","location","send","heart","shield","shield-verified","share","microphone","microphone-off","map","flag","lock","lock-open","light","shopping","filter","bell","like","dislike","design","cloud-upload","cloud-download","weather","home","rectangle-vertical-bookmark","tag","sound","sound-medium","sound-loud","sound-off","wifi","wifi-medium","wifi-low","wifi-no-signal","wifi-off","windshield","parts","road-assistance","air","car","radio","box","thunder","music","tyre","circle","circle-minus","circle-plus","circle-multiply","circle-no","circle-exclamation","circle-question","circle-information","circle-check","circle-arrow-up","circle-arrow-ne","circle-arrow-right","circle-arrow-se","circle-arrow-down","circle-arrow-sw","circle-arrow-left","circle-arrow-nw","circle-download","circle-upload","circle-bluetooth-white","circle-arrowhead-up","circle-arrowhead-right","circle-arrowhead-down","circle-arrowhead-left","clock","stopwatch","compass","globe","circle-contrast","circle-radar","circle-assistance","id","circle-steering","circle-steering-off","circle-brakes","circle-target","circle-tyre","square","square-compose","square-expand","square-image","square-ocr","square-qr","square-scan-health","square-app-add","square-multiple","square-select-multiple","square-grid","square-grid-apps","square-shapes","diamond","postit","inbox","rectangle-vertical","news-post","newspaper","manual","clipboard","tasks","task-new","logout","login","cut","copy","paste","fuel","fuel-electric","trash","document","document-new","document-missing","rectangle","mail","business-card","suitcase","camera","calendar","scheduled-task","event","battery-full","battery-threefourths","battery-twofourths","battery-onefourth","battery-empty","rectangle-rounded","credit-card","message","folder","folder-send","health","car-battery","ticket","bridge","engine","headlights","comfort"];export{r as availableIcons};
+//# sourceMappingURL=availableIcons.js.map

package/build/components/icon/availableIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"availableIcons.js","sources":["../../../src/components/icon/availableIcons.ts"],"sourcesContent":[null],"names":["availableIcons"],"mappings":"AAAa,MAAAA,EAAiB,CAC5B,QACA,QACA,OACA,UACA,QACA,WACA,WACA,cACA,WACA,aACA,WACA,aACA,WACA,UACA,iBACA,eACA,eACA,eACA,kBACA,eACA,iBACA,kBACA,gBACA,iBACA,gBACA,gBACA,iBACA,mBACA,kBACA,kBACA,mBACA,aACA,gBACA,eACA,eACA,oBACA,uBACA,sBACA,sBACA,mBACA,eACA,wBACA,oBACA,UACA,cACA,kBACA,gBACA,OACA,OACA,UACA,QACA,YACA,YACA,SACA,gBACA,QACA,YACA,UACA,aACA,OACA,SACA,cACA,0BACA,OACA,OACA,QACA,SACA,cACA,eACA,WACA,UACA,cACA,OACA,UACA,aACA,OACA,MACA,WACA,WACA,OACA,QACA,SACA,kBACA,QACA,aACA,iBACA,MACA,OACA,OACA,YACA,QACA,WACA,SACA,OACA,OACA,UACA,SACA,eACA,iBACA,UACA,OACA,8BACA,MACA,QACA,eACA,aACA,YACA,OACA,cACA,WACA,iBACA,WACA,aACA,QACA,kBACA,MACA,MACA,QACA,MACA,UACA,QACA,OACA,SACA,eACA,cACA,kBACA,YACA,qBACA,kBACA,qBACA,eACA,kBACA,kBACA,qBACA,kBACA,oBACA,kBACA,oBACA,kBACA,kBACA,gBACA,yBACA,sBACA,yBACA,wBACA,wBACA,QACA,YACA,UACA,QACA,kBACA,eACA,oBACA,KACA,kBACA,sBACA,gBACA,gBACA,cACA,SACA,iBACA,gBACA,eACA,aACA,YACA,qBACA,iBACA,kBACA,yBACA,cACA,mBACA,gBACA,UACA,SACA,QACA,qBACA,YACA,YACA,SACA,YACA,QACA,WACA,SACA,QACA,MACA,OACA,QACA,OACA,gBACA,QACA,WACA,eACA,mBACA,YACA,OACA,gBACA,WACA,SACA,WACA,iBACA,QACA,eACA,uBACA,qBACA,oBACA,gBACA,oBACA,cACA,UACA,SACA,cACA,SACA,cACA,SACA,SACA,SACA,aACA"}

package/build/components/icon/icon.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-/**
- * @interface IconProps
- * @description Base definition of SkodaFlow Icon independent on core implementation.
- * Properties are inherited from HTML Span element
- */
-export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
-    /**
-     *color of the icon
-     */
-    color?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-    /**
-     * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-     * @default 'medium'
-     */
-    fontSize?: 'inherit' | 'extraLarge' | 'large' | 'medium' | 'small';
-    /**
-     * The iconStyle apply to the icons regular or filled format.
-     */
-    iconStyle?: 'regular' | 'filled';
-}
-/**
- * @description SkodaFlow Icon component.
- * Properties are inherited from HTML Span element.
- * @param props IconProps
- * @returns React Functional Component
- */
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+import React from 'react';
+/**
+ * @interface IconProps
+ * @description Base definition of SkodaFlow Icon independent on core implementation.
+ * Properties are inherited from HTML Span element
+ */
+export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /**
+     *color of the icon
+     */
+    color?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    /**
+     * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+     * @default 'medium'
+     */
+    fontSize?: 'inherit' | 'extraLarge' | 'large' | 'medium' | 'small';
+    /**
+     * The iconStyle apply to the icons regular or filled format.
+     */
+    iconStyle?: 'regular' | 'filled';
+}
+/**
+ * @description SkodaFlow Icon component.
+ * Properties are inherited from HTML Span element.
+ * @param props IconProps
+ * @returns React Functional Component
+ */
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/icon/icon.js

@@ -0,0 +1,2 @@
+import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import r from"react";import{Icon as i}from"@mui/material";import{getIconName as e}from"../../utils/icons.js";import{styled as m}from"@mui/material/styles";const l=r.forwardRef(((r,i)=>{var{iconStyle:m,color:l,fontSize:a}=r,c=o(r,["iconStyle","color","fontSize"]);const f="filled"===m?" filled":"";return t(s,Object.assign({color:l},c,{ref:i,className:e(c.className)+f,fontSize:a,"data-testid":"Icon"}))})),s=m(i)((()=>({lineHeight:"0.7em"})));export{l as Icon};
+//# sourceMappingURL=icon.js.map

package/build/components/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":[null],"names":["Icon","React","forwardRef","_a","ref","iconStyle","color","fontSize","props","__rest","isFilled","_jsx","IconStyled","Object","assign","className","getIconName","styled","MuiIcon","lineHeight"],"mappings":"kOAkCO,MAAMA,EAAOC,EAAMC,YAAuC,CAACC,EAA0CC,SAA1CC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,KAAaC,EAAjCC,EAAAN,EAAA,CAAA,YAAA,QAAA,aAChE,MAAMO,EAAyB,WAAdL,EAAyB,UAAY,GACtD,OACEM,EAACC,EAAUC,OAAAC,OAAA,CACTR,MAAOA,GACHE,EACJ,CAAAJ,IAAKA,EACLW,UAAWC,EAAYR,EAAMO,WAAaL,EAC1CH,SAAUA,EAAQ,cACN,SAEd,IAGEK,EAAaK,EAAOC,EAAPD,EAA8B,KACxC,CACLE,WAAY"}

package/build/components/icon/index.d.ts

@@ -1,2 +1,2 @@
-export * from './icon';
-export * from './availableIcons';
+export * from './icon';
+export * from './availableIcons';

package/build/components/iconButton/index.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
-export type IconButtonProps = MuiIconButtonProps & {
-    variant?: 'filled' | 'outlined' | 'standard';
-};
-export declare const IconButton: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").IconButtonClasses>;
-    color?: "inherit" | "primary" | "secondary";
-    disabled?: boolean;
-    disableFocusRipple?: boolean;
-    edge?: false | "start" | "end";
-    size?: "small" | "medium" | "large";
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
-    centerRipple?: boolean;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
-    disabled?: boolean;
-    disableRipple?: boolean;
-    disableTouchRipple?: boolean;
-    focusRipple?: boolean;
-    focusVisibleClassName?: string;
-    LinkComponent?: import("react").ElementType<any>;
-    onFocusVisible?: import("react").FocusEventHandler<any>;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-    tabIndex?: number;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    variant?: 'filled' | 'outlined' | 'standard';
-}, {}, {}>;
+/// <reference types="react" />
+import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
+export type IconButtonProps = MuiIconButtonProps & {
+    variant?: 'filled' | 'outlined' | 'standard';
+};
+export declare const IconButton: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").IconButtonClasses>;
+    color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "default" | "inherit" | "error" | "info" | "success" | "warning", import("@mui/material").IconButtonPropsColorOverrides>;
+    disabled?: boolean;
+    disableFocusRipple?: boolean;
+    edge?: false | "end" | "start";
+    size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").IconButtonPropsSizeOverrides>;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
+    centerRipple?: boolean;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    disableTouchRipple?: boolean;
+    focusRipple?: boolean;
+    focusVisibleClassName?: string;
+    LinkComponent?: import("react").ElementType<any>;
+    onFocusVisible?: import("react").FocusEventHandler<any>;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+    tabIndex?: number;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    variant?: 'filled' | 'outlined' | 'standard';
+}, {}, {}>;

package/build/components/iconButton/index.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{styled as e,IconButton as a}from"@mui/material";const t=e(a)((e=>{var a,{theme:t}=e,o=r(e,["theme"]);const n={},{variant:d="filled",color:c="primary"}=o;return"outlined"===d&&"inherit"!==c&&(n.border="2px solid "+(null===(a=t.palette[c])||void 0===a?void 0:a.main),"secondary"===c&&(n["&:focus"]={background:t.palette.transparent.primary},n["&:hover"]={background:t.palette.transparent.primary})),"outlined"===d&&"inherit"===c&&(n.border="2px solid currentColor"),"filled"===d&&"secondary"===c&&(n.color=t.palette.secondary.contrastText,n.background=t.palette.secondary.main,n["&:focus"]={background:t.palette.secondary.main},n["&:hover"]={background:t.palette.secondary.light,"&:focus":{background:t.palette.secondary.light}}),"filled"===d&&"primary"===c&&(n.color=t.palette.text.primary,n.background=t.palette.brand.secondary,n["&:focus"]={background:t.palette.brand.secondary},n["&:hover"]={background:t.palette.brandHover.secondary,"&:focus":{background:t.palette.brandHover.secondary}}),"filled"===d&&"inherit"===c&&(n.background=t.palette.transparent.secondary,n["&:focus"]={background:t.palette.transparent.secondary},n["&:hover"]={background:t.palette.transparent.primary,"&:focus":{background:t.palette.transparent.primary}}),n}));export{t as IconButton};
+//# sourceMappingURL=index.js.map

package/build/components/iconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/iconButton/index.tsx"],"sourcesContent":[null],"names":["IconButton","styled","MuiIconButton","_a","theme","args","__rest","style","variant","color","border","_b","palette","main","background","transparent","primary","secondary","contrastText","light","text","brand","brandHover"],"mappings":"sFAIO,MAAMA,EAAaC,EAAOC,EAAPD,EAAwCE,WAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WAChE,MAAMI,EAAQ,CAAA,GACRC,QAAEA,EAAU,SAAQC,MAAEA,EAAQ,WAAcJ,EA2ClD,MAzCgB,aAAZG,GAAoC,YAAVC,IAC5BF,EAAMG,OAAS,cAAqC,QAAtBC,EAAAP,EAAMQ,QAAQH,UAAQ,IAAAE,OAAA,EAAAA,EAAAE,MACtC,cAAVJ,IACFF,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYC,SAC3DT,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYC,WAI/C,aAAZR,GAAoC,YAAVC,IAC5BF,EAAMG,OAAS,0BAGD,WAAZF,GAAkC,cAAVC,IAC1BF,EAAME,MAAQL,EAAMQ,QAAQK,UAAUC,aACtCX,EAAMO,WAAaV,EAAMQ,QAAQK,UAAUJ,KAC3CN,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQK,UAAUJ,MACzDN,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQK,UAAUE,MACpC,UAAW,CAAEL,WAAYV,EAAMQ,QAAQK,UAAUE,SAIrC,WAAZX,GAAkC,YAAVC,IAC1BF,EAAME,MAAQL,EAAMQ,QAAQQ,KAAKJ,QACjCT,EAAMO,WAAaV,EAAMQ,QAAQS,MAAMJ,UACvCV,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQS,MAAMJ,WACrDV,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQU,WAAWL,UACrC,UAAW,CAAEH,WAAYV,EAAMQ,QAAQU,WAAWL,aAItC,WAAZT,GAAkC,YAAVC,IAC1BF,EAAMO,WAAaV,EAAMQ,QAAQG,YAAYE,UAC7CV,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYE,WAC3DV,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQG,YAAYC,QACtC,UAAW,CAAEF,WAAYV,EAAMQ,QAAQG,YAAYC,WAIhDT,CAAK"}

package/build/components/index.d.ts

@@ -1,45 +1,47 @@
-export * from './accordion';
-export * from './backdrop';
-export * from './button';
-export * from './banner';
-export * from './cardContainer';
-export * from './cardMenu';
-export * from './checkbox';
-export * from './chip';
-export * from './container';
-export * from './controls';
-export * from './divider';
-export * from './drawer';
-export * from './flag';
-export * from './grid';
-export * from './icon';
-export * from './indicator';
-export * from './label';
-export * from './labelCO2';
-export * from './labelFeature';
-export * from './labelPromotional';
-export * from './labelStatus';
-export * from './menu';
-export * from './menuItem';
-export * from './mobileStepper';
-export * from './modal';
-export * from './numbering';
-export * from './pagination';
-export * from './progressBar';
-export * from './radioButton';
-export * from './selectInput';
-export * from './slider';
-export * from './snackbar';
-export * from './stepper';
-export * from './tab';
-export * from './textArea';
-export * from './textInput';
-export * from './toggleSwitch';
-export * from './tooltip';
-export * from './common';
-export * from './avatar';
-export * from './closeDialogButton';
-export * from './iconButton';
-export * from './helperTextContent';
-export * from './alert';
-export { Typography } from '@mui/material';
+export * from './accordion';
+export * from './backdrop';
+export * from './button';
+export * from './banner';
+export * from './cardContainer';
+export * from './cardMenu';
+export * from './checkbox';
+export * from './chip';
+export * from './container';
+export * from './controls';
+export * from './divider';
+export * from './drawer';
+export * from './flag';
+export * from './grid';
+export * from './icon';
+export * from './indicator';
+export * from './label';
+export * from './labelCO2';
+export * from './labelFeature';
+export * from './labelPromotional';
+export * from './labelStatus';
+export * from './menu';
+export * from './menuItem';
+export * from './mobileStepper';
+export * from './modal';
+export * from './numbering';
+export * from './pagination';
+export * from './progressBar';
+export * from './radioButton';
+export * from './selectInput';
+export * from './slider';
+export * from './snackbar';
+export * from './stepper';
+export * from './tab';
+export * from './textArea';
+export * from './textInput';
+export * from './toggleSwitch';
+export * from './tooltip';
+export * from './agGrid';
+export * from './common';
+export * from './avatar';
+export * from './closeDialogButton';
+export * from './iconButton';
+export * from './helperTextContent';
+export * from './alert';
+export * from '../organisms/gallery';
+export { Typography } from '@mui/material';

package/build/components/indicator/index.d.ts

@@ -1 +1 @@
-export * from './indicator';
+export * from './indicator';

package/build/components/indicator/indicator.d.ts

@@ -1,22 +1,22 @@
-import * as React from 'react';
-/**
- * @interface IndicatorProps
- * @description Base definition of SkodaFlow Indicator component independent on core implementation.
- * Properties are inherited from LabelProps.
- */
-export interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Indicator variant: 'positive' | 'warning' | 'alert' | 'neutral' | color string
-     */
-    variant?: 'positive' | 'warning' | 'alert' | 'neutral' | string;
-    /**
-     * Label text for indicator
-     */
-    label?: string;
-}
-/**
- * @description Styled SkodaFlow Indicator component
- * @param props IndicatorProps
- * @returns React Functional Component
- */
-export declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+/**
+ * @interface IndicatorProps
+ * @description Base definition of SkodaFlow Indicator component independent on core implementation.
+ * Properties are inherited from LabelProps.
+ */
+export interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Indicator variant: 'positive' | 'warning' | 'alert' | 'neutral' | color string
+     */
+    variant?: 'positive' | 'warning' | 'alert' | 'neutral' | string;
+    /**
+     * Label text for indicator
+     */
+    label?: string;
+}
+/**
+ * @description Styled SkodaFlow Indicator component
+ * @param props IndicatorProps
+ * @returns React Functional Component
+ */
+export declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/indicator/indicator.js

@@ -0,0 +1,19 @@
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import*as i from"react";import a from"@emotion/styled";import{flowColors as e}from"../../design/skoda/palette.theme.js";const n=i.forwardRef(((i,a)=>{var{children:e,label:n,variant:l="positive"}=i,c=r(i,["children","label","variant"]);const s=n||e;return t(o,Object.assign({},c,{ref:a,className:"disclamer",variant:l,"data-testid":"Indicator",children:s}))})),o=a.div`
+  --flow-indicator-color: ${r=>{switch(r.variant){case"alert":return e.alert.main;case"warning":return e.warning.main;case"positive":return e.positive.main;case"neutral":return e.onSurface.os200;default:return e[r.variant]?e[r.variant]:r.variant}}};
+  color: ${e.text.primary};
+  font-weight: 300;
+  line-height: 20px;
+  letter-spacing: 0.2px;
+  &::before {
+    content: '';
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    margin-right: 8px;
+    margin-top: -2px;
+    display: inline-block;
+    vertical-align: middle;
+    background-color: var(--flow-indicator-color);
+  }
+`;export{n as Indicator};
+//# sourceMappingURL=indicator.js.map

package/build/components/indicator/indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":[null],"names":["Indicator","React","forwardRef","_a","ref","children","label","variant","props","__rest","text","_jsx","IndicatorStyled","Object","assign","className","styled","div","flowColors","alert","warning","positive","onSurface","os200","primary"],"mappings":"+LAyBO,MAAMA,EAAYC,EAAMC,YAC7B,CAACC,EAAqDC,KAArD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAUJ,EAAKK,EAA5CC,EAAAN,EAAA,CAAA,WAAA,QAAA,YACC,MAAMO,EAAOJ,GAAgBD,EAC7B,OACEM,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKN,EAAO,CAAAJ,IAAKA,EAAKW,UAAU,YAAYR,QAASA,EAAO,cAAc,YACvFF,SAAAK,IAEH,IAOAE,EAAkBI,EAAOC,GAAmB;4BACrBT,IACzB,OAAQA,EAAMD,SACZ,IAAK,QACH,OAAOW,EAAWC,MAAY,KAChC,IAAK,UACH,OAAOD,EAAWE,QAAc,KAClC,IAAK,WACH,OAAOF,EAAWG,SAAe,KACnC,IAAK,UACH,OAAOH,EAAWI,UAAUC,MAC9B,QACE,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWC,EAAMD,QACxE;WAEMW,EAAWR,KAAKc;;;;;;;;;;;;;;;"}

package/build/components/label/index.d.ts

@@ -1 +1 @@
-export * from './label';
+export * from './label';