@fluityy/designsystem 0.2.13 → 0.2.15

package/dist/styles.css

@@ -16,16 +16,16 @@
   --flui-color-accent-scale-700: #8ab000;
   --flui-color-accent-scale-800: #638000;
   --flui-color-accent-scale-900: #1a2200;
-  --flui-color-brand-50: #e8eeff;
-  --flui-color-brand-100: #ccd5ff;
-  --flui-color-brand-200: #99abff;
-  --flui-color-brand-300: #6680ff;
-  --flui-color-brand-400: #3355ff;
-  --flui-color-brand-500: #0033d6;
-  --flui-color-brand-600: #0029b0;
-  --flui-color-brand-700: #001f8a;
-  --flui-color-brand-800: #001566;
-  --flui-color-brand-900: #000b42;
+  --flui-color-brand-50: #eff2ff;
+  --flui-color-brand-100: #dde3ff;
+  --flui-color-brand-200: #b8c5ff;
+  --flui-color-brand-300: #8aa1ff;
+  --flui-color-brand-400: #5478f8;
+  --flui-color-brand-500: #2554ef;
+  --flui-color-brand-600: #1a40c7;
+  --flui-color-brand-700: #142fa0;
+  --flui-color-brand-800: #0e2073;
+  --flui-color-brand-900: #08144a;
   --flui-color-neutral-0: #ffffff;
   --flui-color-neutral-50: #f7f8fa;
   --flui-color-neutral-100: #f3f4f7;
@@ -72,6 +72,7 @@
   --flui-radius-xl: 24px;
   --flui-radius-full: 9999px;
   --flui-shadow-sm: 0 1px 2px rgba(19, 21, 27, 0.06);
+  --flui-shadow-xs: 0 1px 2px rgba(19, 21, 27, 0.10);
   --flui-shadow-md: 0 4px 12px rgba(19, 21, 27, 0.10);
   --flui-shadow-lg: 0 12px 32px rgba(19, 21, 27, 0.14);
   --flui-font-family-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
@@ -181,6 +182,30 @@
   --color-toast-danger-bg: #2d0808;
 }
 
+/* button-vars.css */
+/* Tokens locais do botão raised (variantes neutras) — alternam por modo */
+:root {
+  --flui-btn-raised-highlight: rgba(255, 255, 255, 0.6);
+  --flui-btn-raised-highlight-hover: rgba(255, 255, 255, 0.7);
+  --flui-btn-raised-lip: rgba(0, 0, 0, 0.06);
+  --flui-btn-raised-lip-hover: rgba(0, 0, 0, 0.07);
+  --flui-btn-raised-lip-active: rgba(0, 0, 0, 0.08);
+  --flui-btn-raised-stroke: rgba(0, 0, 0, 0.06);
+  --flui-btn-raised-stroke-hover: rgba(0, 0, 0, 0.07);
+  --flui-btn-raised-stroke-active: rgba(0, 0, 0, 0.08);
+}
+
+[data-theme="dark"] {
+  --flui-btn-raised-highlight: rgba(255, 255, 255, 0.08);
+  --flui-btn-raised-highlight-hover: rgba(255, 255, 255, 0.12);
+  --flui-btn-raised-lip: rgba(0, 0, 0, 0.32);
+  --flui-btn-raised-lip-hover: rgba(0, 0, 0, 0.36);
+  --flui-btn-raised-lip-active: rgba(0, 0, 0, 0.4);
+  --flui-btn-raised-stroke: rgba(255, 255, 255, 0.06);
+  --flui-btn-raised-stroke-hover: rgba(255, 255, 255, 0.08);
+  --flui-btn-raised-stroke-active: rgba(255, 255, 255, 0.1);
+}
+
 /* tokens.dark.css */
 /**
  * Do not edit directly, this file was auto-generated.
@@ -306,9 +331,12 @@
   /* paleta primitiva (para swatches/utilitários quando necessário) */
   --color-brand-50: var(--flui-color-brand-50);
   --color-brand-100: var(--flui-color-brand-100);
-  --color-brand-800: var(--flui-color-brand-800);
+  --color-brand-300: var(--flui-color-brand-300);
+  --color-brand-400: var(--flui-color-brand-400);
   --color-brand-500: var(--flui-color-brand-500);
   --color-brand-600: var(--flui-color-brand-600);
+  --color-brand-700: var(--flui-color-brand-700);
+  --color-brand-800: var(--flui-color-brand-800);
   --color-neutral-100: var(--flui-color-neutral-100);
   --color-neutral-500: var(--flui-color-neutral-500);
   --color-neutral-800: var(--flui-color-neutral-800);
@@ -357,6 +385,7 @@
 
   /* sombras */
   --shadow-sm: var(--flui-shadow-sm);
+  --shadow-xs: var(--flui-shadow-xs);
   --shadow-md: var(--flui-shadow-md);
   --shadow-lg: var(--flui-shadow-lg);
 }

package/dist/theme/ThemeProvider.d.ts

@@ -7,6 +7,8 @@ export type ColorMode = "light" | "dark" | "system";
  */
 export type Brand = "default" | (string & {});
 export type RadiusScale = "sharp" | "default" | "soft" | "round";
+/** Estilo global dos botões. "raised" remapeia variantes pra versão com shadow 3D. */
+export type ButtonStyle = "normal" | "raised";
 interface ThemeContextValue {
     /** Preferência escolhida (pode ser "system"). */
     mode: ColorMode;
@@ -14,9 +16,11 @@ interface ThemeContextValue {
     resolvedMode: "light" | "dark";
     brand: Brand;
     radius: RadiusScale;
+    buttonStyle: ButtonStyle;
     setMode: (mode: ColorMode) => void;
     setBrand: (brand: Brand) => void;
     setRadius: (radius: RadiusScale) => void;
+    setButtonStyle: (style: ButtonStyle) => void;
     /** Alterna entre claro e escuro (resolve "system" antes). */
     toggleMode: () => void;
 }
@@ -28,12 +32,16 @@ export interface ThemeProviderProps {
     defaultBrand?: Brand;
     /** Escala de radius inicial caso não haja preferência salva. Padrão: "default". */
     defaultRadius?: RadiusScale;
+    /** Estilo padrão dos botões. Padrão: "normal". */
+    defaultButtonStyle?: ButtonStyle;
     /**
-     * Onde aplicar os atributos data-theme / data-brand / data-radius.
+     * Onde aplicar os atributos data-theme / data-brand / data-radius / data-button-style.
      * Padrão: document.documentElement (escopo global do app).
      */
     target?: () => HTMLElement | null;
 }
-export declare function ThemeProvider({ children, defaultMode, defaultBrand, defaultRadius, target, }: ThemeProviderProps): import("react").JSX.Element;
+export declare function ThemeProvider({ children, defaultMode, defaultBrand, defaultRadius, defaultButtonStyle, target, }: ThemeProviderProps): import("react").JSX.Element;
 export declare function useTheme(): ThemeContextValue;
+/** Versão opcional do hook — retorna null se não houver ThemeProvider. */
+export declare function useThemeOptional(): ThemeContextValue | null;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluityy/designsystem",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "private": false,
   "type": "module",
   "description": "Flui Design System — componentes React com Tailwind v4 e tokens semânticos",
@@ -12,6 +12,13 @@
     "ui"
   ],
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Fluity-AI/designsystem.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",