@metamask-previews/design-system-react-native 0.0.0-preview.7df341a → 0.0.0-preview.8c84975

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

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateButtonPrimaryTextClassNames = exports.generateButtonPrimaryContainerClassNames = void 0;
-/**
- * Generates a Tailwind class name for the container based on its state and optional additional classes.
- *
- * This function computes the appropriate background class name for a button's container, considering its
- * `isPressed`, `isDanger`, `isInverse`, and `isLoading` states. Additional Tailwind class names can
- * also 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 combined string of Tailwind class names for the container's background styling.
- *
- * Example:
- * ```
- * const classNames = generateButtonPrimaryContainerClassNames({
- *   isPressed: true,
- *   isDanger: false,
- *   isInverse: true,
- *   isLoading: false,
- *   twClassName: 'rounded-lg',
- * });
- *
- * console.log(classNames);
- * // Output: "bg-background-defaultPressed rounded-lg"
- * ```
- */
-const generateButtonPrimaryContainerClassNames = ({ isPressed = false, isDanger = false, isInverse = false, isLoading = false, twClassName = '', }) => {
-    let backgroundStyle;
-    const isPressedOrLoading = isPressed || isLoading;
-    if (isInverse && isDanger) {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-background-defaultPressed'
-            : 'bg-background-default';
-    }
-    else if (isDanger) {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-error-defaultPressed'
-            : 'bg-error-default';
-    }
-    else if (isInverse) {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-background-defaultPressed'
-            : 'bg-background-default';
-    }
-    else {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-primary-defaultPressed'
-            : 'bg-primary-default';
-    }
-    return `${backgroundStyle} ${twClassName}`;
-};
-exports.generateButtonPrimaryContainerClassNames = generateButtonPrimaryContainerClassNames;
-/**
- * Generates a Tailwind class name for the text based on the button's state.
- *
- * This function calculates the appropriate text color class for a button based on its
- * `isPressed`, `isDanger`, `isInverse`, and `isLoading` states. The returned class
- * name determines how the button's text will be styled dynamically.
- *
- * @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 for the text color.
- *
- * Example:
- * ```
- * const classNames = generateButtonPrimaryTextClassNames({
- *   isPressed: true,
- *   isDanger: false,
- *   isInverse: true,
- *   isLoading: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-text-default"
- *
- * const dangerPressed = generateButtonPrimaryTextClassNames({
- *   isPressed: true,
- *   isDanger: true,
- *   isInverse: true,
- *   isLoading: false,
- * });
- *
- * console.log(dangerPressed);
- * // Output: "text-error-defaultPressed"
- * ```
- *
- * State Priorities:
- * 1. If `isInverse` and `isDanger` are true, the class changes dynamically based on `isPressed` or `isLoading`.
- * 2. If only `isDanger` is true, the text uses `text-primary-inverse`.
- * 3. If only `isInverse` is true, the text uses `text-text-default`.
- * 4. If none of the above states are true, the text defaults to `text-primary-inverse`.
- */
-const generateButtonPrimaryTextClassNames = ({ isPressed = false, isDanger = false, isInverse = false, isLoading = false, }) => {
-    let textColor;
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    const isPressedOrLoading = isPressed || isLoading;
-    if (isDanger) {
-        textColor = 'text-primary-inverse';
-    }
-    else if (isInverse) {
-        textColor = 'text-text-default';
-    }
-    else {
-        textColor = 'text-primary-inverse';
-    }
-    if (isInverse && isDanger) {
-        const pressedOrLoading = isPressedOrLoading;
-        textColor = pressedOrLoading
-            ? 'text-error-defaultPressed'
-            : 'text-error-default';
-    }
-    return `${textColor}`;
-};
-exports.generateButtonPrimaryTextClassNames = generateButtonPrimaryTextClassNames;
-//# sourceMappingURL=ButtonPrimary.utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonPrimary.utilities.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.utilities.ts"],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACI,MAAM,wCAAwC,GAAG,CAAC,EACvD,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,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;KAC7B;SAAM,IAAI,QAAQ,EAAE;QACnB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,yBAAyB;YAC3B,CAAC,CAAC,kBAAkB,CAAC;KACxB;SAAM,IAAI,SAAS,EAAE;QACpB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,8BAA8B;YAChC,CAAC,CAAC,uBAAuB,CAAC;KAC7B;SAAM;QACL,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;IAED,OAAO,GAAG,eAAe,IAAI,WAAW,EAAE,CAAC;AAC7C,CAAC,CAAC;AA/BW,QAAA,wCAAwC,4CA+BnD;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACI,MAAM,mCAAmC,GAAG,CAAC,EAClD,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;IAElD,IAAI,QAAQ,EAAE;QACZ,SAAS,GAAG,sBAAsB,CAAC;KACpC;SAAM,IAAI,SAAS,EAAE;QACpB,SAAS,GAAG,mBAAmB,CAAC;KACjC;SAAM;QACL,SAAS,GAAG,sBAAsB,CAAC;KACpC;IACD,IAAI,SAAS,IAAI,QAAQ,EAAE;QACzB,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;QAC5C,SAAS,GAAG,gBAAgB;YAC1B,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;IAED,OAAO,GAAG,SAAS,EAAE,CAAC;AACxB,CAAC,CAAC;AA3BW,QAAA,mCAAmC,uCA2B9C","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\n/**\n * Generates a Tailwind class name for the container based on its state and optional additional classes.\n *\n * This function computes the appropriate background class name for a button's container, considering its\n * `isPressed`, `isDanger`, `isInverse`, and `isLoading` states. Additional Tailwind class names can\n * also be appended using the `twClassName` parameter.\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 combined string of Tailwind class names for the container's background styling.\n *\n * Example:\n * ```\n * const classNames = generateButtonPrimaryContainerClassNames({\n *   isPressed: true,\n *   isDanger: false,\n *   isInverse: true,\n *   isLoading: false,\n *   twClassName: 'rounded-lg',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-background-defaultPressed rounded-lg\"\n * ```\n */\nexport const generateButtonPrimaryContainerClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n  twClassName = '',\n}: Partial<ButtonPrimaryProps> & {\n  isPressed?: boolean;\n}): string => {\n  let backgroundStyle;\n  const isPressedOrLoading = isPressed || isLoading;\n\n  if (isInverse && isDanger) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-defaultPressed'\n      : 'bg-background-default';\n  } else if (isDanger) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-error-defaultPressed'\n      : 'bg-error-default';\n  } else if (isInverse) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-defaultPressed'\n      : 'bg-background-default';\n  } else {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-primary-defaultPressed'\n      : 'bg-primary-default';\n  }\n\n  return `${backgroundStyle} ${twClassName}`;\n};\n\n/**\n * Generates a Tailwind class name for the text based on the button's state.\n *\n * This function calculates the appropriate text color class for a button based on its\n * `isPressed`, `isDanger`, `isInverse`, and `isLoading` states. The returned class\n * name determines how the button's text will be styled dynamically.\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 for the text color.\n *\n * Example:\n * ```\n * const classNames = generateButtonPrimaryTextClassNames({\n *   isPressed: true,\n *   isDanger: false,\n *   isInverse: true,\n *   isLoading: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-text-default\"\n *\n * const dangerPressed = generateButtonPrimaryTextClassNames({\n *   isPressed: true,\n *   isDanger: true,\n *   isInverse: true,\n *   isLoading: false,\n * });\n *\n * console.log(dangerPressed);\n * // Output: \"text-error-defaultPressed\"\n * ```\n *\n * State Priorities:\n * 1. If `isInverse` and `isDanger` are true, the class changes dynamically based on `isPressed` or `isLoading`.\n * 2. If only `isDanger` is true, the text uses `text-primary-inverse`.\n * 3. If only `isInverse` is true, the text uses `text-text-default`.\n * 4. If none of the above states are true, the text defaults to `text-primary-inverse`.\n */\nexport const generateButtonPrimaryTextClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n}: Partial<ButtonPrimaryProps> & {\n  isPressed?: boolean;\n}): string => {\n  let textColor;\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const isPressedOrLoading = isPressed || isLoading;\n\n  if (isDanger) {\n    textColor = 'text-primary-inverse';\n  } else if (isInverse) {\n    textColor = 'text-text-default';\n  } else {\n    textColor = 'text-primary-inverse';\n  }\n  if (isInverse && isDanger) {\n    const pressedOrLoading = isPressedOrLoading;\n    textColor = pressedOrLoading\n      ? 'text-error-defaultPressed'\n      : 'text-error-default';\n  }\n\n  return `${textColor}`;\n};\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSecondary.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.constants.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGpE,eAAO,MAAM,6BAA6B,EAAE,IAAI,CAC9C,oBAAoB,EAClB,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/ButtonSecondary/ButtonSecondary.constants.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_BUTTONSECONDARY_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_BUTTONSECONDARY_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=ButtonSecondary.constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSecondary.constants.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.constants.ts"],"names":[],"mappings":";;;AAAA,iGAAkG;AAClG,wCAA0C;AAC1C,wCAA0C;AAG1C,WAAW;AACE,QAAA,6BAA6B,GAYtC;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 { ButtonSecondaryProps } from './ButtonSecondary.types';\n\n// Defaults\nexport const DEFAULT_BUTTONSECONDARY_PROPS: Pick<\n  ButtonSecondaryProps,\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/ButtonSecondary/ButtonSecondary.utilities.d.ts

@@ -1,90 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,145 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/ButtonTertiary/ButtonTertiary.constants.d.ts

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.utilities.d.ts

@@ -1,88 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}