@metamask-previews/design-system-react-native 0.0.0-preview.bf69b6b → 0.0.0-preview.e1b50dd

package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.d.ts

@@ -0,0 +1,90 @@
+import type { ButtonSecondaryProps } from './ButtonSecondary.types';
+/**
+ * Generates Tailwind class names for the button's container based on its state.
+ *
+ * This function calculates the appropriate background, border color, and border width
+ * class names for a secondary button container. It considers the button's states
+ * (`isPressed`, `isDanger`, `isInverse`, `isLoading`) to generate the correct styling,
+ * and allows for additional customization through `twClassName`.
+ *
+ * @param isPressed - Indicates whether the button is currently being pressed.
+ * @param isDanger - Indicates whether the button is in a "danger" state.
+ * @param isInverse - Indicates whether the button is using an "inverse" theme.
+ * @param isLoading - Indicates whether the button is in a loading state.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string representing the combined Tailwind class names for the container's background, border, and custom styles.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonSecondaryContainerClassNames({
+ *   isPressed: true,
+ *   isDanger: true,
+ *   isInverse: false,
+ *   isLoading: false,
+ *   twClassName: 'rounded-md',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "bg-error-mutedPressed border-[1.5px] border-error-defaultPressed rounded-md"
+ *
+ * const inverseClassNames = generateButtonSecondaryContainerClassNames({
+ *   isInverse: true,
+ *   twClassName: 'rounded-lg',
+ * });
+ *
+ * console.log(inverseClassNames);
+ * // Output: "bg-transparent border-[1.5px] border-primary-inverse rounded-lg"
+ * ```
+ *
+ * State Priorities:
+ * 1. If `isInverse` and `isDanger` are true, the background and border styles are derived dynamically based on `isPressed` or `isLoading`.
+ * 2. If only `isDanger` is true, the background and border styles use error-specific values.
+ * 3. If only `isInverse` is true, the border color uses inverse-specific values while the background remains transparent.
+ * 4. If none of the above states are true, default styles are applied for a non-inverse, non-danger secondary button.
+ * 5. The border width is always set to `border-[1.5px]`.
+ */
+export declare const generateButtonSecondaryContainerClassNames: ({ isPressed, isDanger, isInverse, isLoading, twClassName, }: Partial<ButtonSecondaryProps> & {
+    isPressed?: boolean | undefined;
+}) => string;
+/**
+ * Generates Tailwind class names for the text styling of a secondary button based on its state.
+ *
+ * This function determines the appropriate text color class name for a secondary button
+ * by considering its current states (`isPressed`, `isDanger`, `isInverse`, `isLoading`).
+ * The returned class name ensures that the text color dynamically adapts to the button's
+ * configuration.
+ *
+ * @param isPressed - Indicates whether the button is currently being pressed.
+ * @param isDanger - Indicates whether the button is in a "danger" state.
+ * @param isInverse - Indicates whether the button is using an "inverse" theme.
+ * @param isLoading - Indicates whether the button is in a loading state.
+ * @returns A string representing the Tailwind class name for the button's text color.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonSecondaryTextClassNames({
+ *   isPressed: true,
+ *   isDanger: true,
+ *   isInverse: true,
+ *   isLoading: false,
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "text-error-defaultPressed"
+ *
+ * const defaultClassNames = generateButtonSecondaryTextClassNames({});
+ *
+ * console.log(defaultClassNames);
+ * // Output: "text-text-default"
+ * ```
+ *
+ * State Priorities:
+ * 1. If `isInverse` and `isDanger` are true, the text color changes dynamically based on `isPressed` or `isLoading`.
+ * 2. If only `isDanger` is true, the text uses `text-error-default` or `text-error-defaultPressed` depending on the state.
+ * 3. If only `isInverse` is true, the text uses `text-primary-inverse`.
+ * 4. If none of the above states are true, the text defaults to `text-text-default`.
+ */
+export declare const generateButtonSecondaryTextClassNames: ({ isPressed, isDanger, isInverse, isLoading, }: Partial<ButtonSecondaryProps> & {
+    isPressed?: boolean | undefined;
+}) => string;
+//# sourceMappingURL=ButtonSecondary.utilities.d.ts.map

package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSecondary.utilities.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,0CAA0C;;MAQnD,MAmCH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,qCAAqC;;MAO9C,MAmBH,CAAC"}

