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

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;

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

@@ -1,63 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { BreakpointType } from '../../../breakpoints/breakPoints';
-import { InputFooterV2Tokens, InputLabelsV2Tokens } from '../inputV2.tokens';
-import { InputStateV2, InputSizeV2 } from '../inputV2.types';
 import { FoundationTokenType } from '../../../tokens/theme.token';
 import { Theme } from '../../../context/theme.enum';
-export type TextAreaV2TokensType = {
-    gap: CSSObject['gap'];
-    topContainer: InputLabelsV2Tokens;
-    inputContainer: {
-        gap: CSSObject['gap'];
-        placeholder: {
-            transition: CSSObject['transition'];
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-            fontSize: {
-                [key in InputSizeV2]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in InputSizeV2]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in InputSizeV2]: CSSObject['lineHeight'];
-            };
-        };
-        lineHeight: {
-            [key in InputSizeV2]: CSSObject['lineHeight'];
-        };
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        padding: {
-            top: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-            right: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-            bottom: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-            left: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-        };
-        borderRadius: CSSObject['borderRadius'];
-        boxShadow: CSSObject['boxShadow'];
-        border: {
-            [key in InputStateV2]: CSSObject['border'];
-        };
-        color: {
-            [key in InputStateV2]: CSSObject['color'];
-        };
-        backgroundColor: {
-            [key in InputStateV2]: CSSObject['backgroundColor'];
-        };
-    };
-    bottomContainer: InputFooterV2Tokens;
-};
-export type ResponsiveTextAreaV2Tokens = {
-    [key in keyof BreakpointType]: TextAreaV2TokensType;
-};
+import { ResponsiveTextAreaV2Tokens } from './TextAreaV2.tokens.types';
+export type { TextAreaV2TokensType, ResponsiveTextAreaV2Tokens, } from './TextAreaV2.tokens.types';
 export declare const getTextAreaV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveTextAreaV2Tokens;

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

@@ -0,0 +1,60 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+import { InputFooterV2Tokens, InputLabelsV2Tokens } from '../inputV2.tokens';
+import { InputStateV2, InputSizeV2 } from '../inputV2.types';
+export type TextAreaV2TokensType = {
+    gap: CSSObject['gap'];
+    topContainer: InputLabelsV2Tokens;
+    inputContainer: {
+        gap: CSSObject['gap'];
+        placeholder: {
+            transition: CSSObject['transition'];
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+            fontSize: {
+                [key in InputSizeV2]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in InputSizeV2]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in InputSizeV2]: CSSObject['lineHeight'];
+            };
+        };
+        lineHeight: {
+            [key in InputSizeV2]: CSSObject['lineHeight'];
+        };
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        padding: {
+            top: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+            right: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+            bottom: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+            left: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+        };
+        borderRadius: CSSObject['borderRadius'];
+        boxShadow: CSSObject['boxShadow'];
+        border: {
+            [key in InputStateV2]: CSSObject['border'];
+        };
+        color: {
+            [key in InputStateV2]: CSSObject['color'];
+        };
+        backgroundColor: {
+            [key in InputStateV2]: CSSObject['backgroundColor'];
+        };
+    };
+    bottomContainer: InputFooterV2Tokens;
+};
+export type ResponsiveTextAreaV2Tokens = {
+    [key in keyof BreakpointType]: TextAreaV2TokensType;
+};

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

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

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

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

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

@@ -1,136 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { InputSizeV2, InputStateV2 } from '../inputV2.types';
-import { BreakpointType } from '../../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../../tokens/theme.token';
 import { Theme } from '../../../context/theme.enum';
-export type TextInputV2TokensType = {
-    gap: CSSObject['gap'];
-    topContainer: {
-        label: {
-            fontSize: {
-                [key in InputSizeV2]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in InputSizeV2]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in InputSizeV2]: CSSObject['lineHeight'];
-            };
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-        };
-        subLabel: {
-            fontSize: {
-                [key in InputSizeV2]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in InputSizeV2]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in InputSizeV2]: CSSObject['lineHeight'];
-            };
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-        };
-        required: {
-            color: CSSObject['color'];
-        };
-        helpIcon: {
-            width: {
-                [key in InputSizeV2]: CSSObject['width'];
-            };
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-        };
-    };
-    inputContainer: {
-        gap: CSSObject['gap'];
-        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'];
-            };
-        };
-        inputText: {
-            fontSize: {
-                [key in InputSizeV2]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in InputSizeV2]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in InputSizeV2]: CSSObject['lineHeight'];
-            };
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-        };
-        borderRadius: {
-            [key in InputSizeV2]: CSSObject['borderRadius'];
-        };
-        boxShadow: CSSObject['boxShadow'];
-        padding: {
-            top: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-            right: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-            bottom: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-            left: {
-                [key in InputSizeV2]: CSSObject['padding'];
-            };
-        };
-        border: {
-            [key in InputStateV2]: CSSObject['border'];
-        };
-        backgroundColor: {
-            [key in InputStateV2]: CSSObject['backgroundColor'];
-        };
-    };
-    bottomContainer: {
-        hintText: {
-            fontSize: {
-                [key in InputSizeV2]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in InputSizeV2]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in InputSizeV2]: CSSObject['lineHeight'];
-            };
-            color: {
-                [key in InputStateV2]: CSSObject['color'];
-            };
-        };
-        errorMessage: {
-            fontSize: {
-                [key in InputSizeV2]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in InputSizeV2]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in InputSizeV2]: CSSObject['lineHeight'];
-            };
-            color: CSSObject['color'];
-        };
-    };
-};
-export type ResponsiveTextInputV2Tokens = {
-    [key in keyof BreakpointType]: TextInputV2TokensType;
-};
+import { ResponsiveTextInputV2Tokens } from './TextInputV2.tokens.types';
+export type { TextInputV2TokensType, ResponsiveTextInputV2Tokens, } from './TextInputV2.tokens.types';
 export declare const getTextInputV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveTextInputV2Tokens;

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

