@metamask-previews/design-system-react-native 0.0.0-preview.15db6d5 → 0.0.0-preview.3ab3ce4

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.
Files changed (90) hide show
  1. package/dist/components/Icon/Icon.assets.d.ts.map +1 -0
  2. package/dist/components/Icon/Icon.assets.js.map +1 -0
  3. package/dist/components/{Icons/Icon → Icon}/Icon.constants.d.ts +0 -1
  4. package/dist/components/Icon/Icon.constants.d.ts.map +1 -0
  5. package/dist/components/Icon/Icon.constants.js +22 -0
  6. package/dist/components/Icon/Icon.constants.js.map +1 -0
  7. package/dist/components/Icon/Icon.d.ts +5 -0
  8. package/dist/components/Icon/Icon.d.ts.map +1 -0
  9. package/dist/components/{Icons/Icon → Icon}/Icon.js +10 -6
  10. package/dist/components/Icon/Icon.js.map +1 -0
  11. package/dist/components/{Icons/Icon → Icon}/Icon.types.d.ts +37 -25
  12. package/dist/components/Icon/Icon.types.d.ts.map +1 -0
  13. package/dist/components/{Icons/Icon → Icon}/Icon.types.js +37 -25
  14. package/dist/components/Icon/Icon.types.js.map +1 -0
  15. package/dist/components/Icon/Icon.utilities.d.ts.map +1 -0
  16. package/dist/components/{Icons/Icon → Icon}/Icon.utilities.js +1 -1
  17. package/dist/components/Icon/Icon.utilities.js.map +1 -0
  18. package/dist/components/Icon/index.d.ts.map +1 -0
  19. package/dist/components/Icon/index.js.map +1 -0
  20. package/dist/components/Text/Text.d.ts +3 -10
  21. package/dist/components/Text/Text.d.ts.map +1 -1
  22. package/dist/components/Text/Text.js +1 -1
  23. package/dist/components/Text/Text.js.map +1 -1
  24. package/dist/components/Text/Text.types.d.ts +39 -29
  25. package/dist/components/Text/Text.types.d.ts.map +1 -1
  26. package/dist/components/Text/Text.types.js +39 -29
  27. package/dist/components/Text/Text.types.js.map +1 -1
  28. package/dist/components/Text/Text.utilities.js +1 -1
  29. package/dist/components/Text/Text.utilities.js.map +1 -1
  30. package/dist/components/Text/index.d.ts +1 -0
  31. package/dist/components/Text/index.d.ts.map +1 -1
  32. package/dist/components/Text/index.js.map +1 -1
  33. package/dist/index.d.ts +2 -2
  34. package/dist/index.d.ts.map +1 -1
  35. package/dist/primitives/ButtonAnimated/ButtonAnimated.d.ts +5 -0
  36. package/dist/primitives/ButtonAnimated/ButtonAnimated.d.ts.map +1 -0
  37. package/dist/primitives/ButtonAnimated/ButtonAnimated.js +58 -0
  38. package/dist/primitives/ButtonAnimated/ButtonAnimated.js.map +1 -0
  39. package/dist/primitives/ButtonAnimated/ButtonAnimated.types.d.ts +6 -0
  40. package/dist/primitives/ButtonAnimated/ButtonAnimated.types.d.ts.map +1 -0
  41. package/dist/primitives/ButtonAnimated/ButtonAnimated.types.js +3 -0
  42. package/dist/primitives/ButtonAnimated/ButtonAnimated.types.js.map +1 -0
  43. package/dist/primitives/ButtonAnimated/index.d.ts +2 -0
  44. package/dist/primitives/ButtonAnimated/index.d.ts.map +1 -0
  45. package/dist/primitives/ButtonAnimated/index.js +9 -0
  46. package/dist/primitives/ButtonAnimated/index.js.map +1 -0
  47. package/dist/primitives/TextOrChildren/TextOrChildren.d.ts +5 -0
  48. package/dist/primitives/TextOrChildren/TextOrChildren.d.ts.map +1 -0
  49. package/dist/primitives/TextOrChildren/TextOrChildren.js +15 -0
  50. package/dist/primitives/TextOrChildren/TextOrChildren.js.map +1 -0
  51. package/dist/primitives/TextOrChildren/TextOrChildren.types.d.ts +15 -0
  52. package/dist/primitives/TextOrChildren/TextOrChildren.types.d.ts.map +1 -0
  53. package/dist/primitives/TextOrChildren/TextOrChildren.types.js +3 -0
  54. package/dist/primitives/TextOrChildren/TextOrChildren.types.js.map +1 -0
  55. package/dist/temp-components/Spinner/Spinner.constants.d.ts +3 -0
  56. package/dist/temp-components/Spinner/Spinner.constants.d.ts.map +1 -0
  57. package/dist/temp-components/Spinner/Spinner.constants.js +21 -0
  58. package/dist/temp-components/Spinner/Spinner.constants.js.map +1 -0
  59. package/dist/temp-components/Spinner/Spinner.d.ts +5 -0
  60. package/dist/temp-components/Spinner/Spinner.d.ts.map +1 -0
  61. package/dist/temp-components/Spinner/Spinner.js +68 -0
  62. package/dist/temp-components/Spinner/Spinner.js.map +1 -0
  63. package/dist/temp-components/Spinner/Spinner.types.d.ts +30 -0
  64. package/dist/temp-components/Spinner/Spinner.types.d.ts.map +1 -0
  65. package/dist/temp-components/Spinner/Spinner.types.js +3 -0
  66. package/dist/temp-components/Spinner/Spinner.types.js.map +1 -0
  67. package/dist/temp-components/Spinner/index.d.ts +3 -0
  68. package/dist/temp-components/Spinner/index.d.ts.map +1 -0
  69. package/dist/temp-components/Spinner/index.js +9 -0
  70. package/dist/temp-components/Spinner/index.js.map +1 -0
  71. package/package.json +4 -3
  72. package/dist/components/Icons/Icon/Icon.assets.d.ts.map +0 -1
  73. package/dist/components/Icons/Icon/Icon.assets.js.map +0 -1
  74. package/dist/components/Icons/Icon/Icon.constants.d.ts.map +0 -1
  75. package/dist/components/Icons/Icon/Icon.constants.js +0 -39
  76. package/dist/components/Icons/Icon/Icon.constants.js.map +0 -1
  77. package/dist/components/Icons/Icon/Icon.d.ts +0 -9
  78. package/dist/components/Icons/Icon/Icon.d.ts.map +0 -1
  79. package/dist/components/Icons/Icon/Icon.js.map +0 -1
  80. package/dist/components/Icons/Icon/Icon.types.d.ts.map +0 -1
  81. package/dist/components/Icons/Icon/Icon.types.js.map +0 -1
  82. package/dist/components/Icons/Icon/Icon.utilities.d.ts.map +0 -1
  83. package/dist/components/Icons/Icon/Icon.utilities.js.map +0 -1
  84. package/dist/components/Icons/Icon/index.d.ts.map +0 -1
  85. package/dist/components/Icons/Icon/index.js.map +0 -1
  86. /package/dist/components/{Icons/Icon → Icon}/Icon.assets.d.ts +0 -0
  87. /package/dist/components/{Icons/Icon → Icon}/Icon.assets.js +0 -0
  88. /package/dist/components/{Icons/Icon → Icon}/Icon.utilities.d.ts +0 -0
  89. /package/dist/components/{Icons/Icon → Icon}/index.d.ts +0 -0
  90. /package/dist/components/{Icons/Icon → Icon}/index.js +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";;;AAIA;;GAEG;AACH,IAAY,WAcX;AAdD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAdW,WAAW,2BAAX,WAAW,QActB;AAED;;GAEG;AACH,IAAY,SAiCX;AAjCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,+CAAkC,CAAA;IAClC,iGAAiG;IACjG,+CAAkC,CAAA;IAClC,iFAAiF;IACjF,+CAAkC,CAAA;IAClC,0FAA0F;IAC1F,2CAA8B,CAAA;IAC9B,yDAAyD;IACzD,mDAAsC,CAAA;IACtC,+EAA+E;IAC/E,2CAA8B,CAAA;IAC9B,oFAAoF;IACpF,+CAAkC,CAAA;IAClC,iFAAiF;IACjF,+CAAkC,CAAA;IAClC,yFAAyF;IACzF,+CAAkC,CAAA;IAClC,iFAAiF;IACjF,+CAAkC,CAAA;IAClC,sFAAsF;IACtF,yCAA4B,CAAA;IAC5B,8EAA8E;IAC9E,yCAA4B,CAAA;IAC5B,sCAAsC;IACtC,wCAA2B,CAAA;AAC7B,CAAC,EAjCW,SAAS,yBAAT,SAAS,QAiCpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,0BAAY,CAAA;IACZ;;OAEG;IACH,4BAAc,CAAA;IACd;;OAEG;IACH,4BAAc,CAAA;AAChB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,8BAAiB,CAAA;AACnB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n// Third party dependencies.\nimport type { TextProps as RNTextProps } from 'react-native';\n\n/**\n * Text component variants.\n */\nexport enum TextVariant {\n // Display Sizes\n DisplayMd = 'display-md',\n\n // Heading Sizes\n HeadingLg = 'heading-lg',\n HeadingMd = 'heading-md',\n HeadingSm = 'heading-sm',\n\n // Body Sizes\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n\n/**\n * Text colors\n */\nexport enum TextColor {\n /** For default neutral text. */\n TextDefault = 'text-default',\n /** For softer contrast neutral text */\n TextAlternative = 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted = 'text-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 the stronger contrast error semantic elements. */\n ErrorAlternative = 'error-alternative',\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 /** Make the text color transparent */\n Transparent = 'transparent',\n}\n\nexport enum FontWeight {\n /**\n * Weight - 700\n */\n Bold = '700',\n /**\n * Weight - 500\n */\n Medium = '500',\n /**\n * Weight - 400\n */\n Normal = '400',\n}\n\nexport enum FontStyle {\n Italic = 'italic',\n Normal = 'normal',\n}\n/**\n * Text component props.\n */\nexport type TextProps = {\n /**\n * Optional enum to select between Typography variants.\n * @default BodyMD\n */\n variant?: TextVariant;\n /**\n * Text to be displayed.\n */\n children: React.ReactNode;\n /**\n * Optional prop to add color to text.\n */\n color?: TextColor;\n /**\n * Optional prop to adjust the weight of the font.\n */\n fontWeight?: FontWeight;\n /**\n * Optional prop to adjust the style of the font.\n */\n fontStyle?: FontStyle;\n /**\n * Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} & RNTextProps;\n"]}