package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateButtonSecondaryTextClassNames = exports.generateButtonSecondaryContainerClassNames = void 0;
+/**
+ * Generates Tailwind class names for the button's container based on its state.
+ *
+ * This function calculates the appropriate background, border color, and border width
+ * class names for a secondary button container. It considers the button's states
+ * (`isPressed`, `isDanger`, `isInverse`, `isLoading`) to generate the correct styling,
+ * and allows for additional customization through `twClassName`.
+ *
+ * @param isPressed - Indicates whether the button is currently being pressed.
+ * @param isDanger - Indicates whether the button is in a "danger" state.
+ * @param isInverse - Indicates whether the button is using an "inverse" theme.
+ * @param isLoading - Indicates whether the button is in a loading state.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string representing the combined Tailwind class names for the container's background, border, and custom styles.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonSecondaryContainerClassNames({
+ *   isPressed: true,
+ *   isDanger: true,
+ *   isInverse: false,
+ *   isLoading: false,
+ *   twClassName: 'rounded-md',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "bg-error-mutedPressed border-[1.5px] border-error-defaultPressed rounded-md"
+ *
+ * const inverseClassNames = generateButtonSecondaryContainerClassNames({
+ *   isInverse: true,
+ *   twClassName: 'rounded-lg',
+ * });
+ *
+ * console.log(inverseClassNames);
+ * // Output: "bg-transparent border-[1.5px] border-primary-inverse rounded-lg"
+ * ```
+ *
+ * State Priorities:
+ * 1. If `isInverse` and `isDanger` are true, the background and border styles are derived dynamically based on `isPressed` or `isLoading`.
+ * 2. If only `isDanger` is true, the background and border styles use error-specific values.
+ * 3. If only `isInverse` is true, the border color uses inverse-specific values while the background remains transparent.
+ * 4. If none of the above states are true, default styles are applied for a non-inverse, non-danger secondary button.
+ * 5. The border width is always set to `border-[1.5px]`.
+ */
+const generateButtonSecondaryContainerClassNames = ({ isPressed = false, isDanger = false, isInverse = false, isLoading = false, twClassName = '', }) => {
+    let backgroundStyle;
+    let borderColorStyle;
+    const isPressedOrLoading = isPressed || isLoading;
+    if (isInverse && isDanger) {
+        backgroundStyle = isPressedOrLoading
+            ? 'bg-background-defaultPressed'
+            : 'bg-background-default';
+        borderColorStyle = isPressedOrLoading
+            ? 'border-background-defaultPressed'
+            : 'border-background-default';
+    }
+    else if (isDanger) {
+        backgroundStyle = isPressedOrLoading
+            ? 'bg-error-mutedPressed'
+            : 'bg-transparent';
+        borderColorStyle = isPressedOrLoading
+            ? 'border-error-defaultPressed'
+            : 'border-error-default';
+    }
+    else if (isInverse) {
+        backgroundStyle = isPressedOrLoading
+            ? 'bg-background-pressed'
+            : 'bg-transparent';
+        borderColorStyle = 'border-primary-inverse';
+    }
+    else {
+        backgroundStyle = isPressedOrLoading
+            ? 'bg-background-pressed'
+            : 'bg-transparent';
+        borderColorStyle = 'border-icon-default';
+    }
+    const borderWidthStyle = 'border-[1.5px]';
+    return `${backgroundStyle} ${borderWidthStyle} ${borderColorStyle} ${twClassName}`;
+};
+exports.generateButtonSecondaryContainerClassNames = generateButtonSecondaryContainerClassNames;
+/**
+ * Generates Tailwind class names for the text styling of a secondary button based on its state.
+ *
+ * This function determines the appropriate text color class name for a secondary button
+ * by considering its current states (`isPressed`, `isDanger`, `isInverse`, `isLoading`).
+ * The returned class name ensures that the text color dynamically adapts to the button's
+ * configuration.
+ *
+ * @param isPressed - Indicates whether the button is currently being pressed.
+ * @param isDanger - Indicates whether the button is in a "danger" state.
+ * @param isInverse - Indicates whether the button is using an "inverse" theme.
+ * @param isLoading - Indicates whether the button is in a loading state.
+ * @returns A string representing the Tailwind class name for the button's text color.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonSecondaryTextClassNames({
+ *   isPressed: true,
+ *   isDanger: true,
+ *   isInverse: true,
+ *   isLoading: false,
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "text-error-defaultPressed"
+ *
+ * const defaultClassNames = generateButtonSecondaryTextClassNames({});
+ *
+ * console.log(defaultClassNames);
+ * // Output: "text-text-default"
+ * ```
+ *
+ * State Priorities:
+ * 1. If `isInverse` and `isDanger` are true, the text color changes dynamically based on `isPressed` or `isLoading`.
+ * 2. If only `isDanger` is true, the text uses `text-error-default` or `text-error-defaultPressed` depending on the state.
+ * 3. If only `isInverse` is true, the text uses `text-primary-inverse`.
+ * 4. If none of the above states are true, the text defaults to `text-text-default`.
+ */
+const generateButtonSecondaryTextClassNames = ({ isPressed = false, isDanger = false, isInverse = false, isLoading = false, }) => {
+    let textColor;
+    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+    const isPressedOrLoading = isPressed || isLoading;
+    if (isInverse && isDanger) {
+        textColor = isPressedOrLoading
+            ? 'text-error-defaultPressed'
+            : 'text-error-default';
+    }
+    else if (isDanger) {
+        textColor = isPressedOrLoading
+            ? 'text-error-defaultPressed'
+            : 'text-error-default';
+    }
+    else if (isInverse) {
+        textColor = 'text-primary-inverse';
+    }
+    else {
+        textColor = 'text-text-default';
+    }
+    return `${textColor}`;
+};
+exports.generateButtonSecondaryTextClassNames = generateButtonSecondaryTextClassNames;
+//# sourceMappingURL=ButtonSecondary.utilities.js.map

