@juspay/blend-design-system 0.0.37-beta.5 → 0.0.37-beta.6

package/dist/components/InputsV2/MultiValueInputV2/MultiValueInputV2.tokens.types.d.ts

@@ -0,0 +1,71 @@
+import { CSSObject } from 'styled-components';
+import { InputSizeV2, InputStateV2 } from '../inputV2.types';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+import { InputFooterV2Tokens, InputLabelsV2Tokens } from '../inputV2.tokens';
+export type MultiValueInputV2TokensType = {
+    gap: CSSObject['gap'];
+    borderRadius: CSSObject['borderRadius'];
+    topContainer: InputLabelsV2Tokens;
+    inputContainer: {
+        offSet: number;
+        fontSize: {
+            [key in InputSizeV2]: CSSObject['fontSize'];
+        };
+        fontWeight: {
+            [key in InputSizeV2]: CSSObject['fontWeight'];
+        };
+        gap: CSSObject['gap'];
+        borderRadius?: CSSObject['borderRadius'];
+        boxShadow: {
+            [key in InputStateV2]: CSSObject['boxShadow'];
+        };
+        paddingTop: {
+            [key in InputSizeV2]: CSSObject['paddingTop'];
+        };
+        paddingRight: {
+            [key in InputSizeV2]: CSSObject['paddingRight'];
+        };
+        paddingBottom: {
+            [key in InputSizeV2]: CSSObject['paddingBottom'];
+        };
+        paddingLeft: {
+            [key in InputSizeV2]: CSSObject['paddingLeft'];
+        };
+        border: {
+            [key in InputStateV2]: CSSObject['border'];
+        };
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+        placeholderColor: {
+            default: CSSObject['color'];
+            focus: CSSObject['color'];
+            hover: CSSObject['color'];
+            error: CSSObject['color'];
+            disabled: CSSObject['color'];
+        };
+        backgroundColor: {
+            [key in InputStateV2]: CSSObject['backgroundColor'];
+        };
+        closeButton: {
+            width: CSSObject['width'];
+        };
+        leftSlot: {
+            width: CSSObject['width'];
+            height: CSSObject['height'];
+        };
+        rightSlot: {
+            width: CSSObject['width'];
+            height: CSSObject['height'];
+        };
+        /** Vertical alignment for slot row vs tags (`top` / `marginTop` in layout) */
+        slotAlignTop: {
+            withTags: CSSObject['top'];
+            withoutTags: CSSObject['top'];
+        };
+    };
+    bottomContainer: InputFooterV2Tokens;
+};
+export type ResponsiveMultiValueInputV2Tokens = {
+    [key in keyof BreakpointType]: MultiValueInputV2TokensType;
+};

package/dist/components/InputsV2/NumberInputV2/NumberInputV2.d.ts

@@ -1,6 +1,6 @@
 import { InputSizeV2 } from '../inputV2.types';
 import { default as React } from 'react';
-import { NumberInputV2Direction } from '.';
+import { NumberInputV2Direction } from './numberInputV2.types';
 declare const NumberInputV2: React.ForwardRefExoticComponent<{
     slot?: {
         left?: React.ReactNode;

package/dist/components/InputsV2/NumberInputV2/NumberInputV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveNumberInputV2Tokens } from './numberInputV2.tokens';
+import { ResponsiveNumberInputV2Tokens } from './numberInputV2.tokens.types';
 export declare const getNumberInputV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveNumberInputV2Tokens;

package/dist/components/InputsV2/NumberInputV2/NumberInputV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveNumberInputV2Tokens } from './numberInputV2.tokens';
+import { ResponsiveNumberInputV2Tokens } from './numberInputV2.tokens.types';
 export declare const getNumberInputV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveNumberInputV2Tokens;

package/dist/components/InputsV2/NumberInputV2/numberInputV2.tokens.d.ts

@@ -1,135 +1,5 @@
-import { CSSObject } from 'styled-components';
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { BreakpointType } from '../../../breakpoints/breakPoints';
-import { InputSizeV2, InputStateV2 } from '../inputV2.types';
 import { Theme } from '../../../context/theme.enum';
