@orion-ds/react 1.2.1 → 1.2.3

package/README.md

@@ -30,13 +30,28 @@ pnpm add @orion/react @orion/core
 yarn add @orion/react @orion/core
 \`\`\`
 
+## Required CSS Imports
+
+> **⚠️ IMPORTANT**: Both CSS files are **REQUIRED** for components to render correctly.
+
+\`\`\`tsx
+// In your app entry file (e.g., main.tsx, App.tsx)
+import '@orion-ds/core/theme.css';       // Design tokens - REQUIRED
+import '@orion-ds/react/dist/react.css'; // Component styles - REQUIRED
+\`\`\`
+
+Missing either import will result in unstyled or broken components. In development, ThemeProvider will warn you if `react.css` is missing.
+
 ## Quick Start
 
 \`\`\`tsx
-import { Button, Card, Field, useTheme, ThemeProvider } from '@orion-ds/react';
+// 1. Import BOTH CSS files (required!)
 import '@orion-ds/core/theme.css';
 import '@orion-ds/react/dist/react.css';
 
+// 2. Import components
+import { Button, Card, Field, useTheme, ThemeProvider } from '@orion-ds/react';
+
 function App() {
   return (
     <ThemeProvider>  {/* Fonts load automatically! */}

package/dist/contexts/ThemeContext.d.ts

@@ -59,6 +59,12 @@ export interface ThemeProviderProps {
      * @default false
      */
     disableAutoFontLoading?: boolean;
+    /**
+     * Disable CSS import warnings in development
+     * When false (default), a warning is shown if react.css is not imported.
+     * @default false
+     */
+    disableCSSWarnings?: boolean;
 }
 /**
  * ThemeProvider Component
@@ -66,7 +72,7 @@ export interface ThemeProviderProps {
  * Wraps your application to provide global theme and brand state.
  * Must be placed near the root of your application.
  */
-export declare function ThemeProvider({ children, options, disableFontWarnings, disableAutoFontLoading, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, options, disableFontWarnings, disableAutoFontLoading, disableCSSWarnings, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access global theme state
  *

package/dist/contexts/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAgD,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAA4B,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAS9F;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,mBAA2B,EAC3B,sBAA8B,GAC/B,EAAE,kBAAkB,2CAoDpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,IAAI,cAAc,CAmBhD"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAgD,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAA4B,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAqB9F;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,mBAA2B,EAC3B,sBAA8B,EAC9B,kBAA0B,GAC3B,EAAE,kBAAkB,2CAmFpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,IAAI,cAAc,CAmBhD"}