frosted-ui 0.0.1-canary.87 → 0.0.1-canary.89

package/dist/cjs/components/tooltip/tooltip.js

@@ -22,7 +22,7 @@ const Tooltip = (props) => {
         React.createElement(radix_ui_1.Tooltip.Portal, { container: container, forceMount: forceMount },
             React.createElement(theme_1.Theme, { asChild: true },
                 React.createElement(radix_ui_1.Tooltip.Content, { sideOffset: 4, collisionPadding: 10, ...tooltipContentProps, className: (0, classnames_1.default)('fui-TooltipContent', className) },
-                    React.createElement(text_1.Text, { as: "p", className: "fui-TooltipText", size: "1" }, content),
+                    React.createElement(text_1.Text, { as: "p", className: "fui-TooltipText", size: "2" }, content),
                     React.createElement(radix_ui_1.Tooltip.Arrow, { className: "fui-TooltipArrow" }))))));
 };
 exports.Tooltip = Tooltip;

package/dist/cjs/helpers/emoji-colors.d.ts

@@ -0,0 +1,20 @@
+import type { radixColorScales } from './radix-colors';
+export type ColorScale = (typeof radixColorScales)[number] | 'gray';
+/**
+ * Maps emojis to their corresponding color scale in the Frosted UI color system.
+ * The color is determined by analyzing the dominant color of the emoji and matching
+ * it to the closest color-9 shade in our color palette.
+ */
+export declare const emojiColorMap: Record<string, ColorScale>;
+/**
+ * Gets the color scale for a given emoji.
+ * Returns `undefined` if the emoji is not found, allowing developers to provide their own fallback.
+ *
+ * @param emoji - The emoji string to look up
+ * @returns The corresponding ColorScale or `undefined` if not found
+ *
+ * @example
+ * const color = getColorForEmoji('❤️') ?? 'gray'; // Use 'gray' as fallback
+ * const color = getColorForEmoji('❤️') || 'red';  // Use 'red' as fallback
+ */
+export declare function getColorForEmoji(emoji: string): ColorScale | undefined;