frosted-ui 0.0.1-canary.88 → 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/esm/components/tooltip/tooltip.js

@@ -18,7 +18,7 @@ const Tooltip = (props) => {
         React.createElement(TooltipPrimitive.Portal, { container: container, forceMount: forceMount },
             React.createElement(Theme, { asChild: true },
                 React.createElement(TooltipPrimitive.Content, { sideOffset: 4, collisionPadding: 10, ...tooltipContentProps, className: classNames('fui-TooltipContent', className) },
-                    React.createElement(Text, { as: "p", className: "fui-TooltipText", size: "1" }, content),
+                    React.createElement(Text, { as: "p", className: "fui-TooltipText", size: "2" }, content),
                     React.createElement(TooltipPrimitive.Arrow, { className: "fui-TooltipArrow" }))))));
 };
 Tooltip.displayName = 'Tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frosted-ui",
-  "version": "0.0.1-canary.88",
+  "version": "0.0.1-canary.89",
   "private": false,
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",

package/styles.css

@@ -5406,15 +5406,15 @@ video {
 }
 
 .frosted-ui {
-  --cursor-button: default;
-  --cursor-checkbox: default;
+  --cursor-button: pointer;
+  --cursor-checkbox: pointer;
   --cursor-disabled: not-allowed;
   --cursor-link: pointer;
-  --cursor-menu-item: default;
-  --cursor-radio: default;
-  --cursor-slider-thumb: default;
-  --cursor-slider-thumb-active: default;
-  --cursor-switch: default;
+  --cursor-menu-item: pointer;
+  --cursor-radio: pointer;
+  --cursor-slider-thumb: pointer;
+  --cursor-slider-thumb-active: pointer;
+  --cursor-switch: pointer;
   --space-1: 4px;
   --space-2: 8px;
   --space-3: 12px;
@@ -7263,7 +7263,7 @@ video {
 
 .fui-CalendarGridCellInner {
   position: relative;
-  cursor: default;
+  cursor: var(--cursor-button);
   text-align: center;
   padding: 6px 8px;
   margin: 2px 0;
@@ -9066,7 +9066,7 @@ video {
 
 .fui-RadioButtonGroupRoot :where(.fui-RadioButtonGroupButton) {
     position: relative;
-    cursor: default;
+    cursor: var(--cursor-button);
     -webkit-user-select: none;
             user-select: none;
   }
@@ -11348,15 +11348,15 @@ video {
 
 .fui-TooltipContent {
   padding: var(--space-1) var(--space-2);
-  background-color: var(--color-panel-translucent);
-  -webkit-backdrop-filter: var(--backdrop-filter-panel);
-  backdrop-filter: var(--backdrop-filter-panel);
+  background-color: var(--gray-12);
+  color: var(--gray-1);
 
   border-radius: var(--radius-4);
-  border: 1px solid var(--gray-a6);
-  outline: 0.5px solid var(--color-tooltip-outline);
 
-  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);
+  box-shadow:
+    0 4px 16px -8px rgba(0, 0, 0, 0.08),
+    0 3px 12px -4px rgba(0, 0, 0, 0.05),
+    0 2px 3px -2px rgba(0, 0, 61, 0.05);
 
   transform-origin: var(--radix-tooltip-content-transform-origin);
 
@@ -11380,14 +11380,14 @@ video {
   }
 
 .fui-TooltipText {
-  color: var(--gray-12);
+  color: var(--gray-1);
   -webkit-user-select: none;
           user-select: none;
   cursor: default;
 }
 
 .fui-TooltipArrow {
-  fill: transparent;
+  fill: var(--gray-12);
 }
 
 .fui-WidgetStackStack {