package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSecondary.utilities.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.utilities.ts"],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACI,MAAM,0CAA0C,GAAG,CAAC,EACzD,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,GAGjB,EAAU,EAAE;IACX,IAAI,eAAe,CAAC;IACpB,IAAI,gBAAgB,CAAC;IAErB,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAElD,IAAI,SAAS,IAAI,QAAQ,EAAE;QACzB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,8BAA8B;YAChC,CAAC,CAAC,uBAAuB,CAAC;QAC5B,gBAAgB,GAAG,kBAAkB;YACnC,CAAC,CAAC,kCAAkC;YACpC,CAAC,CAAC,2BAA2B,CAAC;KACjC;SAAM,IAAI,QAAQ,EAAE;QACnB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,kBAAkB;YACnC,CAAC,CAAC,6BAA6B;YAC/B,CAAC,CAAC,sBAAsB,CAAC;KAC5B;SAAM,IAAI,SAAS,EAAE;QACpB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,wBAAwB,CAAC;KAC7C;SAAM;QACL,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,qBAAqB,CAAC;KAC1C;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;IAE1C,OAAO,GAAG,eAAe,IAAI,gBAAgB,IAAI,gBAAgB,IAAI,WAAW,EAAE,CAAC;AACrF,CAAC,CAAC;AA3CW,QAAA,0CAA0C,8CA2CrD;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,GAGlB,EAAU,EAAE;IACX,IAAI,SAAS,CAAC;IACd,wEAAwE;IACxE,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,IAAI,SAAS,IAAI,QAAQ,EAAE;QACzB,SAAS,GAAG,kBAAkB;YAC5B,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;SAAM,IAAI,QAAQ,EAAE;QACnB,SAAS,GAAG,kBAAkB;YAC5B,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;SAAM,IAAI,SAAS,EAAE;QACpB,SAAS,GAAG,sBAAsB,CAAC;KACpC;SAAM;QACL,SAAS,GAAG,mBAAmB,CAAC;KACjC;IAED,OAAO,GAAG,SAAS,EAAE,CAAC;AACxB,CAAC,CAAC;AA1BW,QAAA,qCAAqC,yCA0BhD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\n/**\n * Generates Tailwind class names for the button's container based on its state.\n *\n * This function calculates the appropriate background, border color, and border width\n * class names for a secondary button container. It considers the button's states\n * (`isPressed`, `isDanger`, `isInverse`, `isLoading`) to generate the correct styling,\n * and allows for additional customization through `twClassName`.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isDanger - Indicates whether the button is in a \"danger\" state.\n * @param isInverse - Indicates whether the button is using an \"inverse\" theme.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string representing the combined Tailwind class names for the container's background, border, and custom styles.\n *\n * Example:\n * ```\n * const classNames = generateButtonSecondaryContainerClassNames({\n *   isPressed: true,\n *   isDanger: true,\n *   isInverse: false,\n *   isLoading: false,\n *   twClassName: 'rounded-md',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-error-mutedPressed border-[1.5px] border-error-defaultPressed rounded-md\"\n *\n * const inverseClassNames = generateButtonSecondaryContainerClassNames({\n *   isInverse: true,\n *   twClassName: 'rounded-lg',\n * });\n *\n * console.log(inverseClassNames);\n * // Output: \"bg-transparent border-[1.5px] border-primary-inverse rounded-lg\"\n * ```\n *\n * State Priorities:\n * 1. If `isInverse` and `isDanger` are true, the background and border styles are derived dynamically based on `isPressed` or `isLoading`.\n * 2. If only `isDanger` is true, the background and border styles use error-specific values.\n * 3. If only `isInverse` is true, the border color uses inverse-specific values while the background remains transparent.\n * 4. If none of the above states are true, default styles are applied for a non-inverse, non-danger secondary button.\n * 5. The border width is always set to `border-[1.5px]`.\n */\nexport const generateButtonSecondaryContainerClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n  twClassName = '',\n}: Partial<ButtonSecondaryProps> & {\n  isPressed?: boolean;\n}): string => {\n  let backgroundStyle;\n  let borderColorStyle;\n\n  const isPressedOrLoading = isPressed || isLoading;\n\n  if (isInverse && isDanger) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-defaultPressed'\n      : 'bg-background-default';\n    borderColorStyle = isPressedOrLoading\n      ? 'border-background-defaultPressed'\n      : 'border-background-default';\n  } else if (isDanger) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-error-mutedPressed'\n      : 'bg-transparent';\n    borderColorStyle = isPressedOrLoading\n      ? 'border-error-defaultPressed'\n      : 'border-error-default';\n  } else if (isInverse) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-pressed'\n      : 'bg-transparent';\n    borderColorStyle = 'border-primary-inverse';\n  } else {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-pressed'\n      : 'bg-transparent';\n    borderColorStyle = 'border-icon-default';\n  }\n\n  const borderWidthStyle = 'border-[1.5px]';\n\n  return `${backgroundStyle} ${borderWidthStyle} ${borderColorStyle} ${twClassName}`;\n};\n\n/**\n * Generates Tailwind class names for the text styling of a secondary button based on its state.\n *\n * This function determines the appropriate text color class name for a secondary button\n * by considering its current states (`isPressed`, `isDanger`, `isInverse`, `isLoading`).\n * The returned class name ensures that the text color dynamically adapts to the button's\n * configuration.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isDanger - Indicates whether the button is in a \"danger\" state.\n * @param isInverse - Indicates whether the button is using an \"inverse\" theme.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @returns A string representing the Tailwind class name for the button's text color.\n *\n * Example:\n * ```\n * const classNames = generateButtonSecondaryTextClassNames({\n *   isPressed: true,\n *   isDanger: true,\n *   isInverse: true,\n *   isLoading: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-error-defaultPressed\"\n *\n * const defaultClassNames = generateButtonSecondaryTextClassNames({});\n *\n * console.log(defaultClassNames);\n * // Output: \"text-text-default\"\n * ```\n *\n * State Priorities:\n * 1. If `isInverse` and `isDanger` are true, the text color changes dynamically based on `isPressed` or `isLoading`.\n * 2. If only `isDanger` is true, the text uses `text-error-default` or `text-error-defaultPressed` depending on the state.\n * 3. If only `isInverse` is true, the text uses `text-primary-inverse`.\n * 4. If none of the above states are true, the text defaults to `text-text-default`.\n */\nexport const generateButtonSecondaryTextClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n}: Partial<ButtonSecondaryProps> & {\n  isPressed?: boolean;\n}): string => {\n  let textColor;\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const isPressedOrLoading = isPressed || isLoading;\n  if (isInverse && isDanger) {\n    textColor = isPressedOrLoading\n      ? 'text-error-defaultPressed'\n      : 'text-error-default';\n  } else if (isDanger) {\n    textColor = isPressedOrLoading\n      ? 'text-error-defaultPressed'\n      : 'text-error-default';\n  } else if (isInverse) {\n    textColor = 'text-primary-inverse';\n  } else {\n    textColor = 'text-text-default';\n  }\n\n  return `${textColor}`;\n};\n"]}