-import { InputFooterV2Tokens, InputLabelsV2Tokens, FloatingLabelsV2Tokens } from '../inputV2.tokens';
-export type NumberInputV2TokensType = {
-    gap: CSSObject['gap'];
-    topContainer: InputLabelsV2Tokens;
-    inputContainer: {
-        placeholder: {
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-            fontSize: {
-                [key in InputSizeV2]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in InputSizeV2]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in InputSizeV2]: CSSObject['lineHeight'];
-            };
-        };
-        fontSize: {
-            [key in InputSizeV2]: CSSObject['fontSize'];
-        };
-        fontWeight: {
-            [key in InputSizeV2]: CSSObject['fontWeight'];
-        };
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-        borderRadius: {
-            [key in InputSizeV2]: CSSObject['borderRadius'];
-        };
-        boxShadow: CSSObject['boxShadow'];
-        paddingTop: {
-            [key in InputSizeV2]: CSSObject['paddingTop'];
-        };
-        paddingRight: {
-            [key in InputSizeV2]: CSSObject['paddingRight'];
-        };
-        paddingBottom: {
-            [key in InputSizeV2]: CSSObject['paddingBottom'];
-        };
-        paddingLeft: {
-            [key in InputSizeV2]: CSSObject['paddingLeft'];
-        };
-        border: {
-            [key in InputStateV2]: CSSObject['border'];
-        };
-        lineHeight: {
-            [key in InputSizeV2]: CSSObject['lineHeight'];
-        };
-        backgroundColor: {
-            [key in InputStateV2]: CSSObject['backgroundColor'];
-        };
-        stepperButton: {
-            width: {
-                [key in InputSizeV2]: CSSObject['width'];
-            };
-            backgroundColor: {
-                [key in InputStateV2]: CSSObject['backgroundColor'];
-            };
-            icon: {
-                color: {
-                    [key in InputStateV2]: CSSObject['color'];
-                };
-                width: {
-                    [key in InputSizeV2]: CSSObject['width'];
-                };
-            };
-        };
-        slot: {
-            left: {
-                width: {
-                    [key in InputSizeV2]: CSSObject['width'];
-                };
-                height: {
-                    [key in InputSizeV2]: CSSObject['height'];
-                };
-                margin: {
-                    [key in InputSizeV2]: CSSObject['margin'];
-                };
-            };
-            right: {
-                width: {
-                    [key in InputSizeV2]: CSSObject['width'];
-                };
-                height: {
-                    [key in InputSizeV2]: CSSObject['height'];
-                };
-                margin: {
-                    [key in InputSizeV2]: CSSObject['margin'];
-                };
-            };
-        };
-    };
-    unit: {
-        fontSize: {
-            [key in InputSizeV2]: CSSObject['fontSize'];
-        };
-        fontWeight: {
-            [key in InputSizeV2]: CSSObject['fontWeight'];
-        };
-        paddingTop: {
-            [key in InputSizeV2]: CSSObject['paddingTop'];
-        };
-        paddingRight: {
-            [key in InputSizeV2]: CSSObject['paddingRight'];
-        };
-        paddingBottom: {
-            [key in InputSizeV2]: CSSObject['paddingBottom'];
-        };
-        paddingLeft: {
-            [key in InputSizeV2]: CSSObject['paddingLeft'];
-        };
-        borderRadius: {
-            [key in InputSizeV2]: CSSObject['borderRadius'];
-        };
-        border: {
-            [key in InputStateV2]: CSSObject['border'];
-        };
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-    };
-    floatingLabels: FloatingLabelsV2Tokens;
-    bottomContainer: InputFooterV2Tokens;
-};
-export type ResponsiveNumberInputV2Tokens = {
-    [key in keyof BreakpointType]: NumberInputV2TokensType;
-};
+import { ResponsiveNumberInputV2Tokens } from './numberInputV2.tokens.types';
+export type { NumberInputV2TokensType, ResponsiveNumberInputV2Tokens, } from './numberInputV2.tokens.types';
 export declare const getNumberInputV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveNumberInputV2Tokens;

package/dist/components/InputsV2/NumberInputV2/numberInputV2.tokens.types.d.ts

