@metamask-previews/design-system-react-native 0.5.1-preview.abc15cd → 0.9.0-preview.694a8ed

package/dist/components/Icon/Icon.utilities.mjs

@@ -1,27 +0,0 @@
-/* eslint-disable jsdoc/check-param-names */
-/* eslint-disable jsdoc/require-param */
-import { IconColor, IconSize } from "../../types/index.mjs";
-/**
- * Generates a Tailwind class name for the icon based on color and optional additional classes.
- *
- * @param color - The color of the icon, mapped to a Tailwind class.
- * @param size - Different sizes map to specific pixel dimensions
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A combined string of class names.
- *
- * Example:
- * ```
- * const classNames = generateIconClassNames({
- *   color: IconColor.IconDefault,
- *   size: IconSize.Md
- * });
- *
- * console.log(classNames);
- * // Output: "text-icon-default w-[20px] h-[20px]"
- * ```
- */
-export const generateIconClassNames = ({ color = IconColor.IconDefault, size = IconSize.Md, twClassName = '', }) => {
-    const mergedClassnames = `${color} w-[${size}px] h-[${size}px] ${twClassName}`;
-    return mergedClassnames;
-};
-//# sourceMappingURL=Icon.utilities.mjs.map

package/dist/components/Icon/Icon.utilities.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.utilities.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.utilities.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAIlD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,IAAI,GAAG,QAAQ,CAAC,EAAE,EAClB,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,gBAAgB,GAAG,GAAG,KAAK,OAAO,IAAI,UAAU,IAAI,OAAO,WAAW,EAAE,CAAC;IAC/E,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport { IconColor, IconSize } from '../../types';\n\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 = IconColor.IconDefault,\n  size = IconSize.Md,\n  twClassName = '',\n}: Partial<IconProps>): string => {\n  const mergedClassnames = `${color} w-[${size}px] h-[${size}px] ${twClassName}`;\n  return mergedClassnames;\n};\n"]}