package/dist/components/Button/variants/ButtonSecondary/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './ButtonSecondary';
+export type { ButtonSecondaryProps } from './ButtonSecondary.types';
+export { ButtonBaseSize as ButtonSecondarySize } from '../../../../primitives/ButtonBase';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/variants/ButtonSecondary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/components/Button/variants/ButtonSecondary/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSecondarySize = exports.default = void 0;
+var ButtonSecondary_1 = require("./ButtonSecondary");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ButtonSecondary_1).default; } });
+var ButtonBase_1 = require("../../../../primitives/ButtonBase");
+Object.defineProperty(exports, "ButtonSecondarySize", { enumerable: true, get: function () { return ButtonBase_1.ButtonBaseSize; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Button/variants/ButtonSecondary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":";;;;;;AAAA,qDAA4C;AAAnC,2HAAA,OAAO,OAAA;AAEhB,gEAA0F;AAAjF,iHAAA,cAAc,OAAuB","sourcesContent":["export { default } from './ButtonSecondary';\nexport type { ButtonSecondaryProps } from './ButtonSecondary.types';\nexport { ButtonBaseSize as ButtonSecondarySize } from '../../../../primitives/ButtonBase';\n"]}

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonTertiaryProps } from './ButtonTertiary.types';
+export declare const DEFAULT_BUTTONTERTIARY_PROPS: Pick<ButtonTertiaryProps, 'textProps' | 'size' | 'isLoading' | 'spinnerProps' | 'startIconProps' | 'endIconProps' | 'isDisabled' | 'isFullWidth' | 'isDanger' | 'isInverse'>;
+//# sourceMappingURL=ButtonTertiary.constants.d.ts.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE,eAAO,MAAM,4BAA4B,EAAE,IAAI,CAC7C,mBAAmB,EACjB,WAAW,GACX,MAAM,GACN,WAAW,GACX,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,YAAY,GACZ,aAAa,GACb,UAAU,GACV,WAAW,CAqBd,CAAC"}

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_BUTTONTERTIARY_PROPS = void 0;
+const ButtonBase_constants_1 = require("../../../../primitives/ButtonBase/ButtonBase.constants");
+const Icon_1 = require("../../../Icon");
+const Text_1 = require("../../../Text");
+// Defaults
+exports.DEFAULT_BUTTONTERTIARY_PROPS = {
+    ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS,
+    textProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.textProps,
+        color: Text_1.TextColor.PrimaryInverse,
+    },
+    spinnerProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.spinnerProps,
+        color: Icon_1.IconColor.PrimaryInverse,
+    },
+    startIconProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.startIconProps,
+        color: Icon_1.IconColor.PrimaryInverse,
+    },
+    endIconProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.endIconProps,
+        color: Icon_1.IconColor.PrimaryInverse,
+    },
+    isDanger: false,
+    isInverse: false,
+};
+//# sourceMappingURL=ButtonTertiary.constants.js.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.constants.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.constants.ts"],"names":[],"mappings":";;;AAAA,iGAAkG;AAClG,wCAA0C;AAC1C,wCAA0C;AAG1C,WAAW;AACE,QAAA,4BAA4B,GAYrC;IACF,GAAG,+CAAwB;IAC3B,SAAS,EAAE;QACT,GAAG,+CAAwB,CAAC,SAAS;QACrC,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,YAAY,EAAE;QACZ,GAAG,+CAAwB,CAAC,YAAY;QACxC,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,cAAc,EAAE;QACd,GAAG,+CAAwB,CAAC,cAAc;QAC1C,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,YAAY,EAAE;QACZ,GAAG,+CAAwB,CAAC,YAAY;QACxC,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK;CACjB,CAAC","sourcesContent":["import { DEFAULT_BUTTONBASE_PROPS } from '../../../../primitives/ButtonBase/ButtonBase.constants';\nimport { IconColor } from '../../../Icon';\nimport { TextColor } from '../../../Text';\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\n// Defaults\nexport const DEFAULT_BUTTONTERTIARY_PROPS: Pick<\n  ButtonTertiaryProps,\n  | 'textProps'\n  | 'size'\n  | 'isLoading'\n  | 'spinnerProps'\n  | 'startIconProps'\n  | 'endIconProps'\n  | 'isDisabled'\n  | 'isFullWidth'\n  | 'isDanger'\n  | 'isInverse'\n> = {\n  ...DEFAULT_BUTTONBASE_PROPS,\n  textProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.textProps,\n    color: TextColor.PrimaryInverse,\n  },\n  spinnerProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.spinnerProps,\n    color: IconColor.PrimaryInverse,\n  },\n  startIconProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.startIconProps,\n    color: IconColor.PrimaryInverse,\n  },\n  endIconProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.endIconProps,\n    color: IconColor.PrimaryInverse,\n  },\n  isDanger: false,\n  isInverse: false,\n};\n"]}

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ButtonTertiaryProps } from './ButtonTertiary.types';
+declare const ButtonTertiary: ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger, isInverse, isLoading, onPressIn, onPressOut, twClassName, style, ...props }: ButtonTertiaryProps) => React.JSX.Element;
+export default ButtonTertiary;
+//# sourceMappingURL=ButtonTertiary.d.ts.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAMlE,QAAA,MAAM,cAAc,6JAcjB,mBAAmB,sBAyErB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.js