@@ -0,0 +1,132 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+import { InputSizeV2, InputStateV2 } from '../inputV2.types';
+import { InputFooterV2Tokens, InputLabelsV2Tokens, FloatingLabelsV2Tokens } from '../inputV2.tokens';
+export type NumberInputV2TokensType = {
+    gap: CSSObject['gap'];
+    topContainer: InputLabelsV2Tokens;
+    inputContainer: {
+        placeholder: {
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+            fontSize: {
+                [key in InputSizeV2]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in InputSizeV2]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in InputSizeV2]: CSSObject['lineHeight'];
+            };
+        };
+        fontSize: {
+            [key in InputSizeV2]: CSSObject['fontSize'];
+        };
+        fontWeight: {
+            [key in InputSizeV2]: CSSObject['fontWeight'];
+        };
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+        borderRadius: {
+            [key in InputSizeV2]: CSSObject['borderRadius'];
+        };
+        boxShadow: CSSObject['boxShadow'];
+        paddingTop: {
+            [key in InputSizeV2]: CSSObject['paddingTop'];
+        };
+        paddingRight: {
+            [key in InputSizeV2]: CSSObject['paddingRight'];
+        };
+        paddingBottom: {
+            [key in InputSizeV2]: CSSObject['paddingBottom'];
+        };
+        paddingLeft: {
+            [key in InputSizeV2]: CSSObject['paddingLeft'];
+        };
+        border: {
+            [key in InputStateV2]: CSSObject['border'];
+        };
+        lineHeight: {
+            [key in InputSizeV2]: CSSObject['lineHeight'];
+        };
+        backgroundColor: {
+            [key in InputStateV2]: CSSObject['backgroundColor'];
+        };
+        stepperButton: {
+            width: {
+                [key in InputSizeV2]: CSSObject['width'];
+            };
+            backgroundColor: {
+                [key in InputStateV2]: CSSObject['backgroundColor'];
+            };
+            icon: {
+                color: {
+                    [key in InputStateV2]: CSSObject['color'];
+                };
+                width: {
+                    [key in InputSizeV2]: CSSObject['width'];
+                };
+            };
+        };
+        slot: {
+            left: {
+                width: {
+                    [key in InputSizeV2]: CSSObject['width'];
+                };
+                height: {
+                    [key in InputSizeV2]: CSSObject['height'];
+                };
+                margin: {
+                    [key in InputSizeV2]: CSSObject['margin'];
+                };
+            };
+            right: {
+                width: {
+                    [key in InputSizeV2]: CSSObject['width'];
+                };
+                height: {
+                    [key in InputSizeV2]: CSSObject['height'];
+                };
+                margin: {
+                    [key in InputSizeV2]: CSSObject['margin'];
+                };
+            };
+        };
+    };
+    unit: {
+        fontSize: {
+            [key in InputSizeV2]: CSSObject['fontSize'];
+        };
+        fontWeight: {
+            [key in InputSizeV2]: CSSObject['fontWeight'];
+        };
+        paddingTop: {
+            [key in InputSizeV2]: CSSObject['paddingTop'];
+        };
+        paddingRight: {
+            [key in InputSizeV2]: CSSObject['paddingRight'];
+        };
+        paddingBottom: {
+            [key in InputSizeV2]: CSSObject['paddingBottom'];
+        };
+        paddingLeft: {
+            [key in InputSizeV2]: CSSObject['paddingLeft'];
+        };
+        borderRadius: {
+            [key in InputSizeV2]: CSSObject['borderRadius'];
+        };
+        border: {
+            [key in InputStateV2]: CSSObject['border'];
+        };
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+    };
+    floatingLabels: FloatingLabelsV2Tokens;
+    bottomContainer: InputFooterV2Tokens;
+};
+export type ResponsiveNumberInputV2Tokens = {
+    [key in keyof BreakpointType]: NumberInputV2TokensType;
+};

package/dist/components/InputsV2/OTPInputV2/OTPInputV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveOTPInputV2Tokens } from './OTPInputV2.tokens';
+import { ResponsiveOTPInputV2Tokens } from './OTPInputV2.tokens.types';
 export declare const getOTPInputV2DarkTokens: (foundationTokens: FoundationTokenType) => ResponsiveOTPInputV2Tokens;

package/dist/components/InputsV2/OTPInputV2/OTPInputV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveOTPInputV2Tokens } from './OTPInputV2.tokens';
+import { ResponsiveOTPInputV2Tokens } from './OTPInputV2.tokens.types';
 export declare const getOTPInputV2LightTokens: (foundationTokens: FoundationTokenType) => ResponsiveOTPInputV2Tokens;