package/dist/components/Text/Text.utilities.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateTextClassNames = void 0;
-/* eslint-disable jsdoc/check-param-names */
-/* eslint-disable jsdoc/require-param */
-const types_1 = require("../../types/index.cjs");
-const Text_constants_1 = require("./Text.constants.cjs");
-/**
- * Generates a combined string of Tailwind CSS class names for the Text component
- * based on the provided props. This utility simplifies the process of combining
- * typography, color, font weight, and style classes, ensuring consistency with the
- * design system.
- *
- * @param variant - Specifies the typography variant (e.g., body, heading, display).
- * @param color - Specifies the text color based on the design system's color tokens.
- * @param fontWeight - Specifies the font weight (e.g., normal, bold).
- * @param fontFamily - Specifies the font family ('e.g. default, hero, accent)
- * @param fontStyle - Specifies the font style (e.g., normal, italic).
- * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.
- * @returns A string of combined Tailwind CSS class names.
- *
- * Example:
- * ```
- * const classNames = generateTextClassNames({
- *   variant: TextVariant.BodyMd,
- *   color: TextColor.PrimaryDefault,
- *   fontWeight: FontWeight.Bold,
- *   fontFamily: FontFamily.Default,
- *   fontStyle: FontStyle.Italic,
- *   twClassName: 'text-center underline',
- * });
- *
- * console.log(classNames);
- * // Output: "text-body-md font-default-bold-italic text-primary-default text-center underline"
- * ```
- */
-const generateTextClassNames = ({ variant = types_1.TextVariant.BodyMd, color = types_1.TextColor.TextDefault, fontWeight = types_1.FontWeight.Regular, fontFamily = types_1.FontFamily.Default, fontStyle = types_1.FontStyle.Normal, twClassName = '', }) => {
-    const isItalic = fontStyle === types_1.FontStyle.Italic;
-    const textClassname = `text-${variant}`;
-    const fontFamilyClassname = `font-${fontFamily}${Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]}${isItalic && fontFamily === types_1.FontFamily.Default ? '-italic' : ''}`;
-    const textColorClassname = `${color}`;
-    const mergedClassnames = `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();
-    return mergedClassnames;
-};
-exports.generateTextClassNames = generateTextClassNames;
-//# sourceMappingURL=Text.utilities.cjs.map

package/dist/components/Text/Text.utilities.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.utilities.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,iDAMqB;AAErB,yDAA8D;AAG9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAAG,mBAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,UAAU,GAAG,kBAAU,CAAC,OAAO,EAC/B,UAAU,GAAG,kBAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,iBAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,QAAQ,GAAG,SAAS,KAAK,iBAAS,CAAC,MAAM,CAAC;IAChD,MAAM,aAAa,GAAG,QAAQ,OAAO,EAAE,CAAC;IACxC,MAAM,mBAAmB,GAAG,QAAQ,UAAU,GAAG,2CAA0B,CAAC,UAAU,CAAC,GACrF,QAAQ,IAAI,UAAU,KAAK,kBAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;IACH,MAAM,kBAAkB,GAAG,GAAG,KAAK,EAAE,CAAC;IACtC,MAAM,gBAAgB,GACpB,GAAG,aAAa,IAAI,mBAAmB,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IAExF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAlBW,QAAA,sBAAsB,0BAkBjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n  FontWeight,\n  FontFamily,\n  FontStyle,\n  TextVariant,\n  TextColor,\n} from '../../types';\n\nimport { TWCLASSMAP_TEXT_FONTWEIGHT } from './Text.constants';\nimport type { TextProps } from './Text.types';\n\n/**\n * Generates a combined string of Tailwind CSS class names for the Text component\n * based on the provided props. This utility simplifies the process of combining\n * typography, color, font weight, and style classes, ensuring consistency with the\n * design system.\n *\n * @param variant - Specifies the typography variant (e.g., body, heading, display).\n * @param color - Specifies the text color based on the design system's color tokens.\n * @param fontWeight - Specifies the font weight (e.g., normal, bold).\n * @param fontFamily - Specifies the font family ('e.g. default, hero, accent)\n * @param fontStyle - Specifies the font style (e.g., normal, italic).\n * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.\n * @returns A string of combined Tailwind CSS class names.\n *\n * Example:\n * ```\n * const classNames = generateTextClassNames({\n *   variant: TextVariant.BodyMd,\n *   color: TextColor.PrimaryDefault,\n *   fontWeight: FontWeight.Bold,\n *   fontFamily: FontFamily.Default,\n *   fontStyle: FontStyle.Italic,\n *   twClassName: 'text-center underline',\n * });\n *\n * console.log(classNames);\n * // Output: \"text-body-md font-default-bold-italic text-primary-default text-center underline\"\n * ```\n */\nexport const generateTextClassNames = ({\n  variant = TextVariant.BodyMd,\n  color = TextColor.TextDefault,\n  fontWeight = FontWeight.Regular,\n  fontFamily = FontFamily.Default,\n  fontStyle = FontStyle.Normal,\n  twClassName = '',\n}: Partial<TextProps>): string => {\n  const isItalic = fontStyle === FontStyle.Italic;\n  const textClassname = `text-${variant}`;\n  const fontFamilyClassname = `font-${fontFamily}${TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]}${\n    isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n  }`;\n  const textColorClassname = `${color}`;\n  const mergedClassnames =\n    `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();\n\n  return mergedClassnames;\n};\n"]}

package/dist/components/Text/Text.utilities.d.cts

@@ -1,32 +0,0 @@
-import type { TextProps } from "./Text.types.cjs";
-/**
- * Generates a combined string of Tailwind CSS class names for the Text component
- * based on the provided props. This utility simplifies the process of combining
- * typography, color, font weight, and style classes, ensuring consistency with the
- * design system.
- *
- * @param variant - Specifies the typography variant (e.g., body, heading, display).
- * @param color - Specifies the text color based on the design system's color tokens.
- * @param fontWeight - Specifies the font weight (e.g., normal, bold).
- * @param fontFamily - Specifies the font family ('e.g. default, hero, accent)
- * @param fontStyle - Specifies the font style (e.g., normal, italic).
- * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.
- * @returns A string of combined Tailwind CSS class names.
- *
- * Example:
- * ```
- * const classNames = generateTextClassNames({
- *   variant: TextVariant.BodyMd,
- *   color: TextColor.PrimaryDefault,
- *   fontWeight: FontWeight.Bold,
- *   fontFamily: FontFamily.Default,
- *   fontStyle: FontStyle.Italic,
- *   twClassName: 'text-center underline',
- * });
- *
- * console.log(classNames);
- * // Output: "text-body-md font-default-bold-italic text-primary-default text-center underline"
- * ```
- */
-export declare const generateTextClassNames: ({ variant, color, fontWeight, fontFamily, fontStyle, twClassName, }: Partial<TextProps>) => string;
-//# sourceMappingURL=Text.utilities.d.cts.map

package/dist/components/Text/Text.utilities.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.utilities.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,sBAAsB,wEAOhC,QAAQ,SAAS,CAAC,KAAG,MAWvB,CAAC"}

package/dist/components/Text/Text.utilities.d.mts

@@ -1,32 +0,0 @@
-import type { TextProps } from "./Text.types.mjs";
-/**
- * Generates a combined string of Tailwind CSS class names for the Text component
- * based on the provided props. This utility simplifies the process of combining
- * typography, color, font weight, and style classes, ensuring consistency with the
- * design system.
- *
- * @param variant - Specifies the typography variant (e.g., body, heading, display).
- * @param color - Specifies the text color based on the design system's color tokens.
- * @param fontWeight - Specifies the font weight (e.g., normal, bold).
- * @param fontFamily - Specifies the font family ('e.g. default, hero, accent)
- * @param fontStyle - Specifies the font style (e.g., normal, italic).
- * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.
- * @returns A string of combined Tailwind CSS class names.
- *
- * Example:
- * ```
- * const classNames = generateTextClassNames({
- *   variant: TextVariant.BodyMd,
- *   color: TextColor.PrimaryDefault,
- *   fontWeight: FontWeight.Bold,
- *   fontFamily: FontFamily.Default,
- *   fontStyle: FontStyle.Italic,
- *   twClassName: 'text-center underline',
- * });
- *
- * console.log(classNames);
- * // Output: "text-body-md font-default-bold-italic text-primary-default text-center underline"
- * ```
- */
-export declare const generateTextClassNames: ({ variant, color, fontWeight, fontFamily, fontStyle, twClassName, }: Partial<TextProps>) => string;
-//# sourceMappingURL=Text.utilities.d.mts.map

package/dist/components/Text/Text.utilities.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.utilities.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,sBAAsB,wEAOhC,QAAQ,SAAS,CAAC,KAAG,MAWvB,CAAC"}

package/dist/components/Text/Text.utilities.mjs

@@ -1,42 +0,0 @@
-/* eslint-disable jsdoc/check-param-names */
-/* eslint-disable jsdoc/require-param */
-import { FontWeight, FontFamily, FontStyle, TextVariant, TextColor } from "../../types/index.mjs";
-import { TWCLASSMAP_TEXT_FONTWEIGHT } from "./Text.constants.mjs";
-/**
- * Generates a combined string of Tailwind CSS class names for the Text component
- * based on the provided props. This utility simplifies the process of combining
- * typography, color, font weight, and style classes, ensuring consistency with the
- * design system.
- *
- * @param variant - Specifies the typography variant (e.g., body, heading, display).
- * @param color - Specifies the text color based on the design system's color tokens.
- * @param fontWeight - Specifies the font weight (e.g., normal, bold).
- * @param fontFamily - Specifies the font family ('e.g. default, hero, accent)
- * @param fontStyle - Specifies the font style (e.g., normal, italic).
- * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.
- * @returns A string of combined Tailwind CSS class names.
- *
- * Example:
- * ```
- * const classNames = generateTextClassNames({
- *   variant: TextVariant.BodyMd,
- *   color: TextColor.PrimaryDefault,
- *   fontWeight: FontWeight.Bold,
- *   fontFamily: FontFamily.Default,
- *   fontStyle: FontStyle.Italic,
- *   twClassName: 'text-center underline',
- * });
- *
- * console.log(classNames);
- * // Output: "text-body-md font-default-bold-italic text-primary-default text-center underline"
- * ```
- */
-export const generateTextClassNames = ({ variant = TextVariant.BodyMd, color = TextColor.TextDefault, fontWeight = FontWeight.Regular, fontFamily = FontFamily.Default, fontStyle = FontStyle.Normal, twClassName = '', }) => {
-    const isItalic = fontStyle === FontStyle.Italic;
-    const textClassname = `text-${variant}`;
-    const fontFamilyClassname = `font-${fontFamily}${TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]}${isItalic && fontFamily === FontFamily.Default ? '-italic' : ''}`;
-    const textColorClassname = `${color}`;
-    const mergedClassnames = `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();
-    return mergedClassnames;
-};
-//# sourceMappingURL=Text.utilities.mjs.map

package/dist/components/Text/Text.utilities.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.utilities.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,OAAO,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACV,8BAAoB;AAErB,OAAO,EAAE,0BAA0B,EAAE,6BAAyB;AAG9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,GAAG,SAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,QAAQ,GAAG,SAAS,KAAK,SAAS,CAAC,MAAM,CAAC;IAChD,MAAM,aAAa,GAAG,QAAQ,OAAO,EAAE,CAAC;IACxC,MAAM,mBAAmB,GAAG,QAAQ,UAAU,GAAG,0BAA0B,CAAC,UAAU,CAAC,GACrF,QAAQ,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAC9D,EAAE,CAAC;IACH,MAAM,kBAAkB,GAAG,GAAG,KAAK,EAAE,CAAC;IACtC,MAAM,gBAAgB,GACpB,GAAG,aAAa,IAAI,mBAAmB,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IAExF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n  FontWeight,\n  FontFamily,\n  FontStyle,\n  TextVariant,\n  TextColor,\n} from '../../types';\n\nimport { TWCLASSMAP_TEXT_FONTWEIGHT } from './Text.constants';\nimport type { TextProps } from './Text.types';\n\n/**\n * Generates a combined string of Tailwind CSS class names for the Text component\n * based on the provided props. This utility simplifies the process of combining\n * typography, color, font weight, and style classes, ensuring consistency with the\n * design system.\n *\n * @param variant - Specifies the typography variant (e.g., body, heading, display).\n * @param color - Specifies the text color based on the design system's color tokens.\n * @param fontWeight - Specifies the font weight (e.g., normal, bold).\n * @param fontFamily - Specifies the font family ('e.g. default, hero, accent)\n * @param fontStyle - Specifies the font style (e.g., normal, italic).\n * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.\n * @returns A string of combined Tailwind CSS class names.\n *\n * Example:\n * ```\n * const classNames = generateTextClassNames({\n *   variant: TextVariant.BodyMd,\n *   color: TextColor.PrimaryDefault,\n *   fontWeight: FontWeight.Bold,\n *   fontFamily: FontFamily.Default,\n *   fontStyle: FontStyle.Italic,\n *   twClassName: 'text-center underline',\n * });\n *\n * console.log(classNames);\n * // Output: \"text-body-md font-default-bold-italic text-primary-default text-center underline\"\n * ```\n */\nexport const generateTextClassNames = ({\n  variant = TextVariant.BodyMd,\n  color = TextColor.TextDefault,\n  fontWeight = FontWeight.Regular,\n  fontFamily = FontFamily.Default,\n  fontStyle = FontStyle.Normal,\n  twClassName = '',\n}: Partial<TextProps>): string => {\n  const isItalic = fontStyle === FontStyle.Italic;\n  const textClassname = `text-${variant}`;\n  const fontFamilyClassname = `font-${fontFamily}${TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]}${\n    isItalic && fontFamily === FontFamily.Default ? '-italic' : ''\n  }`;\n  const textColorClassname = `${color}`;\n  const mergedClassnames =\n    `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();\n\n  return mergedClassnames;\n};\n"]}