@metamask-previews/design-system-react-native 0.0.0-preview.bf69b6b → 0.0.0-preview.fbd1fe9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/Button.constants.d.ts +2 -0
- package/dist/components/Button/Button.constants.d.ts.map +1 -0
- package/dist/components/Button/Button.constants.js +7 -0
- package/dist/components/Button/Button.constants.js.map +1 -0
- package/dist/components/Button/Button.d.ts +5 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +25 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/Button.types.d.ts +23 -0
- package/dist/components/Button/Button.types.d.ts.map +1 -0
- package/dist/components/Button/Button.types.js +15 -0
- package/dist/components/Button/Button.types.js.map +1 -0
- package/dist/components/Button/index.d.ts +4 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +12 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.d.ts +3 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.js +29 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.js.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.ts +5 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.js +97 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.js.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.types.d.ts +17 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.types.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.types.js +3 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.types.js.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.utilities.d.ts +78 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.utilities.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.utilities.js +122 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.utilities.js.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/index.d.ts +4 -0
- package/dist/components/Button/variants/ButtonPrimary/index.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonPrimary/index.js +11 -0
- package/dist/components/Button/variants/ButtonPrimary/index.js.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.constants.d.ts +3 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.constants.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.constants.js +29 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.constants.js.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.ts +5 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.js +90 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.js.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.types.d.ts +17 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.types.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.types.js +3 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.types.js.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.d.ts +90 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.js +145 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.js.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/index.d.ts +4 -0
- package/dist/components/Button/variants/ButtonSecondary/index.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonSecondary/index.js +11 -0
- package/dist/components/Button/variants/ButtonSecondary/index.js.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.d.ts +3 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.js +29 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.js.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.ts +5 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.js +90 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.js.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.d.ts +17 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.js +3 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.js.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.d.ts +88 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.js +147 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.js.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/index.d.ts +4 -0
- package/dist/components/Button/variants/ButtonTertiary/index.d.ts.map +1 -0
- package/dist/components/Button/variants/ButtonTertiary/index.js +11 -0
- package/dist/components/Button/variants/ButtonTertiary/index.js.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.ts +6 -0
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.constants.js +20 -0
- package/dist/components/ButtonIcon/ButtonIcon.constants.js.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts +5 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.js +72 -0
- package/dist/components/ButtonIcon/ButtonIcon.js.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.types.d.ts +60 -0
- package/dist/components/ButtonIcon/ButtonIcon.types.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.types.js +19 -0
- package/dist/components/ButtonIcon/ButtonIcon.types.js.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.utilities.d.ts +55 -0
- package/dist/components/ButtonIcon/ButtonIcon.utilities.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.utilities.js +73 -0
- package/dist/components/ButtonIcon/ButtonIcon.utilities.js.map +1 -0
- package/dist/components/ButtonIcon/index.d.ts +4 -0
- package/dist/components/ButtonIcon/index.d.ts.map +1 -0
- package/dist/components/ButtonIcon/index.js +11 -0
- package/dist/components/ButtonIcon/index.js.map +1 -0
- package/dist/components/Icon/Icon.assets.d.ts.map +1 -0
- package/dist/components/Icon/Icon.assets.js.map +1 -0
- package/dist/components/{Icons/Icon → Icon}/Icon.constants.d.ts +0 -2
- package/dist/components/Icon/Icon.constants.d.ts.map +1 -0
- package/dist/components/Icon/Icon.constants.js +15 -0
- package/dist/components/Icon/Icon.constants.js.map +1 -0
- package/dist/components/Icon/Icon.d.ts +5 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -0
- package/dist/components/{Icons/Icon → Icon}/Icon.js +10 -6
- package/dist/components/Icon/Icon.js.map +1 -0
- package/dist/components/{Icons/Icon → Icon}/Icon.types.d.ts +42 -30
- package/dist/components/Icon/Icon.types.d.ts.map +1 -0
- package/dist/components/{Icons/Icon → Icon}/Icon.types.js +42 -30
- package/dist/components/Icon/Icon.types.js.map +1 -0
- package/dist/components/Icon/Icon.utilities.d.ts.map +1 -0
- package/dist/components/{Icons/Icon → Icon}/Icon.utilities.js +1 -1
- package/dist/components/Icon/Icon.utilities.js.map +1 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/components/Text/Text.d.ts +3 -10
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.types.d.ts +39 -29
- package/dist/components/Text/Text.types.d.ts.map +1 -1
- package/dist/components/Text/Text.types.js +39 -29
- package/dist/components/Text/Text.types.js.map +1 -1
- package/dist/components/Text/Text.utilities.js +1 -1
- package/dist/components/Text/Text.utilities.js.map +1 -1
- package/dist/components/Text/index.d.ts +1 -0
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/TextButton/TextButton.constants.d.ts +3 -0
- package/dist/components/TextButton/TextButton.constants.d.ts.map +1 -0
- package/dist/components/TextButton/TextButton.constants.js +29 -0
- package/dist/components/TextButton/TextButton.constants.js.map +1 -0
- package/dist/components/TextButton/TextButton.d.ts +5 -0
- package/dist/components/TextButton/TextButton.d.ts.map +1 -0
- package/dist/components/TextButton/TextButton.js +187 -0
- package/dist/components/TextButton/TextButton.js.map +1 -0
- package/dist/components/TextButton/TextButton.types.d.ts +73 -0
- package/dist/components/TextButton/TextButton.types.d.ts.map +1 -0
- package/dist/components/TextButton/TextButton.types.js +3 -0
- package/dist/components/TextButton/TextButton.types.js.map +1 -0
- package/dist/components/TextButton/TextButton.utilities.d.ts +55 -0
- package/dist/components/TextButton/TextButton.utilities.d.ts.map +1 -0
- package/dist/components/TextButton/TextButton.utilities.js +77 -0
- package/dist/components/TextButton/TextButton.utilities.js.map +1 -0
- package/dist/components/TextButton/index.d.ts +3 -0
- package/dist/components/TextButton/index.d.ts.map +1 -0
- package/dist/components/TextButton/index.js +9 -0
- package/dist/components/TextButton/index.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/primitives/ButtonAnimated/ButtonAnimated.d.ts +5 -0
- package/dist/primitives/ButtonAnimated/ButtonAnimated.d.ts.map +1 -0
- package/dist/primitives/ButtonAnimated/ButtonAnimated.js +58 -0
- package/dist/primitives/ButtonAnimated/ButtonAnimated.js.map +1 -0
- package/dist/primitives/ButtonAnimated/ButtonAnimated.types.d.ts +6 -0
- package/dist/primitives/ButtonAnimated/ButtonAnimated.types.d.ts.map +1 -0
- package/dist/primitives/ButtonAnimated/ButtonAnimated.types.js +3 -0
- package/dist/primitives/ButtonAnimated/ButtonAnimated.types.js.map +1 -0
- package/dist/primitives/ButtonAnimated/index.d.ts +2 -0
- package/dist/primitives/ButtonAnimated/index.d.ts.map +1 -0
- package/dist/primitives/ButtonAnimated/index.js +9 -0
- package/dist/primitives/ButtonAnimated/index.js.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.constants.d.ts +3 -0
- package/dist/primitives/ButtonBase/ButtonBase.constants.d.ts.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.constants.js +32 -0
- package/dist/primitives/ButtonBase/ButtonBase.constants.js.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.d.ts +5 -0
- package/dist/primitives/ButtonBase/ButtonBase.d.ts.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.js +84 -0
- package/dist/primitives/ButtonBase/ButtonBase.js.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.types.d.ts +93 -0
- package/dist/primitives/ButtonBase/ButtonBase.types.d.ts.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.types.js +19 -0
- package/dist/primitives/ButtonBase/ButtonBase.types.js.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.utilities.d.ts +28 -0
- package/dist/primitives/ButtonBase/ButtonBase.utilities.d.ts.map +1 -0
- package/dist/primitives/ButtonBase/ButtonBase.utilities.js +41 -0
- package/dist/primitives/ButtonBase/ButtonBase.utilities.js.map +1 -0
- package/dist/primitives/ButtonBase/index.d.ts +4 -0
- package/dist/primitives/ButtonBase/index.d.ts.map +1 -0
- package/dist/primitives/ButtonBase/index.js +11 -0
- package/dist/primitives/ButtonBase/index.js.map +1 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.d.ts +5 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.d.ts.map +1 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.js +15 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.js.map +1 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.types.d.ts +15 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.types.d.ts.map +1 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.types.js +3 -0
- package/dist/primitives/TextOrChildren/TextOrChildren.types.js.map +1 -0
- package/dist/temp-components/Spinner/Spinner.constants.d.ts +3 -0
- package/dist/temp-components/Spinner/Spinner.constants.d.ts.map +1 -0
- package/dist/temp-components/Spinner/Spinner.constants.js +21 -0
- package/dist/temp-components/Spinner/Spinner.constants.js.map +1 -0
- package/dist/temp-components/Spinner/Spinner.d.ts +5 -0
- package/dist/temp-components/Spinner/Spinner.d.ts.map +1 -0
- package/dist/temp-components/Spinner/Spinner.js +68 -0
- package/dist/temp-components/Spinner/Spinner.js.map +1 -0
- package/dist/temp-components/Spinner/Spinner.types.d.ts +30 -0
- package/dist/temp-components/Spinner/Spinner.types.d.ts.map +1 -0
- package/dist/temp-components/Spinner/Spinner.types.js +3 -0
- package/dist/temp-components/Spinner/Spinner.types.js.map +1 -0
- package/dist/temp-components/Spinner/index.d.ts +3 -0
- package/dist/temp-components/Spinner/index.d.ts.map +1 -0
- package/dist/temp-components/Spinner/index.js +9 -0
- package/dist/temp-components/Spinner/index.js.map +1 -0
- package/package.json +5 -4
- package/dist/components/Icons/Icon/Icon.assets.d.ts.map +0 -1
- package/dist/components/Icons/Icon/Icon.assets.js.map +0 -1
- package/dist/components/Icons/Icon/Icon.constants.d.ts.map +0 -1
- package/dist/components/Icons/Icon/Icon.constants.js +0 -39
- package/dist/components/Icons/Icon/Icon.constants.js.map +0 -1
- package/dist/components/Icons/Icon/Icon.d.ts +0 -9
- package/dist/components/Icons/Icon/Icon.d.ts.map +0 -1
- package/dist/components/Icons/Icon/Icon.js.map +0 -1
- package/dist/components/Icons/Icon/Icon.types.d.ts.map +0 -1
- package/dist/components/Icons/Icon/Icon.types.js.map +0 -1
- package/dist/components/Icons/Icon/Icon.utilities.d.ts.map +0 -1
- package/dist/components/Icons/Icon/Icon.utilities.js.map +0 -1
- package/dist/components/Icons/Icon/index.d.ts.map +0 -1
- package/dist/components/Icons/Icon/index.js.map +0 -1
- /package/dist/components/{Icons/Icon → Icon}/Icon.assets.d.ts +0 -0
- /package/dist/components/{Icons/Icon → Icon}/Icon.assets.js +0 -0
- /package/dist/components/{Icons/Icon → Icon}/Icon.utilities.d.ts +0 -0
- /package/dist/components/{Icons/Icon → Icon}/index.d.ts +0 -0
- /package/dist/components/{Icons/Icon → Icon}/index.js +0 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { ButtonBaseProps } from './ButtonBase.types';
|
|
2
|
+
/**
|
|
3
|
+
* Generates a Tailwind class name string for the base container of a button.
|
|
4
|
+
*
|
|
5
|
+
* This function constructs a class name string based on the button's `size`,
|
|
6
|
+
* `isDisabled`, `isFullWidth`, and optional additional Tailwind class names.
|
|
7
|
+
*
|
|
8
|
+
* @param size - The size of the button, defaulting to `DEFAULT_BUTTONBASE_PROPS.size`.
|
|
9
|
+
* @param isDisabled - A boolean indicating whether the button is disabled, affecting opacity.
|
|
10
|
+
* @param isFullWidth - A boolean indicating whether the button should stretch to full width.
|
|
11
|
+
* @param twClassName - Additional Tailwind class names for customization.
|
|
12
|
+
* @returns A string of Tailwind class names representing the button's container styles.
|
|
13
|
+
*
|
|
14
|
+
* Example:
|
|
15
|
+
* ```
|
|
16
|
+
* const classNames = generateButtonBaseContainerClassNames({
|
|
17
|
+
* size: 'md',
|
|
18
|
+
* isDisabled: true,
|
|
19
|
+
* isFullWidth: false,
|
|
20
|
+
* twClassName: 'border border-red-500',
|
|
21
|
+
* });
|
|
22
|
+
*
|
|
23
|
+
* console.log(classNames);
|
|
24
|
+
* // Output: "md-class flex-row items-center justify-center rounded-full bg-background-muted px-4 opacity-50 self-start border border-red-500"
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare const generateButtonBaseContainerClassNames: ({ size, isDisabled, isFullWidth, twClassName, }: Partial<ButtonBaseProps>) => string;
|
|
28
|
+
//# sourceMappingURL=ButtonBase.utilities.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonBase.utilities.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.utilities.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,qCAAqC,oDAK/C,QAAQ,eAAe,CAAC,KAAG,MAQ7B,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.generateButtonBaseContainerClassNames = void 0;
|
|
4
|
+
/* eslint-disable jsdoc/check-param-names */
|
|
5
|
+
/* eslint-disable jsdoc/require-param */
|
|
6
|
+
const ButtonBase_constants_1 = require("./ButtonBase.constants");
|
|
7
|
+
/**
|
|
8
|
+
* Generates a Tailwind class name string for the base container of a button.
|
|
9
|
+
*
|
|
10
|
+
* This function constructs a class name string based on the button's `size`,
|
|
11
|
+
* `isDisabled`, `isFullWidth`, and optional additional Tailwind class names.
|
|
12
|
+
*
|
|
13
|
+
* @param size - The size of the button, defaulting to `DEFAULT_BUTTONBASE_PROPS.size`.
|
|
14
|
+
* @param isDisabled - A boolean indicating whether the button is disabled, affecting opacity.
|
|
15
|
+
* @param isFullWidth - A boolean indicating whether the button should stretch to full width.
|
|
16
|
+
* @param twClassName - Additional Tailwind class names for customization.
|
|
17
|
+
* @returns A string of Tailwind class names representing the button's container styles.
|
|
18
|
+
*
|
|
19
|
+
* Example:
|
|
20
|
+
* ```
|
|
21
|
+
* const classNames = generateButtonBaseContainerClassNames({
|
|
22
|
+
* size: 'md',
|
|
23
|
+
* isDisabled: true,
|
|
24
|
+
* isFullWidth: false,
|
|
25
|
+
* twClassName: 'border border-red-500',
|
|
26
|
+
* });
|
|
27
|
+
*
|
|
28
|
+
* console.log(classNames);
|
|
29
|
+
* // Output: "md-class flex-row items-center justify-center rounded-full bg-background-muted px-4 opacity-50 self-start border border-red-500"
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
const generateButtonBaseContainerClassNames = ({ size = ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.size, isDisabled, isFullWidth, twClassName = '', }) => {
|
|
33
|
+
const baseStyle = 'flex-row items-center justify-center rounded-full bg-background-muted px-4';
|
|
34
|
+
const sizeStyle = `h-[${size}px]`;
|
|
35
|
+
const disabledStyle = isDisabled ? 'opacity-50' : 'opacity-100';
|
|
36
|
+
const widthStyle = isFullWidth ? 'self-stretch' : 'self-start';
|
|
37
|
+
const mergedClassnames = `${sizeStyle} ${baseStyle} ${disabledStyle} ${widthStyle} ${twClassName}`;
|
|
38
|
+
return mergedClassnames;
|
|
39
|
+
};
|
|
40
|
+
exports.generateButtonBaseContainerClassNames = generateButtonBaseContainerClassNames;
|
|
41
|
+
//# sourceMappingURL=ButtonBase.utilities.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonBase.utilities.js","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,iEAAkE;AAGlE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,UAAU,EACV,WAAW,EACX,WAAW,GAAG,EAAE,GACS,EAAU,EAAE;IACrC,MAAM,SAAS,GACb,4EAA4E,CAAC;IAC/E,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,CAAC;IAClC,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IAC/D,MAAM,gBAAgB,GAAG,GAAG,SAAS,IAAI,SAAS,IAAI,aAAa,IAAI,UAAU,IAAI,WAAW,EAAE,CAAC;IACnG,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAbW,QAAA,qCAAqC,yCAahD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport { DEFAULT_BUTTONBASE_PROPS } from './ButtonBase.constants';\nimport type { ButtonBaseProps } from './ButtonBase.types';\n\n/**\n * Generates a Tailwind class name string for the base container of a button.\n *\n * This function constructs a class name string based on the button's `size`,\n * `isDisabled`, `isFullWidth`, and optional additional Tailwind class names.\n *\n * @param size - The size of the button, defaulting to `DEFAULT_BUTTONBASE_PROPS.size`.\n * @param isDisabled - A boolean indicating whether the button is disabled, affecting opacity.\n * @param isFullWidth - A boolean indicating whether the button should stretch to full width.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the button's container styles.\n *\n * Example:\n * ```\n * const classNames = generateButtonBaseContainerClassNames({\n * size: 'md',\n * isDisabled: true,\n * isFullWidth: false,\n * twClassName: 'border border-red-500',\n * });\n *\n * console.log(classNames);\n * // Output: \"md-class flex-row items-center justify-center rounded-full bg-background-muted px-4 opacity-50 self-start border border-red-500\"\n * ```\n */\nexport const generateButtonBaseContainerClassNames = ({\n size = DEFAULT_BUTTONBASE_PROPS.size,\n isDisabled,\n isFullWidth,\n twClassName = '',\n}: Partial<ButtonBaseProps>): string => {\n const baseStyle =\n 'flex-row items-center justify-center rounded-full bg-background-muted px-4';\n const sizeStyle = `h-[${size}px]`;\n const disabledStyle = isDisabled ? 'opacity-50' : 'opacity-100';\n const widthStyle = isFullWidth ? 'self-stretch' : 'self-start';\n const mergedClassnames = `${sizeStyle} ${baseStyle} ${disabledStyle} ${widthStyle} ${twClassName}`;\n return mergedClassnames;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ButtonBaseSize = exports.default = void 0;
|
|
7
|
+
var ButtonBase_1 = require("./ButtonBase");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ButtonBase_1).default; } });
|
|
9
|
+
var ButtonBase_types_1 = require("./ButtonBase.types");
|
|
10
|
+
Object.defineProperty(exports, "ButtonBaseSize", { enumerable: true, get: function () { return ButtonBase_types_1.ButtonBaseSize; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAEhB,uDAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { default } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase.types';\nexport { ButtonBaseSize } from './ButtonBase.types';\n"]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TextOrChildrenProps } from './TextOrChildren.types';
|
|
3
|
+
declare const TextOrChildren: ({ children, textProps }: TextOrChildrenProps) => React.JSX.Element;
|
|
4
|
+
export default TextOrChildren;
|
|
5
|
+
//# sourceMappingURL=TextOrChildren.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextOrChildren.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,QAAA,MAAM,cAAc,4BAA6B,mBAAmB,sBAKnE,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const Text_1 = __importDefault(require("../../components/Text"));
|
|
8
|
+
const TextOrChildren = ({ children, textProps }) => {
|
|
9
|
+
if (typeof children === 'string') {
|
|
10
|
+
return <Text_1.default {...textProps}>{children}</Text_1.default>;
|
|
11
|
+
}
|
|
12
|
+
return <>{children}</>;
|
|
13
|
+
};
|
|
14
|
+
exports.default = TextOrChildren;
|
|
15
|
+
//# sourceMappingURL=TextOrChildren.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextOrChildren.js","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iEAAyC;AAGzC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAuB,EAAE,EAAE;IACtE,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,OAAO,CAAC,cAAI,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAI,CAAC,CAAC;KAC/C;IACD,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\n\nimport Text from '../../components/Text';\nimport type { TextOrChildrenProps } from './TextOrChildren.types';\n\nconst TextOrChildren = ({ children, textProps }: TextOrChildrenProps) => {\n if (typeof children === 'string') {\n return <Text {...textProps}>{children}</Text>;\n }\n return <>{children}</>;\n};\n\nexport default TextOrChildren;\n"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TextProps } from '../../components/Text/Text.types';
|
|
2
|
+
/**
|
|
3
|
+
* TextOrChildren component props.
|
|
4
|
+
*/
|
|
5
|
+
export type TextOrChildrenProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Required prop for the content to be rendered
|
|
8
|
+
*/
|
|
9
|
+
children: React.ReactNode | string;
|
|
10
|
+
/**
|
|
11
|
+
* Optional props to be passed to the Text component when children is a string
|
|
12
|
+
*/
|
|
13
|
+
textProps?: Omit<Partial<TextProps>, 'children'>;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=TextOrChildren.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextOrChildren.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;CAClD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextOrChildren.types.js","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextProps } from '../../components/Text/Text.types';\n\n/**\n * TextOrChildren component props.\n */\nexport type TextOrChildrenProps = {\n /**\n * Required prop for the content to be rendered\n */\n children: React.ReactNode | string;\n /**\n * Optional props to be passed to the Text component when children is a string\n */\n textProps?: Omit<Partial<TextProps>, 'children'>;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.constants.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,YAAY,CAavD,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DEFAULT_SPINNER_PROPS = void 0;
|
|
4
|
+
const Icon_1 = require("../../components/Icon");
|
|
5
|
+
const Text_1 = require("../../components/Text");
|
|
6
|
+
// Defaults
|
|
7
|
+
exports.DEFAULT_SPINNER_PROPS = {
|
|
8
|
+
color: Icon_1.IconColor.IconDefault,
|
|
9
|
+
spinnerIconProps: {
|
|
10
|
+
size: Icon_1.IconSize.Md,
|
|
11
|
+
testID: 'spinner-icon',
|
|
12
|
+
},
|
|
13
|
+
loadingText: 'Loading',
|
|
14
|
+
loadingTextProps: {
|
|
15
|
+
variant: Text_1.TextVariant.BodyMd,
|
|
16
|
+
color: Text_1.TextColor.TextDefault,
|
|
17
|
+
testID: 'spinner-text',
|
|
18
|
+
},
|
|
19
|
+
twClassName: '',
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=Spinner.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.constants.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.constants.ts"],"names":[],"mappings":";;;AAAA,gDAA4D;AAC5D,gDAA+D;AAG/D,WAAW;AACE,QAAA,qBAAqB,GAA0B;IAC1D,KAAK,EAAE,gBAAS,CAAC,WAAW;IAC5B,gBAAgB,EAAE;QAChB,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,MAAM,EAAE,cAAc;KACvB;IACD,WAAW,EAAE,SAAS;IACtB,gBAAgB,EAAE;QAChB,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;KACvB;IACD,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { IconColor, IconSize } from '../../components/Icon';\nimport { TextVariant, TextColor } from '../../components/Text';\nimport type { SpinnerProps } from './Spinner.types';\n\n// Defaults\nexport const DEFAULT_SPINNER_PROPS: Partial<SpinnerProps> = {\n color: IconColor.IconDefault,\n spinnerIconProps: {\n size: IconSize.Md,\n testID: 'spinner-icon',\n },\n loadingText: 'Loading',\n loadingTextProps: {\n variant: TextVariant.BodyMd,\n color: TextColor.TextDefault,\n testID: 'spinner-text',\n },\n twClassName: '',\n};\n"]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { SpinnerProps } from './Spinner.types';
|
|
3
|
+
declare const Spinner: ({ color, spinnerIconProps, loadingText, loadingTextProps, twClassName, ...props }: SpinnerProps) => React.JSX.Element;
|
|
4
|
+
export default Spinner;
|
|
5
|
+
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,QAAA,MAAM,OAAO,sFAOV,YAAY,sBA4Cd,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const react_native_1 = require("react-native");
|
|
32
|
+
const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
|
|
33
|
+
const Icon_1 = __importStar(require("../../components/Icon"));
|
|
34
|
+
const Text_1 = __importDefault(require("../../components/Text"));
|
|
35
|
+
const Spinner_constants_1 = require("./Spinner.constants");
|
|
36
|
+
const Spinner = ({ color = Spinner_constants_1.DEFAULT_SPINNER_PROPS.color, spinnerIconProps, loadingText, loadingTextProps, twClassName = '', ...props }) => {
|
|
37
|
+
const tw = (0, design_system_twrnc_preset_1.useTailwind)();
|
|
38
|
+
// Create a shared value for rotation
|
|
39
|
+
const rotation = (0, react_native_reanimated_1.useSharedValue)(0);
|
|
40
|
+
// Start the animation when the component mounts
|
|
41
|
+
(0, react_1.useEffect)(() => {
|
|
42
|
+
rotation.value = (0, react_native_reanimated_1.withRepeat)((0, react_native_reanimated_1.withTiming)(360, { duration: 1000, easing: react_native_reanimated_1.Easing.linear }), // Complete a full spin in 1 second
|
|
43
|
+
-1, // Infinite repetitions
|
|
44
|
+
false);
|
|
45
|
+
}, []);
|
|
46
|
+
// Define the animated style
|
|
47
|
+
const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
|
|
48
|
+
transform: [{ rotate: `${rotation.value % 360}deg` }],
|
|
49
|
+
}));
|
|
50
|
+
const finalSpinnerIconProps = {
|
|
51
|
+
...Spinner_constants_1.DEFAULT_SPINNER_PROPS.spinnerIconProps,
|
|
52
|
+
name: Icon_1.IconName.Loading,
|
|
53
|
+
color,
|
|
54
|
+
...spinnerIconProps,
|
|
55
|
+
};
|
|
56
|
+
const finalLoadingTextProps = {
|
|
57
|
+
...Spinner_constants_1.DEFAULT_SPINNER_PROPS.loadingTextProps,
|
|
58
|
+
...loadingTextProps,
|
|
59
|
+
};
|
|
60
|
+
return (<react_native_1.View style={tw `flex-row gap-x-2 items-center ${twClassName}`} testID="spinner" {...props}>
|
|
61
|
+
<react_native_reanimated_1.default.View style={[animatedStyle]} testID="spinner-animated-view">
|
|
62
|
+
<Icon_1.default {...finalSpinnerIconProps}/>
|
|
63
|
+
</react_native_reanimated_1.default.View>
|
|
64
|
+
{loadingText && <Text_1.default {...finalLoadingTextProps}>{loadingText}</Text_1.default>}
|
|
65
|
+
</react_native_1.View>);
|
|
66
|
+
};
|
|
67
|
+
exports.default = Spinner;
|
|
68
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,+CAAoC;AACpC,mFAMiC;AAGjC,8DAAuD;AAEvD,iEAAyC;AACzC,2DAA4D;AAG5D,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,GAAG,yCAAqB,CAAC,KAAK,EACnC,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,IAAA,oCAAU,EACzB,IAAA,oCAAU,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,gCAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,GAAG,yCAAqB,CAAC,gBAAgB;QACzC,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,GAAG,yCAAqB,CAAC,gBAAgB;QACzC,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA,iCAAiC,WAAW,EAAE,CAAC,CACxD,MAAM,CAAC,SAAS,CAChB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,cAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,cAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,cAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n useSharedValue,\n useAnimatedStyle,\n withRepeat,\n withTiming,\n Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../components/Icon';\nimport Icon, { IconName } from '../../components/Icon';\nimport type { TextProps } from '../../components/Text';\nimport Text from '../../components/Text';\nimport { DEFAULT_SPINNER_PROPS } from './Spinner.constants';\nimport type { SpinnerProps } from './Spinner.types';\n\nconst Spinner = ({\n color = DEFAULT_SPINNER_PROPS.color,\n spinnerIconProps,\n loadingText,\n loadingTextProps,\n twClassName = '',\n ...props\n}: SpinnerProps) => {\n const tw = useTailwind();\n\n // Create a shared value for rotation\n const rotation = useSharedValue(0);\n\n // Start the animation when the component mounts\n useEffect(() => {\n rotation.value = withRepeat(\n withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n -1, // Infinite repetitions\n false, // Do not reverse the animation\n );\n }, []);\n\n // Define the animated style\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotation.value % 360}deg` }],\n }));\n\n const finalSpinnerIconProps: IconProps = {\n ...DEFAULT_SPINNER_PROPS.spinnerIconProps,\n name: IconName.Loading,\n color,\n ...spinnerIconProps,\n };\n\n const finalLoadingTextProps: Partial<TextProps> = {\n ...DEFAULT_SPINNER_PROPS.loadingTextProps,\n ...loadingTextProps,\n };\n\n return (\n <View\n style={tw`flex-row gap-x-2 items-center ${twClassName}`}\n testID=\"spinner\"\n {...props}\n >\n <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n <Icon {...finalSpinnerIconProps} />\n </Animated.View>\n {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n </View>\n );\n};\n\nexport default Spinner;\n"]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ViewProps } from 'react-native';
|
|
2
|
+
import type { IconProps, IconColor } from '../../components/Icon';
|
|
3
|
+
import type { TextProps } from '../../components/Text/Text.types';
|
|
4
|
+
/**
|
|
5
|
+
* Spinner component props.
|
|
6
|
+
*/
|
|
7
|
+
export type SpinnerProps = {
|
|
8
|
+
/**
|
|
9
|
+
* Optional prop that sets the color of the spinner icon using predefined theme colors
|
|
10
|
+
* @default IconColor.IconDefault
|
|
11
|
+
*/
|
|
12
|
+
color?: IconColor;
|
|
13
|
+
/**
|
|
14
|
+
* Optional props to be passed to the loadingText element
|
|
15
|
+
*/
|
|
16
|
+
spinnerIconProps?: Partial<IconProps>;
|
|
17
|
+
/**
|
|
18
|
+
* Optional text to display on the right of the spinner, providing additional context or information about the loading state.
|
|
19
|
+
*/
|
|
20
|
+
loadingText?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Optional props to be passed to the loadingText element
|
|
23
|
+
*/
|
|
24
|
+
loadingTextProps?: Omit<Partial<TextProps>, 'children'>;
|
|
25
|
+
/**
|
|
26
|
+
* Optional prop to add twrnc overriding classNames.
|
|
27
|
+
*/
|
|
28
|
+
twClassName?: string;
|
|
29
|
+
} & ViewProps;
|
|
30
|
+
//# sourceMappingURL=Spinner.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.types.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.types.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { IconProps, IconColor } from '../../components/Icon';\nimport type { TextProps } from '../../components/Text/Text.types';\n\n/**\n * Spinner component props.\n */\nexport type SpinnerProps = {\n /**\n * Optional prop that sets the color of the spinner icon using predefined theme colors\n * @default IconColor.IconDefault\n */\n color?: IconColor;\n /**\n * Optional props to be passed to the loadingText element\n */\n spinnerIconProps?: Partial<IconProps>;\n /**\n * Optional text to display on the right of the spinner, providing additional context or information about the loading state.\n */\n loadingText?: string;\n /**\n * Optional props to be passed to the loadingText element\n */\n loadingTextProps?: Omit<Partial<TextProps>, 'children'>;\n /**\n * Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} & ViewProps;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var Spinner_1 = require("./Spinner");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Spinner_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/index.ts"],"names":[],"mappings":";;;;;;AAAA,qCAAoC;AAA3B,mHAAA,OAAO,OAAA","sourcesContent":["export { default } from './Spinner';\nexport type { SpinnerProps } from './Spinner.types';\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@metamask-previews/design-system-react-native",
|
|
3
|
-
"version": "0.0.0-preview.
|
|
3
|
+
"version": "0.0.0-preview.fbd1fe9",
|
|
4
4
|
"description": "Design System React Native",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"MetaMask",
|
|
@@ -43,16 +43,17 @@
|
|
|
43
43
|
"test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@metamask-previews/design-system-twrnc-preset": "0.0.0-preview.
|
|
46
|
+
"@metamask-previews/design-system-twrnc-preset": "0.0.0-preview.fbd1fe9",
|
|
47
47
|
"react": "^18.2.0",
|
|
48
|
-
"react-native": "^0.72.15"
|
|
48
|
+
"react-native": "^0.72.15",
|
|
49
|
+
"react-native-reanimated": "3.3.0"
|
|
49
50
|
},
|
|
50
51
|
"devDependencies": {
|
|
51
52
|
"@babel/core": "^7.23.5",
|
|
52
53
|
"@babel/preset-env": "^7.26.0",
|
|
53
54
|
"@babel/preset-react": "^7.25.9",
|
|
54
55
|
"@babel/preset-typescript": "^7.23.3",
|
|
55
|
-
"@metamask/auto-changelog": "^
|
|
56
|
+
"@metamask/auto-changelog": "^4.1.0",
|
|
56
57
|
"@storybook/react-native": "6.5",
|
|
57
58
|
"@testing-library/react-native": "^12.8.1",
|
|
58
59
|
"@types/babel__preset-env": "^7",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.assets.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.assets.ts"],"names":[],"mappings":"AA+JA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,eA0J7B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.assets.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.assets.ts"],"names":[],"mappings":";;;;;;AAAA,iDAAiD;AACjD,wDAAwD;AACxD,2BAA2B;AAC3B,uCAAuC;AACvC,wDAAwD;AACxD,6EAAmD;AACnD,+DAAsC;AACtC,iFAAsD;AACtD,iFAAsD;AACtD,mFAAwD;AACxD,yFAA6D;AAC7D,6EAAkD;AAClD,2FAAgE;AAChE,6FAAkE;AAClE,6EAAmD;AACnD,6EAAmD;AACnD,+EAAqD;AACrD,yEAA+C;AAC/C,+DAAsC;AACtC,6EAAmD;AACnD,iEAAwC;AACxC,iEAAwC;AACxC,iEAAwC;AACxC,yEAAgD;AAChD,qEAA4C;AAC5C,6EAAoD;AACpD,yEAA+C;AAC/C,6EAAmD;AACnD,iEAAwC;AACxC,yEAAgD;AAChD,mEAA0C;AAC1C,6EAAmD;AACnD,mEAA0C;AAC1C,yEAA+C;AAC/C,mEAA0C;AAC1C,mEAA0C;AAC1C,+EAAqD;AACrD,iEAAwC;AACxC,yEAAgD;AAChD,iFAAwD;AACxD,uEAA8C;AAC9C,iFAAuD;AACvD,iEAAwC;AACxC,2EAAkD;AAClD,qEAA4C;AAC5C,iEAAwC;AACxC,iEAAwC;AACxC,uEAA8C;AAC9C,mFAAyD;AACzD,yEAAgD;AAChD,iEAAwC;AACxC,qEAA4C;AAC5C,yEAAgD;AAChD,qEAA4C;AAC5C,uEAA8C;AAC9C,qEAA4C;AAC5C,2EAAiD;AACjD,+DAAsC;AACtC,iEAAwC;AACxC,qEAA4C;AAC5C,iEAAwC;AACxC,+EAAqD;AACrD,mEAA0C;AAC1C,mEAA0C;AAC1C,+EAAqD;AACrD,+DAAsC;AACtC,mFAAyD;AACzD,qEAA4C;AAC5C,mEAA0C;AAC1C,yEAAgD;AAChD,mEAA0C;AAC1C,2EAAkD;AAClD,iEAAwC;AACxC,qEAA4C;AAC5C,iEAAwC;AACxC,+DAAsC;AACtC,mEAA0C;AAC1C,iEAAwC;AACxC,uEAA8C;AAC9C,+EAAqD;AACrD,6EAAmD;AACnD,iEAAwC;AACxC,mEAA0C;AAC1C,qEAA4C;AAC5C,iEAAwC;AACxC,yFAA+D;AAC/D,yEAAgD;AAChD,6EAAmD;AACnD,iFAAuD;AACvD,mEAA0C;AAC1C,qEAA4C;AAC5C,mEAA0C;AAC1C,uEAA8C;AAC9C,uFAA6D;AAC7D,mFAAyD;AACzD,+FAAqE;AACrE,iFAAwD;AACxD,qFAA2D;AAC3D,qEAA4C;AAC5C,+DAAsC;AACtC,iEAAwC;AACxC,6EAAmD;AACnD,6FAAmE;AACnE,uEAA6C;AAC7C,yEAAgD;AAChD,yEAAgD;AAChD,uEAA8C;AAC9C,iEAAwC;AACxC,iFAAuD;AACvD,6EAAmD;AACnD,iEAAwC;AACxC,qEAA4C;AAC5C,qEAA4C;AAC5C,mFAAyD;AACzD,qFAA2D;AAC3D,iFAAuD;AACvD,uFAA6D;AAC7D,qFAA2D;AAC3D,mFAAyD;AACzD,mFAAyD;AACzD,mFAAyD;AACzD,yEAAgD;AAChD,qEAA2C;AAC3C,qEAA2C;AAC3C,uEAA8C;AAC9C,mEAA0C;AAC1C,mEAA0C;AAC1C,iFAAuD;AACvD,6EAAmD;AACnD,mEAA0C;AAC1C,+EAAsD;AACtD,qEAA4C;AAC5C,mEAA0C;AAC1C,iEAAwC;AACxC,uEAA8C;AAC9C,uFAA6D;AAC7D,mFAAyD;AACzD,+DAAsC;AACtC,mEAA0C;AAC1C,mEAA0C;AAC1C,iEAAwC;AACxC,mEAA0C;AAC1C,6EAAmD;AACnD,yEAA+C;AAC/C,uEAA8C;AAC9C,mEAA0C;AAC1C,qEAA4C;AAC5C,+DAAsC;AACtC,6EAAmD;AACnD,uFAA4D;AAC5D,6FAAkE;AAClE,+EAAqD;AACrD,iEAAwC;AACxC,+EAAqD;AACrD,iFAAuD;AACvD,qEAA4C;AAC5C,uEAA8C;AAC9C,iEAAwC;AACxC,6CAAwC;AAGxC;;GAEG;AACU,QAAA,eAAe,GAAoB;IAC9C,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,0BAAa;IACpC,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,0BAAa;IACpC,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,2BAAc;IACtC,CAAC,qBAAQ,CAAC,aAAa,CAAC,EAAE,8BAAgB;IAC1C,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,wBAAW;IAChC,CAAC,qBAAQ,CAAC,eAAe,CAAC,EAAE,+BAAkB;IAC9C,CAAC,qBAAQ,CAAC,gBAAgB,CAAC,EAAE,gCAAmB;IAChD,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,yBAAa;IACpC,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,sBAAU;IAC9B,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,wBAAa;IACpC,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,sBAAU;IAC9B,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,sBAAU;IAC9B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,yBAAa;IACpC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,0BAAe;IACxC,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,0BAAc;IACtC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,uBAAY;IAClC,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAW;IAChC,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,yBAAa;IACpC,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,yBAAa;IACpC,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,uBAAY;IAClC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,yBAAa;IACpC,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,eAAe,CAAC,EAAE,8BAAkB;IAC9C,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,0BAAc;IACtC,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,cAAc,CAAC,EAAE,6BAAiB;IAC5C,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,kBAAkB,CAAC,EAAE,iCAAqB;IACpD,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,0BAAe;IACxC,CAAC,qBAAQ,CAAC,aAAa,CAAC,EAAE,4BAAgB;IAC1C,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,iBAAiB,CAAC,EAAE,gCAAoB;IAClD,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,qBAAS;IAC5B,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,0BAAc;IACtC,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,aAAa,CAAC,EAAE,4BAAgB;IAC1C,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,0BAAc;IACtC,CAAC,qBAAQ,CAAC,cAAc,CAAC,EAAE,6BAAiB;IAC5C,CAAC,qBAAQ,CAAC,aAAa,CAAC,EAAE,4BAAgB;IAC1C,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAW;IAChC,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,oBAAQ;IAC1B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,oBAAQ;IAC1B,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,0BAAc;IACtC,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,yBAAc;IACtC,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,cAAc,CAAC,EAAE,6BAAiB;IAC5C,CAAC,qBAAQ,CAAC,YAAY,CAAC,EAAE,2BAAe;IACxC,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,sBAAU;IAC9B,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,KAAK,CAAC,EAAE,mBAAQ;IAC1B,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,GAAG,CAAC,EAAE,iBAAM;IACtB,CAAC,qBAAQ,CAAC,SAAS,CAAC,EAAE,wBAAY;IAClC,CAAC,qBAAQ,CAAC,aAAa,CAAC,EAAE,6BAAgB;IAC1C,CAAC,qBAAQ,CAAC,gBAAgB,CAAC,EAAE,gCAAmB;IAChD,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,yBAAa;IACpC,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;IACxB,CAAC,qBAAQ,CAAC,UAAU,CAAC,EAAE,yBAAa;IACpC,CAAC,qBAAQ,CAAC,WAAW,CAAC,EAAE,0BAAc;IACtC,CAAC,qBAAQ,CAAC,MAAM,CAAC,EAAE,oBAAS;IAC5B,CAAC,qBAAQ,CAAC,OAAO,CAAC,EAAE,qBAAU;IAC9B,CAAC,qBAAQ,CAAC,IAAI,CAAC,EAAE,kBAAO;CACzB,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\n// /////////////////////////////////////////////////////\n// This is a generated file\n// DO NOT EDIT - Use generate-assets.js\n// /////////////////////////////////////////////////////\nimport AddSquareSVG from './assets/add-square.svg';\nimport AddSVG from './assets/add.svg';\nimport Arrow2DownSVG from './assets/arrow-2-down.svg';\nimport Arrow2LeftSVG from './assets/arrow-2-left.svg';\nimport Arrow2RightSVG from './assets/arrow-2-right.svg';\nimport Arrow2UpRightSVG from './assets/arrow-2-up-right.svg';\nimport Arrow2UpSVG from './assets/arrow-2-up.svg';\nimport ArrowDoubleLeftSVG from './assets/arrow-double-left.svg';\nimport ArrowDoubleRightSVG from './assets/arrow-double-right.svg';\nimport ArrowDownSVG from './assets/arrow-down.svg';\nimport ArrowLeftSVG from './assets/arrow-left.svg';\nimport ArrowRightSVG from './assets/arrow-right.svg';\nimport ArrowUpSVG from './assets/arrow-up.svg';\nimport BanSVG from './assets/ban.svg';\nimport BankTokenSVG from './assets/bank-token.svg';\nimport BankSVG from './assets/bank.svg';\nimport BoldSVG from './assets/bold.svg';\nimport BookSVG from './assets/book.svg';\nimport BookmarkSVG from './assets/bookmark.svg';\nimport BridgeSVG from './assets/bridge.svg';\nimport CalculatorSVG from './assets/calculator.svg';\nimport CardPosSVG from './assets/card-pos.svg';\nimport CardTokenSVG from './assets/card-token.svg';\nimport CardSVG from './assets/card.svg';\nimport CategorySVG from './assets/category.svg';\nimport ChartSVG from './assets/chart.svg';\nimport CheckBoldSVG from './assets/check-bold.svg';\nimport CheckSVG from './assets/check.svg';\nimport CircleXSVG from './assets/circle-x.svg';\nimport ClockSVG from './assets/clock.svg';\nimport CloseSVG from './assets/close.svg';\nimport CodeCircleSVG from './assets/code-circle.svg';\nimport CoinSVG from './assets/coin.svg';\nimport CollapseSVG from './assets/collapse.svg';\nimport ConfirmationSVG from './assets/confirmation.svg';\nimport ConnectSVG from './assets/connect.svg';\nimport CopySuccessSVG from './assets/copy-success.svg';\nimport CopySVG from './assets/copy.svg';\nimport CustomizeSVG from './assets/customize.svg';\nimport DangerSVG from './assets/danger.svg';\nimport DarkSVG from './assets/dark.svg';\nimport DataSVG from './assets/data.svg';\nimport DiagramSVG from './assets/diagram.svg';\nimport DocumentCodeSVG from './assets/document-code.svg';\nimport DownloadSVG from './assets/download.svg';\nimport EditSVG from './assets/edit.svg';\nimport EraserSVG from './assets/eraser.svg';\nimport EthereumSVG from './assets/ethereum.svg';\nimport ExpandSVG from './assets/expand.svg';\nimport ExploreSVG from './assets/explore.svg';\nimport ExportSVG from './assets/export.svg';\nimport EyeSlashSVG from './assets/eye-slash.svg';\nimport EyeSVG from './assets/eye.svg';\nimport FileSVG from './assets/file.svg';\nimport FilterSVG from './assets/filter.svg';\nimport FlagSVG from './assets/flag.svg';\nimport FlashSlashSVG from './assets/flash-slash.svg';\nimport FlashSVG from './assets/flash.svg';\nimport FlaskSVG from './assets/flask.svg';\nimport FullCircleSVG from './assets/full-circle.svg';\nimport GasSVG from './assets/gas.svg';\nimport GlobalSearchSVG from './assets/global-search.svg';\nimport GlobalSVG from './assets/global.svg';\nimport GraphSVG from './assets/graph.svg';\nimport HardwareSVG from './assets/hardware.svg';\nimport HeartSVG from './assets/heart.svg';\nimport HierarchySVG from './assets/hierarchy.svg';\nimport HomeSVG from './assets/home.svg';\nimport ImportSVG from './assets/import.svg';\nimport InfoSVG from './assets/info.svg';\nimport KeySVG from './assets/key.svg';\nimport LightSVG from './assets/light.svg';\nimport LinkSVG from './assets/link.svg';\nimport LoadingSVG from './assets/loading.svg';\nimport LockCircleSVG from './assets/lock-circle.svg';\nimport LockSlashSVG from './assets/lock-slash.svg';\nimport LockSVG from './assets/lock.svg';\nimport LoginSVG from './assets/login.svg';\nimport LogoutSVG from './assets/logout.svg';\nimport MenuSVG from './assets/menu.svg';\nimport MessageQuestionSVG from './assets/message-question.svg';\nimport MessagesSVG from './assets/messages.svg';\nimport MinusBoldSVG from './assets/minus-bold.svg';\nimport MinusSquareSVG from './assets/minus-square.svg';\nimport MinusSVG from './assets/minus.svg';\nimport MobileSVG from './assets/mobile.svg';\nimport MoneySVG from './assets/money.svg';\nimport MonitorSVG from './assets/monitor.svg';\nimport MoreHorizontalSVG from './assets/more-horizontal.svg';\nimport MoreVerticalSVG from './assets/more-vertical.svg';\nimport NotificationCircleSVG from './assets/notification-circle.svg';\nimport NotificationSVG from './assets/notification.svg';\nimport PasswordCheckSVG from './assets/password-check.svg';\nimport PeopleSVG from './assets/people.svg';\nimport PinSVG from './assets/pin.svg';\nimport PlugSVG from './assets/plug.svg';\nimport PlusMinusSVG from './assets/plus-minus.svg';\nimport ProgrammingArrowsSVG from './assets/programming-arrows.svg';\nimport QrCodeSVG from './assets/qr-code.svg';\nimport QuestionSVG from './assets/question.svg';\nimport ReceivedSVG from './assets/received.svg';\nimport RefreshSVG from './assets/refresh.svg';\nimport SaveSVG from './assets/save.svg';\nimport ScanBarcodeSVG from './assets/scan-barcode.svg';\nimport ScanFocusSVG from './assets/scan-focus.svg';\nimport ScanSVG from './assets/scan.svg';\nimport ScrollSVG from './assets/scroll.svg';\nimport SearchSVG from './assets/search.svg';\nimport SecurityCardSVG from './assets/security-card.svg';\nimport SecurityCrossSVG from './assets/security-cross.svg';\nimport SecurityKeySVG from './assets/security-key.svg';\nimport SecuritySearchSVG from './assets/security-search.svg';\nimport SecuritySlashSVG from './assets/security-slash.svg';\nimport SecurityTickSVG from './assets/security-tick.svg';\nimport SecurityTimeSVG from './assets/security-time.svg';\nimport SecurityUserSVG from './assets/security-user.svg';\nimport SecuritySVG from './assets/security.svg';\nimport Send1SVG from './assets/send-1.svg';\nimport Send2SVG from './assets/send-2.svg';\nimport SettingSVG from './assets/setting.svg';\nimport ShareSVG from './assets/share.svg';\nimport SlashSVG from './assets/slash.svg';\nimport SnapsMobileSVG from './assets/snaps-mobile.svg';\nimport SnapsPlusSVG from './assets/snaps-plus.svg';\nimport SnapsSVG from './assets/snaps.svg';\nimport SpeedometerSVG from './assets/speedometer.svg';\nimport SquareSVG from './assets/square.svg';\nimport StakeSVG from './assets/stake.svg';\nimport StarSVG from './assets/star.svg';\nimport StudentSVG from './assets/student.svg';\nimport SwapHorizontalSVG from './assets/swap-horizontal.svg';\nimport SwapVerticalSVG from './assets/swap-vertical.svg';\nimport TagSVG from './assets/tag.svg';\nimport TildeSVG from './assets/tilde.svg';\nimport TimerSVG from './assets/timer.svg';\nimport TintSVG from './assets/tint.svg';\nimport TrashSVG from './assets/trash.svg';\nimport TrendDownSVG from './assets/trend-down.svg';\nimport TrendUpSVG from './assets/trend-up.svg';\nimport TwitterSVG from './assets/twitter.svg';\nimport UnpinSVG from './assets/unpin.svg';\nimport UploadSVG from './assets/upload.svg';\nimport UsbSVG from './assets/usb.svg';\nimport UserCheckSVG from './assets/user-check.svg';\nimport UserCircleAddSVG from './assets/user-circle-add.svg';\nimport UserCircleRemoveSVG from './assets/user-circle-remove.svg';\nimport UserCircleSVG from './assets/user-circle.svg';\nimport UserSVG from './assets/user.svg';\nimport WalletCardSVG from './assets/wallet-card.svg';\nimport WalletMoneySVG from './assets/wallet-money.svg';\nimport WalletSVG from './assets/wallet.svg';\nimport WarningSVG from './assets/warning.svg';\nimport WifiSVG from './assets/wifi.svg';\nimport { IconName } from './Icon.types';\nimport type { AssetByIconName } from './Icon.types';\n\n/**\n * Asset stored by icon name\n */\nexport const assetByIconName: AssetByIconName = {\n [IconName.AddSquare]: AddSquareSVG,\n [IconName.Add]: AddSVG,\n [IconName.Arrow2Down]: Arrow2DownSVG,\n [IconName.Arrow2Left]: Arrow2LeftSVG,\n [IconName.Arrow2Right]: Arrow2RightSVG,\n [IconName.Arrow2UpRight]: Arrow2UpRightSVG,\n [IconName.Arrow2Up]: Arrow2UpSVG,\n [IconName.ArrowDoubleLeft]: ArrowDoubleLeftSVG,\n [IconName.ArrowDoubleRight]: ArrowDoubleRightSVG,\n [IconName.ArrowDown]: ArrowDownSVG,\n [IconName.ArrowLeft]: ArrowLeftSVG,\n [IconName.ArrowRight]: ArrowRightSVG,\n [IconName.ArrowUp]: ArrowUpSVG,\n [IconName.Ban]: BanSVG,\n [IconName.BankToken]: BankTokenSVG,\n [IconName.Bank]: BankSVG,\n [IconName.Bold]: BoldSVG,\n [IconName.Book]: BookSVG,\n [IconName.Bookmark]: BookmarkSVG,\n [IconName.Bridge]: BridgeSVG,\n [IconName.Calculator]: CalculatorSVG,\n [IconName.CardPos]: CardPosSVG,\n [IconName.CardToken]: CardTokenSVG,\n [IconName.Card]: CardSVG,\n [IconName.Category]: CategorySVG,\n [IconName.Chart]: ChartSVG,\n [IconName.CheckBold]: CheckBoldSVG,\n [IconName.Check]: CheckSVG,\n [IconName.CircleX]: CircleXSVG,\n [IconName.Clock]: ClockSVG,\n [IconName.Close]: CloseSVG,\n [IconName.CodeCircle]: CodeCircleSVG,\n [IconName.Coin]: CoinSVG,\n [IconName.Collapse]: CollapseSVG,\n [IconName.Confirmation]: ConfirmationSVG,\n [IconName.Connect]: ConnectSVG,\n [IconName.CopySuccess]: CopySuccessSVG,\n [IconName.Copy]: CopySVG,\n [IconName.Customize]: CustomizeSVG,\n [IconName.Danger]: DangerSVG,\n [IconName.Dark]: DarkSVG,\n [IconName.Data]: DataSVG,\n [IconName.Diagram]: DiagramSVG,\n [IconName.DocumentCode]: DocumentCodeSVG,\n [IconName.Download]: DownloadSVG,\n [IconName.Edit]: EditSVG,\n [IconName.Eraser]: EraserSVG,\n [IconName.Ethereum]: EthereumSVG,\n [IconName.Expand]: ExpandSVG,\n [IconName.Explore]: ExploreSVG,\n [IconName.Export]: ExportSVG,\n [IconName.EyeSlash]: EyeSlashSVG,\n [IconName.Eye]: EyeSVG,\n [IconName.File]: FileSVG,\n [IconName.Filter]: FilterSVG,\n [IconName.Flag]: FlagSVG,\n [IconName.FlashSlash]: FlashSlashSVG,\n [IconName.Flash]: FlashSVG,\n [IconName.Flask]: FlaskSVG,\n [IconName.FullCircle]: FullCircleSVG,\n [IconName.Gas]: GasSVG,\n [IconName.GlobalSearch]: GlobalSearchSVG,\n [IconName.Global]: GlobalSVG,\n [IconName.Graph]: GraphSVG,\n [IconName.Hardware]: HardwareSVG,\n [IconName.Heart]: HeartSVG,\n [IconName.Hierarchy]: HierarchySVG,\n [IconName.Home]: HomeSVG,\n [IconName.Import]: ImportSVG,\n [IconName.Info]: InfoSVG,\n [IconName.Key]: KeySVG,\n [IconName.Light]: LightSVG,\n [IconName.Link]: LinkSVG,\n [IconName.Loading]: LoadingSVG,\n [IconName.LockCircle]: LockCircleSVG,\n [IconName.LockSlash]: LockSlashSVG,\n [IconName.Lock]: LockSVG,\n [IconName.Login]: LoginSVG,\n [IconName.Logout]: LogoutSVG,\n [IconName.Menu]: MenuSVG,\n [IconName.MessageQuestion]: MessageQuestionSVG,\n [IconName.Messages]: MessagesSVG,\n [IconName.MinusBold]: MinusBoldSVG,\n [IconName.MinusSquare]: MinusSquareSVG,\n [IconName.Minus]: MinusSVG,\n [IconName.Mobile]: MobileSVG,\n [IconName.Money]: MoneySVG,\n [IconName.Monitor]: MonitorSVG,\n [IconName.MoreHorizontal]: MoreHorizontalSVG,\n [IconName.MoreVertical]: MoreVerticalSVG,\n [IconName.NotificationCircle]: NotificationCircleSVG,\n [IconName.Notification]: NotificationSVG,\n [IconName.PasswordCheck]: PasswordCheckSVG,\n [IconName.People]: PeopleSVG,\n [IconName.Pin]: PinSVG,\n [IconName.Plug]: PlugSVG,\n [IconName.PlusMinus]: PlusMinusSVG,\n [IconName.ProgrammingArrows]: ProgrammingArrowsSVG,\n [IconName.QrCode]: QrCodeSVG,\n [IconName.Question]: QuestionSVG,\n [IconName.Received]: ReceivedSVG,\n [IconName.Refresh]: RefreshSVG,\n [IconName.Save]: SaveSVG,\n [IconName.ScanBarcode]: ScanBarcodeSVG,\n [IconName.ScanFocus]: ScanFocusSVG,\n [IconName.Scan]: ScanSVG,\n [IconName.Scroll]: ScrollSVG,\n [IconName.Search]: SearchSVG,\n [IconName.SecurityCard]: SecurityCardSVG,\n [IconName.SecurityCross]: SecurityCrossSVG,\n [IconName.SecurityKey]: SecurityKeySVG,\n [IconName.SecuritySearch]: SecuritySearchSVG,\n [IconName.SecuritySlash]: SecuritySlashSVG,\n [IconName.SecurityTick]: SecurityTickSVG,\n [IconName.SecurityTime]: SecurityTimeSVG,\n [IconName.SecurityUser]: SecurityUserSVG,\n [IconName.Security]: SecuritySVG,\n [IconName.Send1]: Send1SVG,\n [IconName.Send2]: Send2SVG,\n [IconName.Setting]: SettingSVG,\n [IconName.Share]: ShareSVG,\n [IconName.Slash]: SlashSVG,\n [IconName.SnapsMobile]: SnapsMobileSVG,\n [IconName.SnapsPlus]: SnapsPlusSVG,\n [IconName.Snaps]: SnapsSVG,\n [IconName.Speedometer]: SpeedometerSVG,\n [IconName.Square]: SquareSVG,\n [IconName.Stake]: StakeSVG,\n [IconName.Star]: StarSVG,\n [IconName.Student]: StudentSVG,\n [IconName.SwapHorizontal]: SwapHorizontalSVG,\n [IconName.SwapVertical]: SwapVerticalSVG,\n [IconName.Tag]: TagSVG,\n [IconName.Tilde]: TildeSVG,\n [IconName.Timer]: TimerSVG,\n [IconName.Tint]: TintSVG,\n [IconName.Trash]: TrashSVG,\n [IconName.TrendDown]: TrendDownSVG,\n [IconName.TrendUp]: TrendUpSVG,\n [IconName.Twitter]: TwitterSVG,\n [IconName.Unpin]: UnpinSVG,\n [IconName.Upload]: UploadSVG,\n [IconName.Usb]: UsbSVG,\n [IconName.UserCheck]: UserCheckSVG,\n [IconName.UserCircleAdd]: UserCircleAddSVG,\n [IconName.UserCircleRemove]: UserCircleRemoveSVG,\n [IconName.UserCircle]: UserCircleSVG,\n [IconName.User]: UserSVG,\n [IconName.WalletCard]: WalletCardSVG,\n [IconName.WalletMoney]: WalletMoneySVG,\n [IconName.Wallet]: WalletSVG,\n [IconName.Warning]: WarningSVG,\n [IconName.Wifi]: WifiSVG,\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG7D,eAAO,MAAM,qBAAqB,cAAc,CAAC;AACjD,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAGlD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAe/D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,SAI/B,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SAMPLE_ICON_PROPS = exports.TWCLASSMAP_ICON_ICONSIZE = exports.TWCLASSMAP_ICON_ICONCOLOR = exports.DEFAULT_ICON_ICONNAME = exports.DEFAULT_ICON_ICONCOLOR = exports.DEFAULT_ICON_ICONSIZE = void 0;
|
|
4
|
-
const Icon_types_1 = require("./Icon.types");
|
|
5
|
-
// Defaults
|
|
6
|
-
exports.DEFAULT_ICON_ICONSIZE = Icon_types_1.IconSize.Md;
|
|
7
|
-
exports.DEFAULT_ICON_ICONCOLOR = Icon_types_1.IconColor.IconDefault;
|
|
8
|
-
exports.DEFAULT_ICON_ICONNAME = Icon_types_1.IconName.Add;
|
|
9
|
-
// Mappings
|
|
10
|
-
exports.TWCLASSMAP_ICON_ICONCOLOR = {
|
|
11
|
-
[Icon_types_1.IconColor.IconDefault]: 'text-icon-default',
|
|
12
|
-
[Icon_types_1.IconColor.IconAlternative]: 'text-icon-alternative',
|
|
13
|
-
[Icon_types_1.IconColor.IconMuted]: 'text-icon-muted',
|
|
14
|
-
[Icon_types_1.IconColor.OverlayInverse]: 'text-overlay-inverse',
|
|
15
|
-
[Icon_types_1.IconColor.PrimaryDefault]: 'text-primary-default',
|
|
16
|
-
[Icon_types_1.IconColor.PrimaryInverse]: 'text-primary-inverse',
|
|
17
|
-
[Icon_types_1.IconColor.ErrorDefault]: 'text-error-default',
|
|
18
|
-
[Icon_types_1.IconColor.ErrorInverse]: 'text-error-inverse',
|
|
19
|
-
[Icon_types_1.IconColor.SuccessDefault]: 'text-success-default',
|
|
20
|
-
[Icon_types_1.IconColor.SuccessInverse]: 'text-success-inverse',
|
|
21
|
-
[Icon_types_1.IconColor.WarningDefault]: 'text-warning-default',
|
|
22
|
-
[Icon_types_1.IconColor.WarningInverse]: 'text-warning-inverse',
|
|
23
|
-
[Icon_types_1.IconColor.InfoDefault]: 'text-info-default',
|
|
24
|
-
[Icon_types_1.IconColor.InfoInverse]: 'text-info-inverse',
|
|
25
|
-
};
|
|
26
|
-
exports.TWCLASSMAP_ICON_ICONSIZE = {
|
|
27
|
-
[Icon_types_1.IconSize.Xs]: 'w-[12px] h-[12px]',
|
|
28
|
-
[Icon_types_1.IconSize.Sm]: 'w-[16px] h-[16px]',
|
|
29
|
-
[Icon_types_1.IconSize.Md]: 'w-[20px] h-[20px]',
|
|
30
|
-
[Icon_types_1.IconSize.Lg]: 'w-[24px] h-[24px]',
|
|
31
|
-
[Icon_types_1.IconSize.Xl]: 'w-[32px] h-[32px]',
|
|
32
|
-
};
|
|
33
|
-
// Sample consts
|
|
34
|
-
exports.SAMPLE_ICON_PROPS = {
|
|
35
|
-
name: exports.DEFAULT_ICON_ICONNAME,
|
|
36
|
-
size: exports.DEFAULT_ICON_ICONSIZE,
|
|
37
|
-
color: exports.DEFAULT_ICON_ICONCOLOR,
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=Icon.constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.constants.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.constants.ts"],"names":[],"mappings":";;;AAGA,6CAA6D;AAE7D,WAAW;AACE,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,EAAE,CAAC;AACpC,QAAA,sBAAsB,GAAG,sBAAS,CAAC,WAAW,CAAC;AAC/C,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,GAAG,CAAC;AAElD,WAAW;AACE,QAAA,yBAAyB,GAA8B;IAClE,CAAC,sBAAS,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC5C,CAAC,sBAAS,CAAC,eAAe,CAAC,EAAE,uBAAuB;IACpD,CAAC,sBAAS,CAAC,SAAS,CAAC,EAAE,iBAAiB;IACxC,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,YAAY,CAAC,EAAE,oBAAoB;IAC9C,CAAC,sBAAS,CAAC,YAAY,CAAC,EAAE,oBAAoB;IAC9C,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC5C,CAAC,sBAAS,CAAC,WAAW,CAAC,EAAE,mBAAmB;CAC7C,CAAC;AAEW,QAAA,wBAAwB,GAA6B;IAChE,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;CACnC,CAAC;AAEF,gBAAgB;AACH,QAAA,iBAAiB,GAAc;IAC1C,IAAI,EAAE,6BAAqB;IAC3B,IAAI,EAAE,6BAAqB;IAC3B,KAAK,EAAE,8BAAsB;CAC9B,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\n// Internal dependencies.\nimport type { IconProps } from './Icon.types';\nimport { IconName, IconSize, IconColor } from './Icon.types';\n\n// Defaults\nexport const DEFAULT_ICON_ICONSIZE = IconSize.Md;\nexport const DEFAULT_ICON_ICONCOLOR = IconColor.IconDefault;\nexport const DEFAULT_ICON_ICONNAME = IconName.Add;\n\n// Mappings\nexport const TWCLASSMAP_ICON_ICONCOLOR: Record<IconColor, string> = {\n [IconColor.IconDefault]: 'text-icon-default',\n [IconColor.IconAlternative]: 'text-icon-alternative',\n [IconColor.IconMuted]: 'text-icon-muted',\n [IconColor.OverlayInverse]: 'text-overlay-inverse',\n [IconColor.PrimaryDefault]: 'text-primary-default',\n [IconColor.PrimaryInverse]: 'text-primary-inverse',\n [IconColor.ErrorDefault]: 'text-error-default',\n [IconColor.ErrorInverse]: 'text-error-inverse',\n [IconColor.SuccessDefault]: 'text-success-default',\n [IconColor.SuccessInverse]: 'text-success-inverse',\n [IconColor.WarningDefault]: 'text-warning-default',\n [IconColor.WarningInverse]: 'text-warning-inverse',\n [IconColor.InfoDefault]: 'text-info-default',\n [IconColor.InfoInverse]: 'text-info-inverse',\n};\n\nexport const TWCLASSMAP_ICON_ICONSIZE: Record<IconSize, string> = {\n [IconSize.Xs]: 'w-[12px] h-[12px]',\n [IconSize.Sm]: 'w-[16px] h-[16px]',\n [IconSize.Md]: 'w-[20px] h-[20px]',\n [IconSize.Lg]: 'w-[24px] h-[24px]',\n [IconSize.Xl]: 'w-[32px] h-[32px]',\n};\n\n// Sample consts\nexport const SAMPLE_ICON_PROPS: IconProps = {\n name: DEFAULT_ICON_ICONNAME,\n size: DEFAULT_ICON_ICONSIZE,\n color: DEFAULT_ICON_ICONCOLOR,\n};\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const _default: React.ForwardRefExoticComponent<{
|
|
3
|
-
name: import("./Icon.types").IconName;
|
|
4
|
-
size?: import("./Icon.types").IconSize | undefined;
|
|
5
|
-
color?: import("./Icon.types").IconColor | undefined;
|
|
6
|
-
twClassName?: string | undefined;
|
|
7
|
-
} & import("react-native").ViewProps & React.RefAttributes<any>>;
|
|
8
|
-
export default _default;
|
|
9
|
-
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;;;;;;;AA2BvC,wBAAuC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAGuD;AACvD,+CAAuC;AAEvC,+CAAgD;AAChD,qDAG0B;AAE1B,qDAA0D;AAE1D,MAAM,IAAI,GAAG,CAAC,EACZ,IAAI,GAAG,sCAAqB,EAC5B,IAAI,EACJ,KAAK,GAAG,uCAAsB,EAC9B,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,GAAG,GAAG,6BAAe,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,MAAM,gBAAgB,GAAG,IAAA,uCAAsB,EAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACjE,OAAO,EAAE,CAAA,GAAG,gBAAgB,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEtB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7E,CAAC,CAAC;AAEF,kBAAe,IAAA,8CAAiB,EAAC,IAAI,CAAC,CAAC","sourcesContent":["import {\n useTailwind,\n withThemeProvider,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\n\nimport { assetByIconName } from './Icon.assets';\nimport {\n DEFAULT_ICON_ICONSIZE,\n DEFAULT_ICON_ICONCOLOR,\n} from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { generateIconClassNames } from './Icon.utilities';\n\nconst Icon = ({\n size = DEFAULT_ICON_ICONSIZE,\n name,\n color = DEFAULT_ICON_ICONCOLOR,\n style,\n ...props\n}: IconProps) => {\n const tw = useTailwind();\n const SVG = assetByIconName[name];\n const styles = useMemo(() => {\n const mergedClassnames = generateIconClassNames({ color, size });\n return tw`${mergedClassnames}`;\n }, [color, size, tw]);\n\n return <SVG name={name} fill=\"currentColor\" style={[styles]} {...props} />;\n};\n\nexport default withThemeProvider(Icon);\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.types.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n// Third party dependencies.\nimport type React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Icon color\n */\nexport enum IconColor {\n /** For default neutral icons */\n IconDefault = 'icon-default',\n /** For softer neutral icons */\n IconAlternative = 'icon-alternative',\n /** For the weakest contrast neutral icons (not accessible) */\n IconMuted = 'icon-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse = 'overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault = 'primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse = 'primary-inverse',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault = 'error-default',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse = 'error-inverse',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault = 'success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse = 'success-inverse',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault = 'warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse = 'warning-inverse',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault = 'info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse = 'info-inverse',\n}\n\n/**\n * Icon sizes\n */\nexport enum IconSize {\n /** Extra small - 12px */\n Xs = 'xs',\n /** Small - 16px */\n Sm = 'sm',\n /** Medium - 20px (Default) */\n Md = 'md',\n /** Large - 24px */\n Lg = 'lg',\n /** Extra large - 32px */\n Xl = 'xl',\n}\n\n/**\n * Icon component props.\n */\nexport type IconProps = {\n /**\n * Required prop to specify which icon to render from the icon set\n */\n name: IconName;\n /**\n * Optional prop to control the size of the icon\n * Different sizes map to specific pixel dimensions\n * @default IconSize.Md\n */\n size?: IconSize;\n /**\n * Optional prop that sets the color of the icon using predefined theme colors\n * @default IconColor.IconDefault\n */\n color?: IconColor;\n /**\n * Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} & ViewProps;\n\n/**\n * Asset stored by icon name\n */\nexport type AssetByIconName = {\n [key in IconName]: React.FC<SvgProps & { name: string }>;\n};\n\n// /////////////////////////////////////////////////////\n// This is generated code - Manually add types above\n// DO NOT EDIT - Use generate-assets.js\n// /////////////////////////////////////////////////////\n\n/**\n * Icon names\n */\nexport enum IconName {\n AddSquare = 'AddSquare',\n Add = 'Add',\n Arrow2Down = 'Arrow2Down',\n Arrow2Left = 'Arrow2Left',\n Arrow2Right = 'Arrow2Right',\n Arrow2UpRight = 'Arrow2UpRight',\n Arrow2Up = 'Arrow2Up',\n ArrowDoubleLeft = 'ArrowDoubleLeft',\n ArrowDoubleRight = 'ArrowDoubleRight',\n ArrowDown = 'ArrowDown',\n ArrowLeft = 'ArrowLeft',\n ArrowRight = 'ArrowRight',\n ArrowUp = 'ArrowUp',\n Ban = 'Ban',\n BankToken = 'BankToken',\n Bank = 'Bank',\n Bold = 'Bold',\n Book = 'Book',\n Bookmark = 'Bookmark',\n Bridge = 'Bridge',\n Calculator = 'Calculator',\n CardPos = 'CardPos',\n CardToken = 'CardToken',\n Card = 'Card',\n Category = 'Category',\n Chart = 'Chart',\n CheckBold = 'CheckBold',\n Check = 'Check',\n CircleX = 'CircleX',\n Clock = 'Clock',\n Close = 'Close',\n CodeCircle = 'CodeCircle',\n Coin = 'Coin',\n Collapse = 'Collapse',\n Confirmation = 'Confirmation',\n Connect = 'Connect',\n CopySuccess = 'CopySuccess',\n Copy = 'Copy',\n Customize = 'Customize',\n Danger = 'Danger',\n Dark = 'Dark',\n Data = 'Data',\n Diagram = 'Diagram',\n DocumentCode = 'DocumentCode',\n Download = 'Download',\n Edit = 'Edit',\n Eraser = 'Eraser',\n Ethereum = 'Ethereum',\n Expand = 'Expand',\n Explore = 'Explore',\n Export = 'Export',\n EyeSlash = 'EyeSlash',\n Eye = 'Eye',\n File = 'File',\n Filter = 'Filter',\n Flag = 'Flag',\n FlashSlash = 'FlashSlash',\n Flash = 'Flash',\n Flask = 'Flask',\n FullCircle = 'FullCircle',\n Gas = 'Gas',\n GlobalSearch = 'GlobalSearch',\n Global = 'Global',\n Graph = 'Graph',\n Hardware = 'Hardware',\n Heart = 'Heart',\n Hierarchy = 'Hierarchy',\n Home = 'Home',\n Import = 'Import',\n Info = 'Info',\n Key = 'Key',\n Light = 'Light',\n Link = 'Link',\n Loading = 'Loading',\n LockCircle = 'LockCircle',\n LockSlash = 'LockSlash',\n Lock = 'Lock',\n Login = 'Login',\n Logout = 'Logout',\n Menu = 'Menu',\n MessageQuestion = 'MessageQuestion',\n Messages = 'Messages',\n MinusBold = 'MinusBold',\n MinusSquare = 'MinusSquare',\n Minus = 'Minus',\n Mobile = 'Mobile',\n Money = 'Money',\n Monitor = 'Monitor',\n MoreHorizontal = 'MoreHorizontal',\n MoreVertical = 'MoreVertical',\n NotificationCircle = 'NotificationCircle',\n Notification = 'Notification',\n PasswordCheck = 'PasswordCheck',\n People = 'People',\n Pin = 'Pin',\n Plug = 'Plug',\n PlusMinus = 'PlusMinus',\n ProgrammingArrows = 'ProgrammingArrows',\n QrCode = 'QrCode',\n Question = 'Question',\n Received = 'Received',\n Refresh = 'Refresh',\n Save = 'Save',\n ScanBarcode = 'ScanBarcode',\n ScanFocus = 'ScanFocus',\n Scan = 'Scan',\n Scroll = 'Scroll',\n Search = 'Search',\n SecurityCard = 'SecurityCard',\n SecurityCross = 'SecurityCross',\n SecurityKey = 'SecurityKey',\n SecuritySearch = 'SecuritySearch',\n SecuritySlash = 'SecuritySlash',\n SecurityTick = 'SecurityTick',\n SecurityTime = 'SecurityTime',\n SecurityUser = 'SecurityUser',\n Security = 'Security',\n Send1 = 'Send1',\n Send2 = 'Send2',\n Setting = 'Setting',\n Share = 'Share',\n Slash = 'Slash',\n SnapsMobile = 'SnapsMobile',\n SnapsPlus = 'SnapsPlus',\n Snaps = 'Snaps',\n Speedometer = 'Speedometer',\n Square = 'Square',\n Stake = 'Stake',\n Star = 'Star',\n Student = 'Student',\n SwapHorizontal = 'SwapHorizontal',\n SwapVertical = 'SwapVertical',\n Tag = 'Tag',\n Tilde = 'Tilde',\n Timer = 'Timer',\n Tint = 'Tint',\n Trash = 'Trash',\n TrendDown = 'TrendDown',\n TrendUp = 'TrendUp',\n Twitter = 'Twitter',\n Unpin = 'Unpin',\n Upload = 'Upload',\n Usb = 'Usb',\n UserCheck = 'UserCheck',\n UserCircleAdd = 'UserCircleAdd',\n UserCircleRemove = 'UserCircleRemove',\n UserCircle = 'UserCircle',\n User = 'User',\n WalletCard = 'WalletCard',\n WalletMoney = 'WalletMoney',\n Wallet = 'Wallet',\n Warning = 'Warning',\n Wifi = 'Wifi',\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.utilities.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.utilities.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,kCAIhC,QAAQ,SAAS,CAAC,KAAG,MAGvB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.utilities.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,qDAK0B;AAG1B;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,GAAG,uCAAsB,EAC9B,IAAI,GAAG,sCAAqB,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,gBAAgB,GAAG,GAAG,0CAAyB,CAAC,KAAK,CAAC,IAAI,yCAAwB,CAAC,IAAI,CAAC,IAAI,WAAW,EAAE,CAAC;IAChH,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n DEFAULT_ICON_ICONCOLOR,\n DEFAULT_ICON_ICONSIZE,\n TWCLASSMAP_ICON_ICONCOLOR,\n TWCLASSMAP_ICON_ICONSIZE,\n} from './Icon.constants';\nimport type { IconProps } from './Icon.types';\n\n/**\n * Generates a Tailwind class name for the icon based on color and optional additional classes.\n *\n * @param color - The color of the icon, mapped to a Tailwind class.\n * @param size - Different sizes map to specific pixel dimensions\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A combined string of class names.\n *\n * Example:\n * ```\n * const classNames = generateIconClassNames({\n * color: IconColor.IconDefault,\n * size: IconSize.Md\n * });\n *\n * console.log(classNames);\n * // Output: \"text-icon-default w-[20px] h-[20px]\"\n * ```\n */\nexport const generateIconClassNames = ({\n color = DEFAULT_ICON_ICONCOLOR,\n size = DEFAULT_ICON_ICONSIZE,\n twClassName = '',\n}: Partial<IconProps>): string => {\n const mergedClassnames = `${TWCLASSMAP_ICON_ICONCOLOR[color]} ${TWCLASSMAP_ICON_ICONSIZE[size]} ${twClassName}`;\n return mergedClassnames;\n};\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|