@bikdotai/bik-component-library 0.0.735 → 0.0.736-beta.1

package/dist/esm/components/states/ShopifyScopeWrapper.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export interface ShopifyScopeWrapper {
-    permissions: string[];
-    permissionRequestTitle: string;
-    permissionRequestSubTitle: string;
-    cacheInLocal?: boolean;
-    permissionEvaluationFunction: (permissions: string[]) => Promise<{
-        hasPermission: boolean;
-        urlForPermissions?: string;
-    }>;
-    children: React.ReactNode;
-    onPermissionClickCallback?: () => void;
-}
-export declare const ShopifyScopeWrapper: React.FC<ShopifyScopeWrapper>;
+import React from 'react';
+export interface ShopifyScopeWrapper {
+    permissions: string[];
+    permissionRequestTitle: string;
+    permissionRequestSubTitle: string;
+    cacheInLocal?: boolean;
+    permissionEvaluationFunction: (permissions: string[]) => Promise<{
+        hasPermission: boolean;
+        urlForPermissions?: string;
+    }>;
+    children: React.ReactNode;
+    onPermissionClickCallback?: () => void;
+}
+export declare const ShopifyScopeWrapper: React.FC<ShopifyScopeWrapper>;

package/dist/esm/components/states/StateComponent.d.ts

@@ -1,42 +1,42 @@
-import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
-import React from 'react';
-import { Type } from "../button/model";
-export declare enum StateInterface {
-    SUCCESS = "success",
-    ERROR = "error",
-    WARNING = "warning",
-    LOADING = "loading",
-    RETRY = "retry",
-    INFO = "info"
-}
-export declare enum ButtonActions {
-    CANCEL = "cancel",
-    OTHER = "other"
-}
-export declare enum ButtonTypes {
-    SINGLE = "SINGLE",
-    DOUBLE = "DOUBLE"
-}
-export type StateComponentProps = {
-    headerImage?: string;
-    states: StateInterface;
-    heading: string;
-    subline: string;
-    errorText?: string;
-    icon?: JSX.Element;
-    isButtonEnabled: boolean;
-    type?: ButtonTypes;
-    buttonText?: string;
-    buttonType?: Type;
-    buttonIcon?: ReactJSXElement;
-    onButtonClick?: (buttonClicked: ButtonActions) => void;
-    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    width: number;
-    size?: 'DEFAULT' | 'SMALL';
-    iconHeight?: number;
-    iconWidth?: number;
-    closeButtonType?: Type;
-    secondaryButtonText?: string;
-    'data-test'?: string;
-};
-export declare const StateComponent: React.FC<React.PropsWithChildren<StateComponentProps>>;
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+import { Type } from '@src/components/button/model';
+export declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    LOADING = "loading",
+    RETRY = "retry",
+    INFO = "info"
+}
+export declare enum ButtonActions {
+    CANCEL = "cancel",
+    OTHER = "other"
+}
+export declare enum ButtonTypes {
+    SINGLE = "SINGLE",
+    DOUBLE = "DOUBLE"
+}
+export type StateComponentProps = {
+    headerImage?: string;
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    errorText?: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonType?: Type;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width: number;
+    size?: 'DEFAULT' | 'SMALL';
+    iconHeight?: number;
+    iconWidth?: number;
+    closeButtonType?: Type;
+    secondaryButtonText?: string;
+    'data-test'?: string;
+};
+export declare const StateComponent: React.FC<React.PropsWithChildren<StateComponentProps>>;

