@metamask-previews/design-system-react-native 0.0.0-preview.8561168 → 0.0.0-preview.85a0952

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"}

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

@@ -1,147 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateButtonTertiaryTextClassNames = exports.generateButtonTertiaryContainerClassNames = void 0;
-/**
- * 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.
- */
-const generateButtonTertiaryContainerClassNames = ({ isPressed = false, isDanger = false, isInverse = false, isLoading = false, twClassName = '', }) => {
-    let backgroundStyle, borderColorStyle;
-    let borderWidthStyle = 'border-0';
-    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-mutedPressed'
-            : 'border-transparent';
-    }
-    else if (isInverse) {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-background-pressed'
-            : 'bg-transparent';
-        borderColorStyle = 'border-primary-inverse';
-        borderWidthStyle = 'border-[1.5px]';
-    }
-    else {
-        backgroundStyle = isPressedOrLoading
-            ? 'bg-background-pressed'
-            : 'bg-transparent';
-        borderColorStyle = isPressedOrLoading
-            ? 'border-background-pressed'
-            : 'border-transparent';
-    }
-    return `${backgroundStyle} ${borderWidthStyle} ${borderColorStyle} ${twClassName}`;
-};
-exports.generateButtonTertiaryContainerClassNames = generateButtonTertiaryContainerClassNames;
-/**
- * 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`.
- */
-const generateButtonTertiaryTextClassNames = ({ 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 = isPressedOrLoading
-            ? 'text-primary-defaultPressed'
-            : 'text-primary-default';
-    }
-    return `${textColor}`;
-};
-exports.generateButtonTertiaryTextClassNames = generateButtonTertiaryTextClassNames;
-//# sourceMappingURL=ButtonTertiary.utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTertiary.utilities.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.utilities.ts"],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACI,MAAM,yCAAyC,GAAG,CAAC,EACxD,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,EAAE,gBAAgB,CAAC;IACtC,IAAI,gBAAgB,GAAG,UAAU,CAAC;IAElC,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,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;SAAM,IAAI,SAAS,EAAE;QACpB,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,wBAAwB,CAAC;QAC5C,gBAAgB,GAAG,gBAAgB,CAAC;KACrC;SAAM;QACL,eAAe,GAAG,kBAAkB;YAClC,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,gBAAgB,CAAC;QACrB,gBAAgB,GAAG,kBAAkB;YACnC,CAAC,CAAC,2BAA2B;YAC7B,CAAC,CAAC,oBAAoB,CAAC;KAC1B;IAED,OAAO,GAAG,eAAe,IAAI,gBAAgB,IAAI,gBAAgB,IAAI,WAAW,EAAE,CAAC;AACrF,CAAC,CAAC;AA5CW,QAAA,yCAAyC,6CA4CpD;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACI,MAAM,oCAAoC,GAAG,CAAC,EACnD,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,kBAAkB;YAC5B,CAAC,CAAC,6BAA6B;YAC/B,CAAC,CAAC,sBAAsB,CAAC;KAC5B;IAED,OAAO,GAAG,SAAS,EAAE,CAAC;AACxB,CAAC,CAAC;AA5BW,QAAA,oCAAoC,wCA4B/C","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\n/**\n * Generates Tailwind class names for a tertiary button's container based on its state.\n *\n * This function calculates the background, border color, and border width styles dynamically\n * depending on the button's state (`isPressed`, `isDanger`, `isInverse`, `isLoading`). It also\n * allows additional Tailwind classes to 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 string containing the combined Tailwind class names for the container's background,\n * border styles, and any additional classes.\n *\n * Example:\n * ```\n * const classNames = generateButtonTertiaryContainerClassNames({\n *   isPressed: true,\n *   isDanger: true,\n *   isInverse: false,\n *   isLoading: false,\n *   twClassName: 'rounded-full',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-error-mutedPressed border-0 border-error-mutedPressed rounded-full\"\n *\n * const inverseClassNames = generateButtonTertiaryContainerClassNames({\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, styles are dynamically determined based on `isPressed` or `isLoading`.\n * 2. If only `isDanger` is true, the styles reflect error-related colors with no borders.\n * 3. If only `isInverse` is true, a border width is added along with inverse-specific styles.\n * 4. If none of the above states are true, default styles are applied for a non-danger, non-inverse tertiary button.\n */\nexport const generateButtonTertiaryContainerClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n  twClassName = '',\n}: Partial<ButtonTertiaryProps> & {\n  isPressed?: boolean;\n}): string => {\n  let backgroundStyle, borderColorStyle;\n  let borderWidthStyle = 'border-0';\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-mutedPressed'\n      : 'border-transparent';\n  } else if (isInverse) {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-pressed'\n      : 'bg-transparent';\n    borderColorStyle = 'border-primary-inverse';\n    borderWidthStyle = 'border-[1.5px]';\n  } else {\n    backgroundStyle = isPressedOrLoading\n      ? 'bg-background-pressed'\n      : 'bg-transparent';\n    borderColorStyle = isPressedOrLoading\n      ? 'border-background-pressed'\n      : 'border-transparent';\n  }\n\n  return `${backgroundStyle} ${borderWidthStyle} ${borderColorStyle} ${twClassName}`;\n};\n\n/**\n * Generates Tailwind class names for a tertiary button's text styling based on its state.\n *\n * This function determines the appropriate text color class name for a tertiary button\n * by evaluating the current states (`isPressed`, `isDanger`, `isInverse`, `isLoading`).\n * The returned class name dynamically reflects the button's 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 containing the Tailwind class name for the button's text color.\n *\n * Example:\n * ```\n * const classNames = generateButtonTertiaryTextClassNames({\n *   isPressed: true,\n *   isDanger: true,\n *   isInverse: false,\n *   isLoading: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-error-defaultPressed\"\n *\n * const defaultClassNames = generateButtonTertiaryTextClassNames({});\n *\n * console.log(defaultClassNames);\n * // Output: \"text-primary-default\"\n * ```\n *\n * State Priorities:\n * 1. If `isInverse` and `isDanger` are true, the text color is determined dynamically based on `isPressed` or `isLoading`.\n * 2. If only `isDanger` is true, the text color defaults to `text-error-default` or `text-error-defaultPressed` depending on the state.\n * 3. If only `isInverse` is true, the text color is `text-primary-inverse`.\n * 4. If none of the above states are true, the text color defaults to `text-primary-default`.\n */\nexport const generateButtonTertiaryTextClassNames = ({\n  isPressed = false,\n  isDanger = false,\n  isInverse = false,\n  isLoading = false,\n}: Partial<ButtonTertiaryProps> & {\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 = isPressedOrLoading\n      ? 'text-primary-defaultPressed'\n      : 'text-primary-default';\n  }\n\n  return `${textColor}`;\n};\n"]}