@@ -0,0 +1,90 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importStar(require("react"));
+const ButtonBase_1 = __importDefault(require("../../../../primitives/ButtonBase"));
+const ButtonTertiary_constants_1 = require("./ButtonTertiary.constants");
+const ButtonTertiary_utilities_1 = require("./ButtonTertiary.utilities");
+const ButtonTertiary = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = ButtonTertiary_constants_1.DEFAULT_BUTTONTERTIARY_PROPS.isDanger, isInverse = ButtonTertiary_constants_1.DEFAULT_BUTTONTERTIARY_PROPS.isInverse, isLoading = ButtonTertiary_constants_1.DEFAULT_BUTTONTERTIARY_PROPS.isLoading, onPressIn, onPressOut, twClassName, style, ...props }) => {
+    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = (0, react_1.useMemo)(() => {
+        return (0, ButtonTertiary_utilities_1.generateButtonTertiaryContainerClassNames)({
+            isPressed,
+            isDanger,
+            isInverse,
+            isLoading,
+            twClassName,
+        });
+    }, [isPressed, isDanger, isInverse, isLoading, twClassName]);
+    const twTextClassNames = (0, react_1.useMemo)(() => {
+        return (0, ButtonTertiary_utilities_1.generateButtonTertiaryTextClassNames)({
+            isPressed,
+            isDanger,
+            isInverse,
+            isLoading,
+        });
+    }, [isPressed, isDanger, isInverse, isLoading]);
+    const finalTextProps = {
+        ...ButtonTertiary_constants_1.DEFAULT_BUTTONTERTIARY_PROPS.textProps,
+        ...textProps,
+        twClassName: `${twTextClassNames} ${textProps?.twClassName ?? ''}`,
+    };
+    const finalStartIconProps = {
+        ...ButtonTertiary_constants_1.DEFAULT_BUTTONTERTIARY_PROPS.startIconProps,
+        ...startIconProps,
+        twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,
+    };
+    const finalEndIconProps = {
+        ...ButtonTertiary_constants_1.DEFAULT_BUTTONTERTIARY_PROPS.endIconProps,
+        ...endIconProps,
+        twClassName: `${twTextClassNames} ${endIconProps?.twClassName ?? ''}`,
+    };
+    const finalSpinnerProps = {
+        ...ButtonTertiary_constants_1.DEFAULT_BUTTONTERTIARY_PROPS.spinnerProps,
+        color: twTextClassNames,
+        loadingTextProps: {
+            twClassName: twTextClassNames,
+        },
+        ...spinnerProps,
+    };
+    const onPressInHandler = (event) => {
+        setIsPressed(true);
+        onPressIn?.(event);
+    };
+    const onPressOutHandler = (event) => {
+        setIsPressed(false);
+        onPressOut?.(event);
+    };
+    return (<ButtonBase_1.default textProps={finalTextProps} spinnerProps={finalSpinnerProps} startIconProps={finalStartIconProps} endIconProps={finalEndIconProps} isLoading={isLoading} onPressIn={onPressInHandler} onPressOut={onPressOutHandler} style={[tw `${twContainerClassNames}`, style]} testID="button-tertiary" {...props}>
+      {children}
+    </ButtonBase_1.default>);
+};
+exports.default = ButtonTertiary;
+//# sourceMappingURL=ButtonTertiary.js.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo, useState } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport ButtonBase from '../../../../primitives/ButtonBase';\nimport type { SpinnerProps } from '../../../../temp-components/Spinner';\nimport type { IconProps, IconColor } from '../../../Icon';\nimport type { TextProps } from '../../../Text/Text.types';\nimport { DEFAULT_BUTTONTERTIARY_PROPS } from './ButtonTertiary.constants';\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\nimport {\n  generateButtonTertiaryContainerClassNames,\n  generateButtonTertiaryTextClassNames,\n} from './ButtonTertiary.utilities';\n\nconst ButtonTertiary = ({\n  children,\n  textProps,\n  spinnerProps,\n  startIconProps,\n  endIconProps,\n  isDanger = DEFAULT_BUTTONTERTIARY_PROPS.isDanger,\n  isInverse = DEFAULT_BUTTONTERTIARY_PROPS.isInverse,\n  isLoading = DEFAULT_BUTTONTERTIARY_PROPS.isLoading,\n  onPressIn,\n  onPressOut,\n  twClassName,\n  style,\n  ...props\n}: ButtonTertiaryProps) => {\n  const [isPressed, setIsPressed] = useState(false);\n  const tw = useTailwind();\n  const twContainerClassNames = useMemo(() => {\n    return generateButtonTertiaryContainerClassNames({\n      isPressed,\n      isDanger,\n      isInverse,\n      isLoading,\n      twClassName,\n    });\n  }, [isPressed, isDanger, isInverse, isLoading, twClassName]);\n\n  const twTextClassNames = useMemo(() => {\n    return generateButtonTertiaryTextClassNames({\n      isPressed,\n      isDanger,\n      isInverse,\n      isLoading,\n    });\n  }, [isPressed, isDanger, isInverse, isLoading]);\n\n  const finalTextProps: Omit<Partial<TextProps>, 'children'> = {\n    ...DEFAULT_BUTTONTERTIARY_PROPS.textProps,\n    ...textProps,\n    twClassName: `${twTextClassNames} ${textProps?.twClassName ?? ''}`,\n  };\n  const finalStartIconProps: Partial<IconProps> = {\n    ...DEFAULT_BUTTONTERTIARY_PROPS.startIconProps,\n    ...startIconProps,\n    twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,\n  };\n\n  const finalEndIconProps: Partial<IconProps> = {\n    ...DEFAULT_BUTTONTERTIARY_PROPS.endIconProps,\n    ...endIconProps,\n    twClassName: `${twTextClassNames} ${endIconProps?.twClassName ?? ''}`,\n  };\n\n  const finalSpinnerProps: SpinnerProps = {\n    ...DEFAULT_BUTTONTERTIARY_PROPS.spinnerProps,\n    color: twTextClassNames as IconColor,\n    loadingTextProps: {\n      twClassName: twTextClassNames,\n    },\n    ...spinnerProps,\n  };\n  const onPressInHandler = (event: GestureResponderEvent) => {\n    setIsPressed(true);\n    onPressIn?.(event);\n  };\n\n  const onPressOutHandler = (event: GestureResponderEvent) => {\n    setIsPressed(false);\n    onPressOut?.(event);\n  };\n\n  return (\n    <ButtonBase\n      textProps={finalTextProps}\n      spinnerProps={finalSpinnerProps}\n      startIconProps={finalStartIconProps}\n      endIconProps={finalEndIconProps}\n      isLoading={isLoading}\n      onPressIn={onPressInHandler}\n      onPressOut={onPressOutHandler}\n      style={[tw`${twContainerClassNames}`, style]}\n      testID=\"button-tertiary\"\n      {...props}\n    >\n      {children}\n    </ButtonBase>\n  );\n};\n\nexport default ButtonTertiary;\n"]}

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.d.ts