@@ -0,0 +1,133 @@
+import { CSSObject } from 'styled-components';
+import { InputSizeV2, InputStateV2 } from '../inputV2.types';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+export type TextInputV2TokensType = {
+    gap: CSSObject['gap'];
+    topContainer: {
+        label: {
+            fontSize: {
+                [key in InputSizeV2]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in InputSizeV2]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in InputSizeV2]: CSSObject['lineHeight'];
+            };
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+        };
+        subLabel: {
+            fontSize: {
+                [key in InputSizeV2]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in InputSizeV2]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in InputSizeV2]: CSSObject['lineHeight'];
+            };
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+        };
+        required: {
+            color: CSSObject['color'];
+        };
+        helpIcon: {
+            width: {
+                [key in InputSizeV2]: CSSObject['width'];
+            };
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+        };
+    };
+    inputContainer: {
+        gap: CSSObject['gap'];
+        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'];
+            };
+        };
+        inputText: {
+            fontSize: {
+                [key in InputSizeV2]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in InputSizeV2]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in InputSizeV2]: CSSObject['lineHeight'];
+            };
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+        };
+        borderRadius: {
+            [key in InputSizeV2]: CSSObject['borderRadius'];
+        };
+        boxShadow: CSSObject['boxShadow'];
+        padding: {
+            top: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+            right: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+            bottom: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+            left: {
+                [key in InputSizeV2]: CSSObject['padding'];
+            };
+        };
+        border: {
+            [key in InputStateV2]: CSSObject['border'];
+        };
+        backgroundColor: {
+            [key in InputStateV2]: CSSObject['backgroundColor'];
+        };
+    };
+    bottomContainer: {
+        hintText: {
+            fontSize: {
+                [key in InputSizeV2]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in InputSizeV2]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in InputSizeV2]: CSSObject['lineHeight'];
+            };
+            color: {
+                [key in InputStateV2]: CSSObject['color'];
+            };
+        };
+        errorMessage: {
+            fontSize: {
+                [key in InputSizeV2]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in InputSizeV2]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in InputSizeV2]: CSSObject['lineHeight'];
+            };
+            color: CSSObject['color'];
+        };
+    };
+};
+export type ResponsiveTextInputV2Tokens = {
+    [key in keyof BreakpointType]: TextInputV2TokensType;
+};

package/dist/components/KeyValuePairV2/keyValuePairV2.dark.tokens.d.ts

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

package/dist/components/KeyValuePairV2/keyValuePairV2.light.tokens.d.ts

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

package/dist/components/KeyValuePairV2/keyValuePairV2.tokens.d.ts

@@ -1,28 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { KeyValuePairV2Size } from './keyValuePairV2.types';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../tokens/theme.token';
 import { Theme } from '../../context/theme.enum';
-export type KeyValuePairV2TokensType = {
-    gap: {
-        [key in 'vertical' | 'horizontal']: CSSObject['gap'];
-    };
-    key: {
-        color: CSSObject['color'];
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        gap: CSSObject['gap'];
-    };
-    value: {
-        color: CSSObject['color'];
-        fontSize: {
-            [key in KeyValuePairV2Size]: CSSObject['fontSize'];
-        };
-        fontWeight: CSSObject['fontWeight'];
-        gap: CSSObject['gap'];
-    };
-};
-export type ResponsiveKeyValuePairV2Tokens = {
-    [key in keyof BreakpointType]: KeyValuePairV2TokensType;
-};
+import { ResponsiveKeyValuePairV2Tokens } from './keyValuePairV2.tokens.types';
+export type { KeyValuePairV2TokensType, ResponsiveKeyValuePairV2Tokens, } from './keyValuePairV2.tokens.types';
 export declare const getKeyValuePairV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveKeyValuePairV2Tokens;

package/dist/components/KeyValuePairV2/keyValuePairV2.tokens.types.d.ts

@@ -0,0 +1,25 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { KeyValuePairV2Size } from './keyValuePairV2.types';
+export type KeyValuePairV2TokensType = {
+    gap: {
+        [key in 'vertical' | 'horizontal']: CSSObject['gap'];
+    };
+    key: {
+        color: CSSObject['color'];
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        gap: CSSObject['gap'];
+    };
+    value: {
+        color: CSSObject['color'];
+        fontSize: {
+            [key in KeyValuePairV2Size]: CSSObject['fontSize'];
+        };
+        fontWeight: CSSObject['fontWeight'];
+        gap: CSSObject['gap'];
+    };
+};
+export type ResponsiveKeyValuePairV2Tokens = {
+    [key in keyof BreakpointType]: KeyValuePairV2TokensType;
+};

package/dist/components/Menu/types.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SkeletonVariant } from '../Skeleton';
+import { SkeletonVariant } from '../Skeleton/types';
 import { TooltipSide, TooltipAlign, TooltipSize } from '../Tooltip/types';
 export declare enum MenuAlignment {
     START = "start",

package/dist/components/MenuV2/menuV2.dark.tokens.d.ts

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

package/dist/components/MenuV2/menuV2.light.tokens.d.ts

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