flikkui 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/components/core/Badge/Badge.theme.js

@@ -4,12 +4,12 @@
 var badgeTheme = {
     baseStyle: '',
     variants: {
-        default: 'bg-white text-gray-600 ring-1 ring-gray-500/20',
-        primary: 'bg-[var(--color-primary-50)] text-primary ring-1 ring-primary/10',
-        secondary: 'bg-gray-100 text-gray-700 ring-1 ring-gray-900/10',
-        success: 'bg-[var(--color-success-50)] text-[var(--color-success-700)] ring-1 ring-success/20',
-        warning: 'bg-[var(--color-warning-50)] text-warning ring-1 ring-warning/20',
-        error: 'bg-[var(--color-danger-50)] text-danger ring-1 ring-danger/10',
+        default: 'bg-white text-[var(--color-text-primary)] ring-1 ring-[var(--color-border)]',
+        primary: 'bg-[var(--color-primary-50)] text-[var(--color-primary-700)] ring-1 ring-[var(--color-primary)]/10',
+        secondary: 'bg-slate-100 text-slate-700 ring-1 ring-slate-900/10',
+        success: 'bg-[var(--color-success-50)] text-[var(--color-success-700)] ring-1 ring-[var(--color-success)]/20',
+        warning: 'bg-[var(--color-warning-50)] text-[var(--color-warning-700)] ring-1 ring-[var(--color-warning)]/20',
+        error: 'bg-[var(--color-danger-50)] text-[var(--color-danger-600)] ring-1 ring-[var(--color-danger)]/10',
     },
     sizes: {
         sm: {
@@ -29,12 +29,12 @@ var badgeTheme = {
         },
     },
     dotColors: {
-        default: 'bg-gray-400',
-        primary: 'bg-primary',
-        secondary: 'bg-gray-500',
-        success: 'bg-success',
-        warning: 'bg-warning',
-        error: 'bg-danger',
+        default: 'bg-[var(--color-text-primary)]',
+        primary: 'bg-[var(--color-primary-700)]',
+        secondary: 'bg-slate-700',
+        success: 'bg-[var(--color-success-700)]',
+        warning: 'bg-[var(--color-warning-700)]',
+        error: 'bg-[var(--color-danger-600)]',
     }
 };
 

package/dist/components/core/Breadcrumbs/Breadcrumbs.theme.js

@@ -8,10 +8,10 @@ var breadcrumbsTheme = {
     container: "flex  items-center space-x-1",
     nav: "flex items-center gap-3 space-x-1",
     item: "flex items-cente",
-    link: "text-[var(--color-neutral-600)] hover:text-[var(--color-neutral-900)] transition-colors duration-150 font-medium",
-    current: "text-[var(--color-neutral-900)] font-medium",
-    separator: "text-[var(--color-neutral-400)] select-none",
-    ellipsis: "text-[var(--color-neutral-600)] hover:text-[var(--color-neutral-900)] transition-colors duration-150 cursor-pointer p-1 rounded hover:bg-[var(--color-neutral-100)]",
+    link: "text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] transition-colors duration-150 font-medium",
+    current: "text-[var(--color-text-primary)] font-medium",
+    separator: "text-[var(--color-text-muted)] select-none",
+    ellipsis: "text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] transition-colors duration-150 cursor-pointer p-1 rounded hover:bg-[var(--color-neutral-100)]",
     icon: "mr-1.5 flex-shrink-0",
 };
 /**

package/dist/components/core/Card/Card.js

@@ -14,11 +14,11 @@ var CardHeader = React__default.forwardRef(function (_a, ref) {
 });
 var CardTitle = React__default.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("h3", __assign({ ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className) }, props), children));
+    return (React__default.createElement("div", __assign({ ref: ref, className: cn('text-lg font-semibold leading-none text-[var(--color-text-primary)]', className) }, props), children));
 });
 var CardDescription = React__default.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("p", __assign({ ref: ref, className: cn('text-sm text-gray-600', className) }, props), children));
+    return (React__default.createElement("div", __assign({ ref: ref, className: cn('text-sm text-[var(--color-text-muted)]', className) }, props), children));
 });
 var CardContent = React__default.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);

package/dist/components/core/Card/Card.theme.js

@@ -1,5 +1,5 @@
 var cardTheme = {
-    baseStyle: 'rounded-xl overflow-hidden bg-white border border-border',
+    baseStyle: 'rounded-xl overflow-hidden bg-white border border-[var(--color-border)]',
 };
 
 export { cardTheme };

package/dist/components/core/Divider/Divider.theme.js

@@ -1,5 +1,5 @@
 var dividerTheme = {
-    baseStyle: 'bg-gray-200 border-0',
+    baseStyle: 'bg-[var(--color-border)] border-0',
     horizontal: 'w-full h-px',
     vertical: 'h-full w-px',
     margins: {

package/dist/components/core/Drawer/Drawer.theme.js

@@ -1,11 +1,11 @@
 var drawerTheme = {
     overlay: "fixed inset-0 bg-black/70 backdrop-blur-sm z-50",
-    container: "fixed bg-white shadow-2xl shadow-black/30 border border-border ring-6 ring-white/20 flex flex-col overflow-hidden rounded-2xl",
+    container: "fixed bg-white shadow-2xl shadow-black/30 border border-[var(--color-border)] ring-6 ring-white/20 flex flex-col overflow-hidden rounded-2xl",
     content: "h-full flex flex-col",
-    header: "flex items-center justify-between p-4 border-b border-border shrink-0",
+    header: "flex items-center justify-between p-4 border-b border-[var(--color-border)] shrink-0",
     body: "flex-1 overflow-y-auto p-4",
-    footer: "flex items-center justify-end gap-3 p-4 border-t border-border shrink-0",
-    closeButton: "p-1 rounded-md hover:bg-neutral-100 transition-colors text-neutral-500 hover:text-neutral-700",
+    footer: "flex items-center justify-end gap-3 p-4 border-t border-[var(--color-border)] shrink-0",
+    closeButton: "p-1 rounded-md hover:bg-neutral-100 transition-colors text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]",
 };
 // Position variants with margin support
 var drawerPositionVariantsWithMargin = {

package/dist/components/forms/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { RichTextEditorProps } from "./RichTextEditor.types";
+export declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
+export default RichTextEditor;