package/dist/components/InputsV2/OTPInputV2/OTPInputV2.tokens.d.ts

@@ -1,34 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { BreakpointType } from '../../../breakpoints/breakPoints';
-import { InputFooterV2Tokens, InputLabelsV2Tokens } from '../inputV2.tokens';
-import { InputStateV2 } from '../inputV2.types';
 import { FoundationTokenType } from '../../../tokens/theme.token';
 import { Theme } from '../../../context/theme.enum';
-export type OTPInputV2TokensType = {
-    gap: CSSObject['gap'];
-    topContainer: InputLabelsV2Tokens;
-    inputContainer: {
-        gap: CSSObject['gap'];
-        input: {
-            height: CSSObject['height'];
-            width: CSSObject['width'];
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-            borderRadius: CSSObject['borderRadius'];
-            border: {
-                [key in InputStateV2]: CSSObject['border'];
-            };
-            backgroundColor: {
-                [key in InputStateV2]: CSSObject['backgroundColor'];
-            };
-        };
-    };
-    bottomContainer: InputFooterV2Tokens;
-};
-export type ResponsiveOTPInputV2Tokens = {
-    [key in keyof BreakpointType]: OTPInputV2TokensType;
-};
+import { ResponsiveOTPInputV2Tokens } from './OTPInputV2.tokens.types';
+export type { OTPInputV2TokensType, ResponsiveOTPInputV2Tokens, } from './OTPInputV2.tokens.types';
 export declare const getOTPInputV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveOTPInputV2Tokens;

package/dist/components/InputsV2/OTPInputV2/OTPInputV2.tokens.types.d.ts

@@ -0,0 +1,31 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+import { InputFooterV2Tokens, InputLabelsV2Tokens } from '../inputV2.tokens';
+import { InputStateV2 } from '../inputV2.types';
+export type OTPInputV2TokensType = {
+    gap: CSSObject['gap'];
+    topContainer: InputLabelsV2Tokens;
+    inputContainer: {
+        gap: CSSObject['gap'];
+        input: {
+            height: CSSObject['height'];
+            width: CSSObject['width'];
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+            borderRadius: CSSObject['borderRadius'];
+            border: {
+                [key in InputStateV2]: CSSObject['border'];
+            };
+            backgroundColor: {
+                [key in InputStateV2]: CSSObject['backgroundColor'];
+            };
+        };
+    };
+    bottomContainer: InputFooterV2Tokens;
+};
+export type ResponsiveOTPInputV2Tokens = {
+    [key in keyof BreakpointType]: OTPInputV2TokensType;
+};

package/dist/components/InputsV2/SearchInputV2/SearchInputV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveSearchInputV2Tokens } from './SearchInputV2.tokens';
+import { ResponsiveSearchInputV2Tokens } from './SearchInputV2.tokens.types';
 export declare const getSearchInputV2DarkTokens: (foundationTokens: FoundationTokenType) => ResponsiveSearchInputV2Tokens;

package/dist/components/InputsV2/SearchInputV2/SearchInputV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveSearchInputV2Tokens } from './SearchInputV2.tokens';
+import { ResponsiveSearchInputV2Tokens } from './SearchInputV2.tokens.types';
 export declare const getSearchInputV2LightTokens: (foundationTokens: FoundationTokenType) => ResponsiveSearchInputV2Tokens;

package/dist/components/InputsV2/SearchInputV2/SearchInputV2.tokens.d.ts

@@ -1,92 +1,5 @@
-import { CSSObject } from 'styled-components';
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { BreakpointType } from '../../../breakpoints/breakPoints';
-import { InputSizeV2, InputStateV2 } from '../inputV2.types';
 import { Theme } from '../../../context/theme.enum';