package/dist/components/ButtonIcon/ButtonIcon.utilities.d.ts

@@ -1,55 +0,0 @@
-import type { IconColor } from '../Icon';
-import type { ButtonIconProps } from './ButtonIcon.types';
-/**
- * Generates a Tailwind class name string for the icon button container.
- *
- * This function constructs a class name string based on the button icon's `size`,
- * `isDisabled`, `isPressed`, `isFloating`, and optional additional Tailwind class names.
- *
- * @param isDisabled - Determines whether the button is disabled, affecting opacity.
- * @param isPressed - Determines whether the button is pressed, affecting background color.
- * @param isFloating - Determines whether the button should have a floating, rounded appearance.
- * @param size - The size of the button in pixels.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A string of Tailwind class names representing the button icon's container styles.
- *
- * Example:
- * ```
- * const classNames = generateButtonIconContainerClassNames({
- *   isDisabled: true,
- *   isPressed: false,
- *   isFloating: true,
- *   size: 48,
- *   twClassName: 'border border-blue-500',
- * });
- *
- * console.log(classNames);
- * // Output: "items-center justify-center rounded-full h-[48px] w-[48px] bg-icon-default opacity-50 border border-blue-500"
- * ```
- */
-export declare const generateButtonIconContainerClassNames: ({ isDisabled, isPressed, isFloating, size, twClassName, }: Partial<ButtonIconProps> & {
-    isPressed?: boolean | undefined;
-}) => string;
-/**
- * Generates a Tailwind class name string for the icon color of a button icon.
- *
- * This function determines the appropriate icon color class based on whether
- * the button icon is using an inverse theme or is floating.
- *
- * @param isInverse - Determines if the button icon should use an inverse theme, affecting text color.
- * @param isFloating - Determines if the button icon is floating, affecting text color.
- * @returns A string representing the Tailwind class name for the button icon color.
- *
- * Example:
- * ```
- * const classNames = generateButtonIconIconColorClassNames({
- *   isInverse: true,
- *   isFloating: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-primary-inverse"
- * ```
- */
-export declare const generateButtonIconIconColorClassNames: ({ isInverse, isFloating, }: Partial<ButtonIconProps>) => IconColor;
-//# sourceMappingURL=ButtonIcon.utilities.d.ts.map

package/dist/components/ButtonIcon/ButtonIcon.utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,qCAAqC;;MAQ9C,MAgBH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,qCAAqC,+BAG/C,QAAQ,eAAe,CAAC,KAAG,SAK7B,CAAC"}