1
+ {"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";;;AAIA;;GAEG;AACH,IAAY,WAcX;AAdD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAdW,WAAW,2BAAX,WAAW,QActB;AAED;;GAEG;AACH,IAAY,SA2CX;AA3CD,WAAY,SAAS;IACnB,gCAAgC;IAChC,8CAAiC,CAAA;IACjC,uCAAuC;IACvC,sDAAyC,CAAA;IACzC,6DAA6D;IAC7D,0CAA6B,CAAA;IAC7B,uDAAuD;IACvD,oDAAuC,CAAA;IACvC,uDAAuD;IACvD,oDAAuC,CAAA;IACvC,2CAA2C;IAC3C,4DAA+C,CAAA;IAC/C,mDAAmD;IACnD,oDAAuC,CAAA;IACvC,2CAA2C;IAC3C,kEAAqD,CAAA;IACrD,+BAA+B;IAC/B,gDAAmC,CAAA;IACnC,wCAAwC;IACxC,wDAA2C,CAAA;IAC3C,iDAAiD;IACjD,gDAAmC,CAAA;IACnC,kDAAkD;IAClD,8DAAiD,CAAA;IACjD,8BAA8B;IAC9B,oDAAuC,CAAA;IACvC,mDAAmD;IACnD,oDAAuC,CAAA;IACvC,2CAA2C;IAC3C,kEAAqD,CAAA;IACrD,kCAAkC;IAClC,oDAAuC,CAAA;IACvC,mDAAmD;IACnD,oDAAuC,CAAA;IACvC,4CAA4C;IAC5C,kEAAqD,CAAA;IACrD,wCAAwC;IACxC,8CAAiC,CAAA;IACjC,gDAAgD;IAChD,8CAAiC,CAAA;IACjC,uCAAuC;IACvC,6CAAgC,CAAA;AAClC,CAAC,EA3CW,SAAS,yBAAT,SAAS,QA2CpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,0BAAY,CAAA;IACZ;;OAEG;IACH,4BAAc,CAAA;IACd;;OAEG;IACH,4BAAc,CAAA;AAChB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,8BAAiB,CAAA;AACnB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n// Third party dependencies.\nimport type { TextProps as RNTextProps } from 'react-native';\n\n/**\n * Text component variants.\n */\nexport enum TextVariant {\n // Display Sizes\n DisplayMd = 'display-md',\n\n // Heading Sizes\n HeadingLg = 'heading-lg',\n HeadingMd = 'heading-md',\n HeadingSm = 'heading-sm',\n\n // Body Sizes\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n\n/**\n * Text colors\n */\nexport enum TextColor {\n /** For default neutral text. */\n TextDefault = 'text-text-default',\n /** For softer contrast neutral text */\n TextAlternative = 'text-text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted = 'text-text-muted',\n /** For elements used on top of overlay/alternative. */\n OverlayInverse = 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. */\n PrimaryDefault = 'text-primary-default',\n /** For softer variants of primary text. */\n PrimaryAlternative = 'text-primary-alternative',\n /** For elements used on top of primary/default. */\n PrimaryInverse = 'text-primary-inverse',\n /** For primary text in a pressed state. */\n PrimaryDefaultPressed = 'text-primary-defaultPressed',\n /** For critical alert text. */\n ErrorDefault = 'text-error-default',\n /** For stronger contrast error text. */\n ErrorAlternative = 'text-error-alternative',\n /** For elements used on top of error/default. */\n ErrorInverse = 'text-error-inverse',\n /** For critical alert text in a pressed state. */\n ErrorDefaultPressed = 'text-error-defaultPressed',\n /** For caution alert text. */\n WarningDefault = 'text-warning-default',\n /** For elements used on top of warning/default. */\n WarningInverse = 'text-warning-inverse',\n /** For caution text in a pressed state. */\n WarningDefaultPressed = 'text-warning-defaultPressed',\n /** For positive semantic text. */\n SuccessDefault = 'text-success-default',\n /** For elements used on top of success/default. */\n SuccessInverse = 'text-success-inverse',\n /** For positive text in a pressed state. */\n SuccessDefaultPressed = 'text-success-defaultPressed',\n /** For informational read-only text. */\n InfoDefault = 'text-info-default',\n /** For elements used on top of info/default. */\n InfoInverse = 'text-info-inverse',\n /** Make the text color transparent. */\n Transparent = 'text-transparent',\n}\n\nexport enum FontWeight {\n /**\n * Weight - 700\n */\n Bold = '700',\n /**\n * Weight - 500\n */\n Medium = '500',\n /**\n * Weight - 400\n */\n Normal = '400',\n}\n\nexport enum FontStyle {\n Italic = 'italic',\n Normal = 'normal',\n}\n/**\n * Text component props.\n */\nexport type TextProps = {\n /**\n * Optional enum to select between Typography variants.\n * @default BodyMD\n */\n variant?: TextVariant;\n /**\n * Text to be displayed.\n */\n children: React.ReactNode;\n /**\n * Optional prop to add color to text.\n */\n color?: TextColor;\n /**\n * Optional prop to adjust the weight of the font.\n */\n fontWeight?: FontWeight;\n /**\n * Optional prop to adjust the style of the font.\n */\n fontStyle?: FontStyle;\n /**\n * Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} & RNTextProps;\n"]}
@@ -37,7 +37,7 @@ const generateTextClassNames = ({ variant = Text_constants_1.DEFAULT_TEXT_VARIAN
37
37
  const isItalic = fontStyle === Text_types_1.FontStyle.Italic;
38
38
  const textClassname = `text-${variant}`;
39
39
  const fontFamilyClassname = `font-${variant}${fontWeightStyleClassname}${isItalic ? '-italic' : ''}`;
40
- const textColorClassname = `text-${color}`;
40
+ const textColorClassname = `${color}`;
41
41
  const mergedClassnames = `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();
42
42
  return mergedClassnames;
43
43
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Text.utilities.js","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,qDAI0B;AAE1B,6CAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAAG,qCAAoB,EAC9B,KAAK,GAAG,mCAAkB,EAC1B,UAAU,GAAG,uBAAU,CAAC,MAAM,EAC9B,SAAS,GAAG,sBAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,wBAAwB,GAC5B,+DAA8C,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,SAAS,KAAK,sBAAS,CAAC,MAAM,CAAC;IAChD,MAAM,aAAa,GAAG,QAAQ,OAAO,EAAE,CAAC;IACxC,MAAM,mBAAmB,GAAG,QAAQ,OAAO,GAAG,wBAAwB,GACpE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EACzB,EAAE,CAAC;IACH,MAAM,kBAAkB,GAAG,QAAQ,KAAK,EAAE,CAAC;IAC3C,MAAM,gBAAgB,GACpB,GAAG,aAAa,IAAI,mBAAmB,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IAExF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAnBW,QAAA,sBAAsB,0BAmBjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n DEFAULT_TEXT_COLOR,\n DEFAULT_TEXT_VARIANT,\n MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { FontWeight, FontStyle } 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 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 * fontStyle: FontStyle.Italic,\n * twClassName: 'text-center underline',\n * });\n *\n * console.log(classNames);\n * // Output: \"text-body-md font-body-md-bold-italic text-primary-default text-center underline\"\n * ```\n */\nexport const generateTextClassNames = ({\n variant = DEFAULT_TEXT_VARIANT,\n color = DEFAULT_TEXT_COLOR,\n fontWeight = FontWeight.Normal,\n fontStyle = FontStyle.Normal,\n twClassName = '',\n}: Partial<TextProps>): string => {\n const fontWeightStyleClassname =\n MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME[fontWeight];\n const isItalic = fontStyle === FontStyle.Italic;\n const textClassname = `text-${variant}`;\n const fontFamilyClassname = `font-${variant}${fontWeightStyleClassname}${\n isItalic ? '-italic' : ''\n }`;\n const textColorClassname = `text-${color}`;\n const mergedClassnames =\n `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();\n\n return mergedClassnames;\n};\n"]}
1
+ {"version":3,"file":"Text.utilities.js","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,qDAI0B;AAE1B,6CAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAAG,qCAAoB,EAC9B,KAAK,GAAG,mCAAkB,EAC1B,UAAU,GAAG,uBAAU,CAAC,MAAM,EAC9B,SAAS,GAAG,sBAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,wBAAwB,GAC5B,+DAA8C,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,SAAS,KAAK,sBAAS,CAAC,MAAM,CAAC;IAChD,MAAM,aAAa,GAAG,QAAQ,OAAO,EAAE,CAAC;IACxC,MAAM,mBAAmB,GAAG,QAAQ,OAAO,GAAG,wBAAwB,GACpE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EACzB,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;AAnBW,QAAA,sBAAsB,0BAmBjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n DEFAULT_TEXT_COLOR,\n DEFAULT_TEXT_VARIANT,\n MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { FontWeight, FontStyle } 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 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 * fontStyle: FontStyle.Italic,\n * twClassName: 'text-center underline',\n * });\n *\n * console.log(classNames);\n * // Output: \"text-body-md font-body-md-bold-italic text-primary-default text-center underline\"\n * ```\n */\nexport const generateTextClassNames = ({\n variant = DEFAULT_TEXT_VARIANT,\n color = DEFAULT_TEXT_COLOR,\n fontWeight = FontWeight.Normal,\n fontStyle = FontStyle.Normal,\n twClassName = '',\n}: Partial<TextProps>): string => {\n const fontWeightStyleClassname =\n MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME[fontWeight];\n const isItalic = fontStyle === FontStyle.Italic;\n const textClassname = `text-${variant}`;\n const fontFamilyClassname = `font-${variant}${fontWeightStyleClassname}${\n isItalic ? '-italic' : ''\n }`;\n const textColorClassname = `${color}`;\n const mergedClassnames =\n `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();\n\n return mergedClassnames;\n};\n"]}
@@ -1,3 +1,4 @@
1
1
  export { default } from './Text';
2
+ export type { TextProps } from './Text.types';
2
3
  export { TextVariant, TextColor, FontWeight, FontStyle } from './Text.types';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,2CAA6E;AAApE,yGAAA,WAAW,OAAA;AAAE,uGAAA,SAAS,OAAA;AAAE,wGAAA,UAAU,OAAA;AAAE,uGAAA,SAAS,OAAA","sourcesContent":["export { default } from './Text';\nexport { TextVariant, TextColor, FontWeight, FontStyle } from './Text.types';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAEhB,2CAA6E;AAApE,yGAAA,WAAW,OAAA;AAAE,uGAAA,SAAS,OAAA;AAAE,wGAAA,UAAU,OAAA;AAAE,uGAAA,SAAS,OAAA","sourcesContent":["export { default } from './Text';\nexport type { TextProps } from './Text.types';\nexport { TextVariant, TextColor, FontWeight, FontStyle } from './Text.types';\n"]}
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export declare const Text: import("react").ForwardRefExoticComponent<Omit<{
1
+ export declare const Text: import("react").ForwardRefExoticComponent<{
2
2
  variant?: import("./components/Text").TextVariant | undefined;
3
3
  children: import("react").ReactNode;
4
4
  color?: import("./components/Text").TextColor | undefined;
5
5
  fontWeight?: import("./components/Text").FontWeight | undefined;
6
6
  fontStyle?: import("./components/Text").FontStyle | undefined;
7
7
  twClassName?: string | undefined;
8
- } & import("react-native").TextProps & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
8
+ } & import("react-native").TextProps & import("react").RefAttributes<any>>;
9
9
  export { TextVariant, TextColor, FontWeight, FontStyle, } from './components/Text';
10
10
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;;;;uHAAmC,CAAC;AACrD,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;;;;0EAAmC,CAAC;AACrD,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { ButtonAnimatedProps } from './ButtonAnimated.types';
3
+ declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, ...props }: ButtonAnimatedProps) => React.JSX.Element;
4
+ export default ButtonAnimated;
5
+ //# sourceMappingURL=ButtonAnimated.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonAnimated.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,QAAA,MAAM,cAAc,kDAKjB,mBAAmB,sBAkCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,58 @@
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 react_1 = __importDefault(require("react"));
30
+ const react_native_1 = require("react-native");
31
+ const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
32
+ const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) => {
33
+ const animation = (0, react_native_reanimated_1.useSharedValue)(1);
34
+ const scaleStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
35
+ return {
36
+ transform: [{ scale: animation.value }],
37
+ };
38
+ });
39
+ const onPressInHandler = (event) => {
40
+ animation.value = (0, react_native_reanimated_1.withTiming)(0.97, {
41
+ duration: 100,
42
+ easing: react_native_reanimated_1.Easing.bezier(0.3, 0.8, 0.3, 1),
43
+ });
44
+ onPressIn?.(event);
45
+ };
46
+ const onPressOutHandler = (event) => {
47
+ animation.value = (0, react_native_reanimated_1.withTiming)(1, {
48
+ duration: 100,
49
+ easing: react_native_reanimated_1.Easing.bezier(0.3, 0.8, 0.3, 1),
50
+ });
51
+ onPressOut?.(event);
52
+ };
53
+ return (<react_native_reanimated_1.default.View style={scaleStyle}>
54
+ <react_native_1.Pressable onPressIn={onPressInHandler} onPressOut={onPressOutHandler} disabled={disabled} {...props}/>
55
+ </react_native_reanimated_1.default.View>);
56
+ };
57
+ exports.default = ButtonAnimated;
58
+ //# sourceMappingURL=ButtonAnimated.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonAnimated.js","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,+CAAyC;AACzC,mFAKiC;AAIjC,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,SAAS,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE;QACvC,OAAO;YACL,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;SACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACxD,SAAS,CAAC,KAAK,GAAG,IAAA,oCAAU,EAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,gCAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACzD,SAAS,CAAC,KAAK,GAAG,IAAA,oCAAU,EAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,gCAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAC/B;MAAA,CAAC,wBAAS,CACR,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,KAAK,CAAC,EAEd;IAAA,EAAE,iCAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Pressable } from 'react-native';\nimport Animated, {\n useSharedValue,\n useAnimatedStyle,\n withTiming,\n Easing,\n} from 'react-native-reanimated';\n\nimport type { ButtonAnimatedProps } from './ButtonAnimated.types';\n\nconst ButtonAnimated = ({\n onPressIn,\n onPressOut,\n disabled,\n ...props\n}: ButtonAnimatedProps) => {\n const animation = useSharedValue(1);\n const scaleStyle = useAnimatedStyle(() => {\n return {\n transform: [{ scale: animation.value }],\n };\n });\n\n const onPressInHandler = (event: GestureResponderEvent) => {\n animation.value = withTiming(0.97, {\n duration: 100,\n easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n });\n onPressIn?.(event);\n };\n\n const onPressOutHandler = (event: GestureResponderEvent) => {\n animation.value = withTiming(1, {\n duration: 100,\n easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n });\n onPressOut?.(event);\n };\n\n return (\n <Animated.View style={scaleStyle}>\n <Pressable\n onPressIn={onPressInHandler}\n onPressOut={onPressOutHandler}\n disabled={disabled}\n {...props}\n />\n </Animated.View>\n );\n};\n\nexport default ButtonAnimated;\n"]}
@@ -0,0 +1,6 @@
1
+ import type { PressableProps } from 'react-native';
2
+ /**
3
+ * ButtonAnimated component props.
4
+ */
5
+ export type ButtonAnimatedProps = PressableProps;
6
+ //# sourceMappingURL=ButtonAnimated.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonAnimated.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=ButtonAnimated.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonAnimated.types.js","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PressableProps } from 'react-native';\n\n/**\n * ButtonAnimated component props.\n */\nexport type ButtonAnimatedProps = PressableProps;\n"]}
@@ -0,0 +1,2 @@
1
+ export { default } from './ButtonAnimated';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,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 ButtonAnimated_1 = require("./ButtonAnimated");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ButtonAnimated_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/index.ts"],"names":[],"mappings":";;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA","sourcesContent":["export { default } from './ButtonAnimated';\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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=TextOrChildren.types.js.map
@@ -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,3 @@
1
+ import type { SpinnerProps } from './Spinner.types';
2
+ export declare const DEFAULT_SPINNER_PROPS: Partial<SpinnerProps>;
3
+ //# sourceMappingURL=Spinner.constants.d.ts.map
@@ -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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=Spinner.types.js.map
@@ -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,3 @@
1
+ export { default } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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.15db6d5",
3
+ "version": "0.0.0-preview.3ab3ce4",
4
4
  "description": "Design System React Native",
5
5
  "keywords": [
6
6
  "MetaMask",
@@ -43,9 +43,10 @@
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.15db6d5",
46
+ "@metamask-previews/design-system-twrnc-preset": "0.0.0-preview.3ab3ce4",
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",
@@ -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":"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","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"}