-export type SearchInputV2TokensType = {
-    gap: CSSObject['gap'];
-    label: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-    };
-    subLabel: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-    };
-    hintText: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-    };
-    errorMessage: {
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: CSSObject['color'];
-    };
-    required: {
-        color: CSSObject['color'];
-    };
-    inputContainer: {
-        paddingTop: {
-            [key in InputSizeV2]: CSSObject['paddingTop'];
-        };
-        paddingRight: {
-            [key in InputSizeV2]: CSSObject['paddingRight'];
-        };
-        paddingBottom: {
-            [key in InputSizeV2]: CSSObject['paddingBottom'];
-        };
-        paddingLeft: {
-            [key in InputSizeV2]: CSSObject['paddingLeft'];
-        };
-        borderRadius: CSSObject['borderRadius'];
-        borderBottom: {
-            [key in InputStateV2]: CSSObject['borderBottom'];
-        };
-        outline: CSSObject['outline'];
-        boxShadow: CSSObject['boxShadow'];
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-        placeholderColor: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        slot: {
-            left: {
-                top: CSSObject['top'];
-                left: CSSObject['left'];
-                bottom: CSSObject['bottom'];
-            };
-            right: {
-                top: CSSObject['top'];
-                right: CSSObject['right'];
-                bottom: CSSObject['bottom'];
-            };
-            transition: CSSObject['transition'];
-            transform: CSSObject['transform'];
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-        };
-    };
-    icon: {
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-        width: CSSObject['width'];
-    };
-};
-export type ResponsiveSearchInputV2Tokens = {
-    [key in keyof BreakpointType]: SearchInputV2TokensType;
-};
+import { ResponsiveSearchInputV2Tokens } from './SearchInputV2.tokens.types';
+export type { SearchInputV2TokensType, ResponsiveSearchInputV2Tokens, } from './SearchInputV2.tokens.types';
 export declare const getSearchInputV2Tokens: (foundationTokens: FoundationTokenType, theme?: Theme | string) => ResponsiveSearchInputV2Tokens;

package/dist/components/InputsV2/SearchInputV2/SearchInputV2.tokens.types.d.ts

@@ -0,0 +1,89 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+import { InputSizeV2, InputStateV2 } from '../inputV2.types';
+export type SearchInputV2TokensType = {
+    gap: CSSObject['gap'];
+    label: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+    };
+    subLabel: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+    };
+    hintText: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+    };
+    errorMessage: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: CSSObject['color'];
+    };
+    required: {
+        color: CSSObject['color'];
+    };
+    inputContainer: {
+        paddingTop: {
+            [key in InputSizeV2]: CSSObject['paddingTop'];
+        };
+        paddingRight: {
+            [key in InputSizeV2]: CSSObject['paddingRight'];
+        };
+        paddingBottom: {
+            [key in InputSizeV2]: CSSObject['paddingBottom'];
+        };
+        paddingLeft: {
+            [key in InputSizeV2]: CSSObject['paddingLeft'];
+        };
+        borderRadius: CSSObject['borderRadius'];
+        borderBottom: {
+            [key in InputStateV2]: CSSObject['borderBottom'];
+        };
+        outline: CSSObject['outline'];
+        boxShadow: CSSObject['boxShadow'];
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+        placeholderColor: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        slot: {
+            left: {
+                top: CSSObject['top'];
+                left: CSSObject['left'];
+                bottom: CSSObject['bottom'];
+            };
+            right: {
+                top: CSSObject['top'];
+                right: CSSObject['right'];
+                bottom: CSSObject['bottom'];
+            };
+            transition: CSSObject['transition'];
+            transform: CSSObject['transform'];
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+        };
+    };
+    icon: {
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+        width: CSSObject['width'];
+    };
+};
+export type ResponsiveSearchInputV2Tokens = {
+    [key in keyof BreakpointType]: SearchInputV2TokensType;
+};

package/dist/components/InputsV2/TextAreaV2/TextAreaV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveTextAreaV2Tokens } from './TextAreaV2.tokens';
+import { ResponsiveTextAreaV2Tokens } from './TextAreaV2.tokens.types';
 export declare const getTextAreaV2DarkTokens: (foundationTokens: FoundationTokenType) => ResponsiveTextAreaV2Tokens;

package/dist/components/InputsV2/TextAreaV2/TextAreaV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveTextAreaV2Tokens } from './TextAreaV2.tokens';
+import { ResponsiveTextAreaV2Tokens } from './TextAreaV2.tokens.types';
 export declare const getTextAreaV2LightTokens: (foundationTokens: FoundationTokenType) => ResponsiveTextAreaV2Tokens;