@cratis/components 1.10.2 → 2.0.0

package/dist/esm/Toolbar/Toolbar.css

@@ -3,32 +3,32 @@
 
 /* ── Toolbar container ───────────────────────────────────────────────────── */
 .toolbar {
-    background: var(--surface-card);
-    border: 1px solid var(--surface-border);
+    background: var(--cratis-surface-card);
+    border: 1px solid var(--cratis-surface-border);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 }
 
 /* ── Toolbar button ──────────────────────────────────────────────────────── */
 .toolbar-button {
-    color: var(--text-color-secondary);
+    color: var(--cratis-text-color-secondary);
     background: transparent;
     border: none;
     transition: background 0.15s, color 0.15s;
 }
 
 .toolbar-button:hover {
-    background: var(--surface-100);
-    color: var(--text-color);
+    background: var(--cratis-surface-100);
+    color: var(--cratis-text-color);
 }
 
 .toolbar-button--active {
-    background: var(--primary-color);
-    color: var(--primary-color-text);
+    background: var(--cratis-primary-color);
+    color: var(--cratis-primary-color-text);
 }
 
 .toolbar-button--active:hover {
-    background: var(--primary-color);
-    color: var(--primary-color-text);
+    background: var(--cratis-primary-color);
+    color: var(--cratis-primary-color-text);
 }
 
 .toolbar-button--draggable {
@@ -51,7 +51,7 @@
     padding: 0 8px;
     font-size: 0.875rem;
     font-weight: 500;
-    color: var(--text-color);
+    color: var(--cratis-text-color);
     white-space: nowrap;
 }
 
@@ -100,7 +100,7 @@
 /* ── Toolbar separator ───────────────────────────────────────────────────── */
 
 .toolbar-separator {
-    background: var(--surface-border);
+    background: var(--cratis-surface-border);
     flex-shrink: 0;
     align-self: stretch;
 }
@@ -142,8 +142,8 @@
     align-items: center;
     gap: 0.25rem;
     padding: 0.5rem;
-    background: var(--surface-card);
-    border: 1px solid var(--surface-border);
+    background: var(--cratis-surface-card);
+    border: 1px solid var(--cratis-surface-border);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
     border-radius: 1rem;
     white-space: nowrap;
@@ -163,6 +163,23 @@
     clip-path: inset(0 0 0 100% round 1rem);
 }
 
+.toolbar-fanout-panel--up {
+    top: auto;
+    right: auto;
+    bottom: calc(100% + 0.5rem);
+    left: 50%;
+    transform: translateX(-50%);
+    clip-path: inset(100% 0 0 0 round 1rem);
+}
+
+.toolbar-fanout-panel--down {
+    top: calc(100% + 0.5rem);
+    right: auto;
+    left: 50%;
+    transform: translateX(-50%);
+    clip-path: inset(0 0 100% 0 round 1rem);
+}
+
 /* Expanded state — fully visible, pointer events restored */
 .toolbar-fanout-panel--visible {
     clip-path: inset(0 0 0 0 round 1rem);
@@ -190,8 +207,8 @@
     grid-auto-rows: minmax(2.5rem, auto);
     gap: 0.25rem;
     padding: 0.5rem;
-    background: var(--surface-card);
-    border: 1px solid var(--surface-border);
+    background: var(--cratis-surface-card);
+    border: 1px solid var(--cratis-surface-border);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
     border-radius: 1rem;
     z-index: 10;
@@ -262,8 +279,8 @@
  * of a standalone Toolbar.
  */
 .toolbar-group {
-    background: var(--surface-card);
-    border: 1px solid var(--surface-border);
+    background: var(--cratis-surface-card);
+    border: 1px solid var(--cratis-surface-border);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 }
 

package/dist/esm/Toolbar/ToolbarFanOutItem.d.ts

@@ -5,7 +5,7 @@ export interface ToolbarFanOutItemProps {
     icon: Icon;
     tooltip: string;
     tooltipPosition?: TooltipPosition;
-    fanOutDirection?: 'right' | 'left';
+    fanOutDirection?: 'right' | 'left' | 'up' | 'down';
     children: ReactNode;
 }
 export declare const ToolbarFanOutItem: ({ icon, tooltip, tooltipPosition, fanOutDirection, children, }: ToolbarFanOutItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Toolbar/ToolbarFanOutItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarFanOutItem.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarFanOutItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,MAAM,WAAW,sBAAsB;IAEnC,IAAI,EAAE,IAAI,CAAC;IAGX,OAAO,EAAE,MAAM,CAAC;IAGhB,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAGnC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAYD,eAAO,MAAM,iBAAiB,GAAI,gEAM/B,sBAAsB,4CA8CxB,CAAC"}
+{"version":3,"file":"ToolbarFanOutItem.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarFanOutItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,MAAM,WAAW,sBAAsB;IAEnC,IAAI,EAAE,IAAI,CAAC;IAGX,OAAO,EAAE,MAAM,CAAC;IAGhB,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;IAGnD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAYD,eAAO,MAAM,iBAAiB,GAAI,gEAM/B,sBAAsB,4CA8CxB,CAAC"}

package/dist/esm/index.d.ts

@@ -14,4 +14,5 @@ import * as TimeMachine from './TimeMachine';
 import * as Toolbar from './Toolbar';
 import * as Types from './types';
 export { CommandDialog, CommandStepper, CommandForm, Common, DataPage, DataTables, Dialogs, Dropdown, ObjectContentEditor, ObjectNavigationalBar, PivotViewer, SchemaEditor, TimeMachine, Toolbar, Types, };
+export { CratisComponentsProvider, cratisDefaults, mergeCratisComponentsConfig, type CratisComponentsConfig, type CratisComponentsProviderProps, } from './Common/CratisComponentsProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,qBAAqB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,EACH,aAAa,EACb,cAAc,EACd,WAAW,EACX,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,OAAO,EACP,KAAK,GACR,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,qBAAqB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,EACH,aAAa,EACb,cAAc,EACd,WAAW,EACX,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,OAAO,EACP,KAAK,GACR,CAAC;AAKF,OAAO,EACH,wBAAwB,EACxB,cAAc,EACd,2BAA2B,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,6BAA6B,GACrC,MAAM,mCAAmC,CAAC"}

package/dist/esm/index.js

@@ -27,4 +27,5 @@ import * as index$c from './Toolbar/index.js';
 export { index$c as Toolbar };
 import * as index$d from './types/index.js';
 export { index$d as Types };
+export { CratisComponentsProvider, cratisDefaults, mergeCratisComponentsConfig } from './Common/CratisComponentsProvider.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}