package/dist/esm/components/states/StateComponent.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/retryIcon.svg.js";import r from"../../assets/icons/state_icon.svg.js";import c from"../../assets/icons/successIcon.svg.js";import a from"../../assets/icons/warningIcon.svg.js";import{Button as l}from"../button/Button.js";import{Spinner as d}from"../spinner/Spinner.js";import{TitleRegular as m,TitleMedium as h,BodyPrimary as g,BodySecondary as p}from"../TypographyStyle.js";import{StateComponentContainer as u,StateIcon as y,StateHeading as j,StateSubline as L,ButtonContainer as O}from"./StateComponent.styled.js";var b,E,S;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info"}(b||(b={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(E||(E={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(S||(S={}));const T=T=>{var f;const I=()=>R==b.SUCCESS?e(c,{}):R==b.WARNING?e(a,{}):R==b.ERROR?e(i,{}):R===b.LOADING?e(d,{size:"large"}):R===b.RETRY?e(s,{}):R==b.INFO?e(r,{}):void 0,{states:R,heading:C,subline:N,errorText:v,icon:A=I(),isButtonEnabled:z,type:B,buttonText:x,buttonType:w,onButtonClick:G,leadingIcon:W,width:D,headerImage:U,iconWidth:H,iconHeight:M,closeButtonType:k,secondaryButtonText:F,"data-test":P}=T;return t(u,Object.assign({width:D,"data-test":P},{children:[e(y,Object.assign({iconWidth:H,iconHeight:M},{children:U?e("img",{src:U,width:"100%",height:"auto",alt:""}):A})),t(j,Object.assign({size:T.size},{children:["SMALL"===T.size&&e(m,{children:C}),"SMALL"!==T.size&&e(h,{children:C})]})),t(L,{children:["SMALL"!==T.size&&e(g,Object.assign({color:o.content.secondary},{children:N})),"SMALL"===T.size&&e(p,Object.assign({color:o.content.secondary},{children:N})),v&&e(p,Object.assign({color:o.content.negative,style:{marginTop:8,whiteSpace:"pre-line"}},{children:v}))]}),null!==(f=T.children)&&void 0!==f?f:e(n,{}),z&&e(n,{children:t(O,Object.assign({size:T.size},{children:[B==S.DOUBLE&&e(l,{"data-test":`${P}-cancel`,onClick:()=>G&&G(E.CANCEL),buttonType:k||"secondary",buttonText:F||"Cancel",matchParentWidth:!0}),e(l,{"data-test":`${P}-primary`,onClick:()=>G&&G(E.OTHER),buttonType:null!=w?w:"primary",LeadingIcon:W,buttonText:null!=x?x:"Retry",matchParentWidth:!0})]}))})]}))};export{E as ButtonActions,S as ButtonTypes,T as StateComponent,b as StateInterface};
+import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/errorIcon.svg.js";import r from"../../assets/icons/retryIcon.svg.js";import s from"../../assets/icons/state_icon.svg.js";import c from"../../assets/icons/successIcon.svg.js";import a from"../../assets/icons/warningIcon.svg.js";import{Button as l}from"../button/Button.js";import{Spinner as d}from"../spinner/Spinner.js";import{TitleRegular as m,TitleMedium as h,BodyPrimary as p,BodySecondary as u}from"../TypographyStyle.js";import{StateComponentContainer as g,StateIcon as y,StateHeading as L,StateSubline as E,ButtonContainer as S}from"./StateComponent.styled.js";var T,f,I;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning",t.LOADING="loading",t.RETRY="retry",t.INFO="info"}(T||(T={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(f||(f={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(I||(I={}));const R=R=>{var C;const N=()=>j==T.SUCCESS?e(c,{}):j==T.WARNING?e(a,{}):j==T.ERROR?e(i,{}):j===T.LOADING?e(d,{size:"large"}):j===T.RETRY?e(r,{}):j==T.INFO?e(s,{}):void 0,{states:j,heading:O,subline:v,errorText:A,icon:b=N(),isButtonEnabled:z,type:B,buttonText:x,buttonType:w,onButtonClick:G,leadingIcon:W,width:D,headerImage:U,iconWidth:H,iconHeight:M,closeButtonType:k,secondaryButtonText:F,"data-test":P}=R;return t(g,{width:D,"data-test":P,children:[e(y,{iconWidth:H,iconHeight:M,children:U?e("img",{src:U,width:"100%",height:"auto",alt:""}):b}),t(L,{size:R.size,children:["SMALL"===R.size&&e(m,{children:O}),"SMALL"!==R.size&&e(h,{children:O})]}),t(E,{children:["SMALL"!==R.size&&e(p,{color:o.content.secondary,children:v}),"SMALL"===R.size&&e(u,{color:o.content.secondary,children:v}),A&&e(u,{color:o.content.negative,style:{marginTop:8,whiteSpace:"pre-line"},children:A})]}),null!==(C=R.children)&&void 0!==C?C:e(n,{}),z&&e(n,{children:t(S,{size:R.size,children:[B==I.DOUBLE&&e(l,{"data-test":`${P}-cancel`,onClick:()=>G&&G(f.CANCEL),buttonType:k||"secondary",buttonText:F||"Cancel",matchParentWidth:!0}),e(l,{"data-test":`${P}-primary`,onClick:()=>G&&G(f.OTHER),buttonType:null!=w?w:"primary",LeadingIcon:W,buttonText:null!=x?x:"Retry",matchParentWidth:!0})]})})]})};export{f as ButtonActions,I as ButtonTypes,R as StateComponent,T as StateInterface};

package/dist/esm/components/states/StateComponent.styled.d.ts

@@ -1,14 +1,14 @@
-export declare const StateComponentContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-}, never>;
-export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {
-    iconWidth?: number | undefined;
-    iconHeight?: number | undefined;
-}, never>;
-export declare const StateHeading: import("styled-components").StyledComponent<"div", any, {
-    size?: "SMALL" | "DEFAULT" | undefined;
-}, never>;
-export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    size?: "SMALL" | "DEFAULT" | undefined;
-}, never>;
-export declare const StateSubline: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateComponentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width: number;
+}>> & string;
+export declare const StateIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    iconWidth?: number;
+    iconHeight?: number;
+}>> & string;
+export declare const StateHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size?: "SMALL" | "DEFAULT";
+}>> & string;
+export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size?: "SMALL" | "DEFAULT";
+}>> & string;
+export declare const StateSubline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/states/StateComponent.styled.js

@@ -11,7 +11,7 @@ import i from"styled-components";const t=i.div`
 	height: ${i=>i.iconHeight?i.iconHeight:64}px;
 	display: flex;
 	justify-content: center;
-	align-items: end;
+	align-items: flex-end;
 `,d=i.div`
 	margin-top: ${i=>"SMALL"===i.size?8:16}px;
 	text-align: center;

package/dist/esm/components/states/index.d.ts

@@ -1,2 +1,2 @@
-export * from './StateComponent';
-export * from './ShopifyScopeWrapper';
+export * from './StateComponent';
+export * from './ShopifyScopeWrapper';

package/dist/esm/components/states-modal/DeleteConfirmationModal.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface DeleteConfirmationModalProps {
-    header: string;
-    subHeader: string;
-    confirmationText: string;
-    onDeleteConfirmed: () => void;
-    onCancelClicked: () => void;
-    'data-test'?: string;
-}
-export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;
+import React from 'react';
+export interface DeleteConfirmationModalProps {
+    header: string;
+    subHeader: string;
+    confirmationText: string;
+    onDeleteConfirmed: () => void;
+    onCancelClicked: () => void;
+    'data-test'?: string;
+}
+export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;

package/dist/esm/components/states-modal/StateModalComponent.d.ts

@@ -1,26 +1,26 @@
-import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
-import React from 'react';
-import { Type } from '../button/model';
-import { ButtonActions, ButtonTypes, StateInterface } from '../states/StateComponent';
-export type StateModalComponentProps = {
-    states: StateInterface;
-    heading: string;
-    subline: string;
-    icon?: JSX.Element;
-    isButtonEnabled: boolean;
-    type?: ButtonTypes;
-    buttonText?: string;
-    buttonIcon?: ReactJSXElement;
-    onButtonClick?: (buttonClicked: ButtonActions) => void;
-    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    width?: number;
-    onClose?: () => void;
-    zIndex?: number;
-    headerImage?: string;
-    iconWidth?: number;
-    iconHeight?: number;
-    closeButtonType?: Type;
-    'data-test'?: string;
-    secondaryButtonText?: string;
-};
-export declare const StateModalComponent: React.FC<React.PropsWithChildren<StateModalComponentProps>>;
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+import { Type } from '../button/model';
+import { ButtonActions, ButtonTypes, StateInterface } from '../states/StateComponent';
+export type StateModalComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width?: number;
+    onClose?: () => void;
+    zIndex?: number;
+    headerImage?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    closeButtonType?: Type;
+    'data-test'?: string;
+    secondaryButtonText?: string;
+};
+export declare const StateModalComponent: React.FC<React.PropsWithChildren<StateModalComponentProps>>;

package/dist/esm/components/states-modal/StateModalComponent.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{ComponentZindex as n}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as c}from"../spinner/Spinner.js";import{StateInterface as a,StateComponent as d}from"../states/StateComponent.js";const l=l=>{const m=()=>p==a.SUCCESS?t(s,{}):p==a.WARNING?t(i,{}):p==a.ERROR?t(o,{}):p===a.LOADING?t(c,{size:"large"}):void 0,{states:p,heading:u,subline:g,icon:h=m(),isButtonEnabled:I,type:f,buttonText:C,onButtonClick:j,leadingIcon:x,width:y,zIndex:B,headerImage:O,iconHeight:b,iconWidth:T,closeButtonType:S,secondaryButtonText:A}=l,[E,N]=e(!0);return t(r,Object.assign({"data-test":l["data-test"],open:E,onClose:function(){l.onClose&&l.onClose(),N(!1)},closeOnOutsideClick:!(p===a.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:y},hideCrossButton:p===a.LOADING,zIndex:B||n.STATE_MODAL},{children:t(d,Object.assign({states:p,heading:u,subline:g,isButtonEnabled:I,leadingIcon:x,type:f,buttonText:C,onButtonClick:j,icon:h,width:y||400,headerImage:O,iconHeight:b,iconWidth:T,closeButtonType:S,secondaryButtonText:A},{children:l.children}))}))};export{l as StateModalComponent};
+import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{ComponentZindex as n}from"../../constants/zindex.js";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import i from"../../assets/icons/warningIcon.svg.js";import{StyledModal as r}from"../modals/styledModal.js";import{Spinner as c}from"../spinner/Spinner.js";import{StateInterface as a,StateComponent as d}from"../states/StateComponent.js";const l=l=>{const m=()=>p==a.SUCCESS?t(s,{}):p==a.WARNING?t(i,{}):p==a.ERROR?t(o,{}):p===a.LOADING?t(c,{size:"large"}):void 0,{states:p,heading:u,subline:h,icon:g=m(),isButtonEnabled:I,type:f,buttonText:C,onButtonClick:x,leadingIcon:y,width:j,zIndex:B,headerImage:T,iconHeight:O,iconWidth:S,closeButtonType:b,secondaryButtonText:A}=l,[E,N]=e(!0);return t(r,{"data-test":l["data-test"],open:E,onClose:function(){l.onClose&&l.onClose(),N(!1)},closeOnOutsideClick:!(p===a.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:j},hideCrossButton:p===a.LOADING,zIndex:B||n.STATE_MODAL,children:t(d,{states:p,heading:u,subline:h,isButtonEnabled:I,leadingIcon:y,type:f,buttonText:C,onButtonClick:x,icon:g,width:j||400,headerImage:T,iconHeight:O,iconWidth:S,closeButtonType:b,secondaryButtonText:A,children:l.children})})};export{l as StateModalComponent};

package/dist/esm/components/states-modal/index.d.ts

@@ -1,2 +1,2 @@
-export * from './StateModalComponent';
-export * from './DeleteConfirmationModal';
+export * from './StateModalComponent';
+export * from './DeleteConfirmationModal';

package/dist/esm/components/stepper/Stepper.d.ts

@@ -1,24 +1,24 @@
-export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
-export interface StepperProps {
-    steps: EachStep[];
-    activeStep: EachStep;
-    onClickingEachStep: (step: EachStep) => void;
-    hideHoverState?: boolean;
-}
-export interface EachStep {
-    stepKey: string;
-    stepName: string;
-    isCompleted: boolean;
-    isError: boolean;
-    isInActive: boolean;
-}
-export interface SingleStepperProps {
-    index: number;
-    isLastElement: boolean;
-    eachStep: EachStep;
-    isActive: boolean;
-    onClickingStep: (step: EachStep) => void;
-    stepsCount: number;
-    hideHoverState?: boolean;
-}
-export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
+export interface StepperProps {
+    steps: EachStep[];
+    activeStep: EachStep;
+    onClickingEachStep: (step: EachStep) => void;
+    hideHoverState?: boolean;
+}
+export interface EachStep {
+    stepKey: string;
+    stepName: string;
+    isCompleted: boolean;
+    isError: boolean;
+    isInActive: boolean;
+}
+export interface SingleStepperProps {
+    index: number;
+    isLastElement: boolean;
+    eachStep: EachStep;
+    isActive: boolean;
+    onClickingStep: (step: EachStep) => void;
+    stepsCount: number;
+    hideHoverState?: boolean;
+}
+export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/stepper/Stepper.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as s}from"../../constants/Theme.js";import i from"../../assets/icons/check.svg.js";import o from"../../assets/icons/errorInfo.svg.js";import{BodySecondary as n,BodyPrimary as r}from"../TypographyStyle.js";import{StepperContainer as c,SingleStepperChildContainer as a}from"./Stepper.styled.js";const l=t=>{const{steps:s,activeStep:i,onClickingEachStep:o,hideHoverState:n}=t;return e(c,{children:s.map(((t,r)=>e(p,{stepsCount:s.length,eachStep:t,onClickingStep:e=>{o(e)},isActive:(null==i?void 0:i.stepKey)==(null==t?void 0:t.stepKey),isLastElement:r==s.length-1,index:r,hideHoverState:n},r)))})},p=c=>{const{eachStep:l,isLastElement:p,index:d,isActive:m,onClickingStep:h,hideHoverState:v}=c,{stepName:g,isCompleted:S,isError:j,isInActive:u}=l,b=()=>m?"active":S?"completed":j?"error":u?"inactive":"default";return t(a,Object.assign({stepsCount:c.stepsCount,onClick:()=>{!u&&h(l)},selectedState:b(),isInActive:u||v},{children:[t("div",Object.assign({className:`hover-container ${u?"blocked":"pointer"} `},{children:[e("div",Object.assign({className:"badge"},{children:"completed"==b()?e(i,{height:16,width:16,color:s.content.positive}):"error"==b()?e(o,{height:16,width:16}):e(n,Object.assign({className:"badge-text"},{children:d+1}))})),e(r,Object.assign({className:"step-text",title:g},{children:g}))]})),e("div",{className:p?"":"horizontal-divider"})]}))};export{l as Stepper};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import s from"../../assets/icons/check.svg.js";import o from"../../assets/icons/errorInfo.svg.js";import{BodySecondary as r,BodyPrimary as n}from"../TypographyStyle.js";import{StepperContainer as c,SingleStepperChildContainer as a}from"./Stepper.styled.js";const l=t=>{const{steps:i,activeStep:s,onClickingEachStep:o,hideHoverState:r}=t;return e(c,{children:i.map(((t,n)=>e(p,{stepsCount:i.length,eachStep:t,onClickingStep:e=>{o(e)},isActive:(null==s?void 0:s.stepKey)==(null==t?void 0:t.stepKey),isLastElement:n==i.length-1,index:n,hideHoverState:r},n)))})},p=c=>{const{eachStep:l,isLastElement:p,index:d,isActive:m,onClickingStep:h,hideHoverState:v}=c,{stepName:g,isCompleted:S,isError:u,isInActive:f}=l,C=()=>m?"active":S?"completed":u?"error":f?"inactive":"default";return t(a,{stepsCount:c.stepsCount,onClick:()=>{!f&&h(l)},selectedState:C(),isInActive:f||v,children:[t("div",{className:`hover-container ${f?"blocked":"pointer"} `,children:[e("div",{className:"badge",children:"completed"==C()?e(s,{height:16,width:16,color:i.content.positive}):"error"==C()?e(o,{height:16,width:16}):e(r,{className:"badge-text",children:d+1})}),e(n,{className:"step-text",title:g,children:g})]}),e("div",{className:p?"":"horizontal-divider"})]})};export{l as Stepper};

package/dist/esm/components/stepper/Stepper.styled.d.ts

@@ -1,8 +1,8 @@
-import { StepperStates } from './Stepper';
-export declare const StepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SingleStepperChildContainer: import("styled-components").StyledComponent<"div", any, {
-    selectedState: StepperStates;
-    stepsCount: number;
-    isInActive?: boolean | undefined;
-}, never>;
-export declare const WorkingStepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { StepperStates } from './Stepper';
+export declare const StepperContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SingleStepperChildContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    selectedState: StepperStates;
+    stepsCount: number;
+    isInActive?: boolean;
+}>> & string;
+export declare const WorkingStepperContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/stepper/StepperService.d.ts

@@ -1,4 +1,4 @@
-import { EachStep } from './Stepper';
-export default class StepperService {
-    updateSteps: (steps: EachStep[], stepToUpdate: EachStep, propertiesToUpdate: Partial<EachStep>) => EachStep[];
-}
+import { EachStep } from './Stepper';
+export default class StepperService {
+    updateSteps: (steps: EachStep[], stepToUpdate: EachStep, propertiesToUpdate: Partial<EachStep>) => EachStep[];
+}

package/dist/esm/components/stepper/WorkingStepper.d.ts

@@ -1,14 +1,14 @@
-export declare const WorkingStepper: () => import("react/jsx-runtime").JSX.Element;
-export declare enum STEPENUM {
-    STEP1 = "STEP1",
-    STEP2 = "STEP2",
-    STEP3 = "STEP3",
-    STEP4 = "STEP4"
-}
-export declare const Steps: {
-    stepKey: STEPENUM;
-    stepName: string;
-    isCompleted: boolean;
-    isError: boolean;
-    isInActive: boolean;
-}[];
+export declare const WorkingStepper: () => import("react/jsx-runtime").JSX.Element;
+export declare enum STEPENUM {
+    STEP1 = "STEP1",
+    STEP2 = "STEP2",
+    STEP3 = "STEP3",
+    STEP4 = "STEP4"
+}
+export declare const Steps: {
+    stepKey: STEPENUM;
+    stepName: string;
+    isCompleted: boolean;
+    isError: boolean;
+    isInActive: boolean;
+}[];

package/dist/esm/components/stepper/index.d.ts

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

package/dist/esm/components/stepper/themes.d.ts

@@ -1,18 +1,18 @@
-import type { StepperStates } from './Stepper';
-export declare function getTheme(step: StepperStates): {
-    textColor: string;
-    badgeColor: string;
-    badgeBackground: string;
-    badgeBorder: string;
-    dividerBackground: string;
-    fontWeight: string;
-    background?: undefined;
-} | {
-    textColor: string;
-    background: string;
-    badgeColor: string;
-    badgeBorder: string;
-    dividerBackground: string;
-    fontWeight: string;
-    badgeBackground?: undefined;
-};
+import type { StepperStates } from './Stepper';
+export declare function getTheme(step: StepperStates): {
+    textColor: string;
+    badgeColor: string;
+    badgeBackground: string;
+    badgeBorder: string;
+    dividerBackground: string;
+    fontWeight: string;
+    background?: undefined;
+} | {
+    textColor: string;
+    background: string;
+    badgeColor: string;
+    badgeBorder: string;
+    dividerBackground: string;
+    fontWeight: string;
+    badgeBackground?: undefined;
+};

package/dist/esm/components/switch/Switch.d.ts

@@ -1,31 +1,30 @@
-/// <reference types="react" />
-import { SwitchColorProps, SwitchProps } from './Switch.d';
-export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    trackLength: number;
-    trackHeight: number;
-    trackColor: SwitchColorProps;
-    value: boolean;
-    borderColor: SwitchColorProps;
-    duration: number;
-    disabled?: boolean | undefined;
-    outlineColor: SwitchColorProps;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Thumb: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    value: boolean;
-    duration: number;
-    thumbColor: SwitchColorProps;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Loader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    value: boolean;
-    trackColor: SwitchColorProps;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import { SwitchColorProps, SwitchProps } from './Switch.d';
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    trackLength: number;
+    trackHeight: number;
+    trackColor: SwitchColorProps;
+    value: boolean;
+    borderColor: SwitchColorProps;
+    duration: number;
+    disabled?: boolean;
+    outlineColor: SwitchColorProps;
+}, JSX.IntrinsicElements, {}>;
+export declare const Thumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    value: boolean;
+    duration: number;
+    thumbColor: SwitchColorProps;
+}, JSX.IntrinsicElements, {}>;
+export declare const Loader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    value: boolean;
+    trackColor: SwitchColorProps;
+}, JSX.IntrinsicElements, {}>;