@@ -0,0 +1,17 @@
+import type { ButtonBaseProps } from '../../../../primitives/ButtonBase';
+/**
+ * ButtonTertiary component props.
+ */
+export type ButtonTertiaryProps = {
+    /**
+     * Optional prop to show the danger state of the button.
+     * @default false
+     */
+    isDanger?: boolean;
+    /**
+     * Optional prop to show the inverse state of the button, which is reserved for buttons on colored backgrounds.
+     * @default false
+     */
+    isInverse?: boolean;
+} & ButtonBaseProps;
+//# sourceMappingURL=ButtonTertiary.types.d.ts.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,eAAe,CAAC"}

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ButtonTertiary.types.js.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../../../../primitives/ButtonBase';\n\n/**\n * ButtonTertiary component props.\n */\nexport type ButtonTertiaryProps = {\n  /**\n   * Optional prop to show the danger state of the button.\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop to show the inverse state of the button, which is reserved for buttons on colored backgrounds.\n   * @default false\n   */\n  isInverse?: boolean;\n} & ButtonBaseProps;\n"]}

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.d.ts

@@ -0,0 +1,88 @@
+import type { ButtonTertiaryProps } from './ButtonTertiary.types';
+/**
+ * Generates Tailwind class names for a tertiary button's container based on its state.
+ *
+ * This function calculates the background, border color, and border width styles dynamically
+ * depending on the button's state (`isPressed`, `isDanger`, `isInverse`, `isLoading`). It also
+ * allows additional Tailwind classes to be appended using the `twClassName` parameter.
+ *
+ * @param isPressed - Indicates whether the button is currently being pressed.
+ * @param isDanger - Indicates whether the button is in a "danger" state.
+ * @param isInverse - Indicates whether the button is using an "inverse" theme.
+ * @param isLoading - Indicates whether the button is in a loading state.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string containing the combined Tailwind class names for the container's background,
+ * border styles, and any additional classes.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonTertiaryContainerClassNames({
+ *   isPressed: true,
+ *   isDanger: true,
+ *   isInverse: false,
+ *   isLoading: false,
+ *   twClassName: 'rounded-full',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "bg-error-mutedPressed border-0 border-error-mutedPressed rounded-full"
+ *
+ * const inverseClassNames = generateButtonTertiaryContainerClassNames({
+ *   isInverse: true,
+ *   twClassName: 'rounded-lg',
+ * });
+ *
+ * console.log(inverseClassNames);
+ * // Output: "bg-transparent border-[1.5px] border-primary-inverse rounded-lg"
+ * ```
+ *
+ * State Priorities:
+ * 1. If `isInverse` and `isDanger` are true, styles are dynamically determined based on `isPressed` or `isLoading`.
+ * 2. If only `isDanger` is true, the styles reflect error-related colors with no borders.
+ * 3. If only `isInverse` is true, a border width is added along with inverse-specific styles.
+ * 4. If none of the above states are true, default styles are applied for a non-danger, non-inverse tertiary button.
+ */
+export declare const generateButtonTertiaryContainerClassNames: ({ isPressed, isDanger, isInverse, isLoading, twClassName, }: Partial<ButtonTertiaryProps> & {
+    isPressed?: boolean | undefined;
+}) => string;
+/**
+ * Generates Tailwind class names for a tertiary button's text styling based on its state.
+ *
+ * This function determines the appropriate text color class name for a tertiary button
+ * by evaluating the current states (`isPressed`, `isDanger`, `isInverse`, `isLoading`).
+ * The returned class name dynamically reflects the button's configuration.
+ *
+ * @param isPressed - Indicates whether the button is currently being pressed.
+ * @param isDanger - Indicates whether the button is in a "danger" state.
+ * @param isInverse - Indicates whether the button is using an "inverse" theme.
+ * @param isLoading - Indicates whether the button is in a loading state.
+ * @returns A string containing the Tailwind class name for the button's text color.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonTertiaryTextClassNames({
+ *   isPressed: true,
+ *   isDanger: true,
+ *   isInverse: false,
+ *   isLoading: false,
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "text-error-defaultPressed"
+ *
+ * const defaultClassNames = generateButtonTertiaryTextClassNames({});
+ *
+ * console.log(defaultClassNames);
+ * // Output: "text-primary-default"
+ * ```
+ *
+ * State Priorities:
+ * 1. If `isInverse` and `isDanger` are true, the text color is determined dynamically based on `isPressed` or `isLoading`.
+ * 2. If only `isDanger` is true, the text color defaults to `text-error-default` or `text-error-defaultPressed` depending on the state.
+ * 3. If only `isInverse` is true, the text color is `text-primary-inverse`.
+ * 4. If none of the above states are true, the text color defaults to `text-primary-default`.
+ */
+export declare const generateButtonTertiaryTextClassNames: ({ isPressed, isDanger, isInverse, isLoading, }: Partial<ButtonTertiaryProps> & {
+    isPressed?: boolean | undefined;
+}) => string;
+//# sourceMappingURL=ButtonTertiary.utilities.d.ts.map

package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.utilities.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,yCAAyC;;MAQlD,MAoCH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,oCAAoC;;MAO7C,MAqBH,CAAC"}