@nattstack/ui 0.0.3 → 0.0.4

package/dist/components/{button.module-EYMY7VLZ.module.css → button.module-7VWY2WUV.module.css}

@@ -20,7 +20,7 @@
   outline-width: 0px;
   overflow: hidden;
   transition-duration: 150ms;
-  transition-property: background-color, box-shadow, opacity, translate;
+  transition-property: background-color, opacity, translate;
   user-select: none;
 }
 

package/dist/components/index.d.ts

@@ -244,11 +244,12 @@ declare const TEXTAREA_CLASS_NAME: {
     };
 };
 
-interface TooltipProps extends Tooltip$1.Root.Props {
+interface TooltipProps extends Omit<Tooltip$1.Root.Props, "disabled"> {
+    isDisabled?: Tooltip$1.Root.Props["disabled"];
 }
 declare function Tooltip(props: TooltipProps): JSX.Element;
 
-interface TooltipContentProps extends Pick<Tooltip$1.Positioner.Props, "side">, Tooltip$1.Popup.Props {
+interface TooltipContentProps extends Pick<Tooltip$1.Positioner.Props, "side" | "sideOffset">, Tooltip$1.Popup.Props {
 }
 declare function TooltipContent(props: TooltipContentProps): JSX.Element;
 declare const TOOLTIP_CONTENT_CLASS_NAME: {

package/dist/components/index.js

@@ -15,7 +15,7 @@ function normalizeWhitespace(value) {
 }
 
 // src/components/button/button.tsx
-import styles2 from "./button.module-EYMY7VLZ.module.css";
+import styles2 from "./button.module-7VWY2WUV.module.css";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Button(props) {
   const {
@@ -354,7 +354,7 @@ var INPUT_CLASS_NAME = {
 };
 
 // src/components/label/label.tsx
-import styles10 from "./label.module-HUBUIUFV.module.css";
+import styles10 from "./label.module-NYFSR6AT.module.css";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function Label(props) {
   const { className: customClassName = "", htmlFor = void 0, children = "", ...rest } = props;
@@ -767,17 +767,16 @@ var TEXTAREA_CLASS_NAME = {
 import { Tooltip as BaseTooltip } from "@base-ui/react";
 import { jsx as jsx26 } from "react/jsx-runtime";
 function Tooltip(props) {
-  const { ...rest } = props;
-  return /* @__PURE__ */ jsx26(BaseTooltip.Root, { "data-slot": "tooltip", disableHoverablePopup: true, ...rest });
+  const { isDisabled = false, ...rest } = props;
+  return /* @__PURE__ */ jsx26(BaseTooltip.Root, { "data-slot": "tooltip", disabled: isDisabled, disableHoverablePopup: true, ...rest });
 }
 
 // src/components/tooltip/tooltip-content.tsx
 import { Tooltip as BaseTooltip2 } from "@base-ui/react";
-import styles26 from "./tooltip-content.module-5MWTMSBY.module.css";
+import styles26 from "./tooltip-content.module-QGRFS5NN.module.css";
 import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
 function TooltipContent(props) {
-  const { children, className: customClassName = "", side = "top", ...rest } = props;
-  const SIDE_OFFSET = 4;
+  const { children, className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
   const combinedClassName = normalizeWhitespace(`
     ${TOOLTIP_CONTENT_CLASS_NAME.BASE}
     ${customClassName}
@@ -787,7 +786,7 @@ function TooltipContent(props) {
     {
       className: styles26.tooltip_content_positioner,
       side,
-      sideOffset: SIDE_OFFSET,
+      sideOffset,
       children: [
         /* @__PURE__ */ jsx27(BaseTooltip2.Popup, { className: combinedClassName, "data-slot": "tooltip-content", ...rest, children }),
         /* @__PURE__ */ jsx27(BaseTooltip2.Arrow, {})

package/dist/components/{label.module-HUBUIUFV.module.css → label.module-NYFSR6AT.module.css}

@@ -2,8 +2,8 @@
 /* Base */
 /* ===================================================== */
 .label {
-  width: fit-content;
+  color: var(--color-gray-11);
   font-size: 13px;
   font-weight: 500;
-  color: var(--color-gray-11, #646464);
+  width: fit-content;
 }

package/dist/components/tooltip-content.module-QGRFS5NN.module.css

@@ -0,0 +1,18 @@
+.tooltip_content {
+  background-color: var(--color-gray-dark-1);
+  border-radius: 8px;
+  color: var(--color-gray-dark-12);
+  font-size: 13px;
+  font-weight: 500;
+  padding: 4px 8px;
+}
+
+.tooltip_content_positioner {
+  isolation: isolate;
+  z-index: 50;
+}
+
+:global(.dark) .tooltip_content {
+  background-color: var(--color-gray-light-1);
+  color: var(--color-gray-light-12);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "components",

package/dist/components/tooltip-content.module-5MWTMSBY.module.css

@@ -1,13 +0,0 @@
-.tooltip_content {
-  background-color: var(--color-gray-1);
-  border-radius: 8px;
-  border: 1px solid var(--color-gray-4);
-  color: var(--color-gray-12);
-  font-size: 14px;
-  padding: 4px 8px;
-}
-
-.tooltip_content_positioner {
-  isolation: isolate;
-  z-index: 50;
-}