@rafal.lemieszewski/tide-ui 0.49.0 → 0.50.0

package/dist/components/fundamental/custom-icons.d.ts

@@ -42,6 +42,7 @@ export declare const customIcons: {
     readonly "contract-failed": import("react/jsx-runtime").JSX.Element;
     readonly approved: import("react/jsx-runtime").JSX.Element;
     readonly "pending-approval": import("react/jsx-runtime").JSX.Element;
+    readonly "info-filled": import("react/jsx-runtime").JSX.Element;
 };
 export type CustomIconName = keyof typeof customIcons;
 export declare function addCustomIcon(name: string, iconElement: React.ReactNode): void;

package/dist/components/fundamental/icon.d.ts

@@ -4,16 +4,16 @@ declare const iconColors: {
     readonly primary: "text-[var(--color-icon-primary)]";
     readonly secondary: "text-[var(--color-icon-secondary)]";
     readonly tertiary: "text-[var(--color-icon-tertiary)]";
-    readonly "tertiary-hover": "text-[var(--color-icon-tertiary-hover)]";
+    readonly "tertiary-hover": "text-[var(--color-icon-tertiary-hovered)]";
     readonly disabled: "text-[var(--color-icon-disabled)]";
-    readonly "neutral-selected": "text-[var(--color-icon-neutral-selected)]";
-    readonly information: "text-[var(--color-icon-information)]";
-    readonly success: "text-[var(--color-icon-success)]";
-    readonly error: "text-[var(--color-icon-error)]";
-    readonly warning: "text-[var(--color-icon-warning)]";
-    readonly selected: "text-[var(--color-icon-selected)]";
-    readonly brand: "text-[var(--color-icon-brand)]";
-    readonly "brand-hover": "text-[var(--color-icon-brand-hover)]";
+    readonly "neutral-selected": "text-[var(--color-icon-neutral-bold-selected)]";
+    readonly information: "text-[var(--color-icon-info-bold)]";
+    readonly success: "text-[var(--color-icon-success-bold)]";
+    readonly error: "text-[var(--color-icon-error-bold)]";
+    readonly warning: "text-[var(--color-icon-warning-bold)]";
+    readonly selected: "text-[var(--color-icon-brand-bold-selected)]";
+    readonly brand: "text-[var(--color-icon-brand-bold)]";
+    readonly "brand-hover": "text-[var(--color-icon-brand-bold-hovered)]";
     readonly "on-action": "text-[var(--color-icon-on-action)]";
     readonly inverse: "text-[var(--color-icon-inverse)]";
     readonly violet: "text-[var(--violet-500)]";

package/dist/components/fundamental/label.d.ts

@@ -1,7 +1,14 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    color?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
+    /** Show asterisk for required fields */
+    required?: boolean;
+    /** Info tooltip text - shows info icon with tooltip when provided */
+    info?: string;
 }
 declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/components/fundamental/tooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const TooltipProvider: ({ delayDuration, ...props }: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>) => import("react/jsx-runtime").JSX.Element;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/index.d.ts

@@ -91,12 +91,12 @@ export declare const designTokens: {
         readonly secondary: "var(--color-surface-secondary)";
         readonly textPrimary: "var(--color-text-primary)";
         readonly textSecondary: "var(--color-text-secondary)";
-        readonly textBrand: "var(--color-text-brand)";
-        readonly backgroundBrand: "var(--color-background-brand)";
-        readonly backgroundBrandSelected: "var(--color-background-brand-selected)";
+        readonly textBrand: "var(--color-text-brand-bold)";
+        readonly backgroundBrand: "var(--color-background-blue-bold)";
+        readonly backgroundBrandSelected: "var(--color-background-blue-subtle-selected)";
         readonly borderPrimary: "var(--color-border-primary-subtle)";
-        readonly borderBrand: "var(--color-border-brand)";
-        readonly borderFocus: "var(--color-border-focus)";
+        readonly borderBrand: "var(--color-border-brand-bold)";
+        readonly borderFocus: "var(--color-border-focused)";
     };
     readonly spacing: {
         readonly xsm: "var(--space-xsm)";

package/dist/components/product/data-table.d.ts

@@ -161,7 +161,7 @@ export interface DataTableProps<TData, TValue> {
      * @example
      * expandingRowColors={{
      *   expandedParent: 'var(--blue-50)',
-     *   collapsedParent: 'var(--color-background-neutral-subtle)',
+     *   collapsedParent: 'var(--color-background-neutral-subtlest)',
      *   children: 'var(--blue-25)'
      * }}
      */