@kopexa/theme 1.7.6 → 2.0.0

package/dist/index.css

@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "./editor.css";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -10,7 +11,7 @@
 	--card-foreground: oklch(0.145 0 0);
 	--popover: var(--color-white);
 	--popover-foreground: oklch(0.145 0 0);
-	--primary: var(--color-primary-600);
+	--primary: var(--color-primary-950);
 	--primary-foreground: var(--color-white);
 	--secondary: var(--color-default-200);
 	--secondary-foreground: oklch(0.205 0 0);
@@ -44,17 +45,18 @@
 	--sidebar-border: var(--color-default-200);
 	--sidebar-ring: oklch(0.708 0 0);
 
-    
+	/** Scrollbar */
+	--scrollbar-color: var(--color-default-200);
 }
 
 .dark {
-	--background: var(--color-primary-900);
+	--background: var(--color-black);
 	--foreground: var(--color-white);
 	--card: var(--color-primary-900);
 	--card-foreground: oklch(0.985 0 0);
 	--popover: oklch(0.145 0 0);
 	--popover-foreground: oklch(0.985 0 0);
-	--primary: var(--color-primary-700);
+	--primary: var(--color-primary-950);
 	--primary-foreground: var(--color-white);
 	--secondary: oklch(0.269 0 0);
 	--secondary-foreground: oklch(0.985 0 0);
@@ -64,13 +66,13 @@
 	--accent-foreground: oklch(0.985 0 0);
 	--destructive: var(--color-destructive-600);
 	--destructive-foreground: var(--color-white);
-    --success: var(--color-success-500);
-    --success-foreground: var(--color-white);
+  --success: var(--color-success-500);
+  --success-foreground: var(--color-white);
 	--warning: var(--color-warning-500);
 	--warning-foreground: var(--color-white);
-    --info: var(--color-info-500);
-    --info-foreground: oklch(--color-black);
-	--border: var(--color-primary-800);
+  --info: var(--color-info-500);
+  --info-foreground: oklch(--color-black);
+	--border: var(--color-default-950);
 	--input: var(--color-primary-800);
 	--ring: oklch(0.439 0 0);
 	--chart-1: oklch(0.488 0.243 264.376);
@@ -86,6 +88,9 @@
 	--sidebar-accent-foreground: oklch(0.985 0 0);
 	--sidebar-border: var(--color-primary-800);
 	--sidebar-ring: oklch(0.439 0 0);
+
+	/** Scrollbar */
+	--scrollbar-color: var(--color-default-800);
 }
 
 @theme {
@@ -221,8 +226,8 @@
 
     /** Neutral / custom */
     --color-standard-custom: var(--color-gray-500);
-   
-   
+
+
 
 
 	--color-background: var(--background);
@@ -299,6 +304,8 @@
     --text-h6-core--letter-spacing: 0.01em;
 
     --container-8xl: 90rem;
+
+    --spacing-editor-toolbar: 44px;
 }
 
 @layer base {
@@ -440,4 +447,24 @@
             'title title'
             'value-container value-container';
     }
-}
+}
+
+@layer utilities {
+  ::-webkit-scrollbar {
+    width: 0.25rem;
+  }
+
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-color) transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-color);
+    border-radius: 9999px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.mjs';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.mjs';
+export { AutocompleteVariantProps, autocomplete } from './components/autocomplete.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.mjs';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.mjs';
 export { BlankStateSlots, BlankStateVariantProps, blankstate } from './components/blankstate.mjs';
@@ -11,16 +12,24 @@ export { CardSlots, CardVariantProps, card } from './components/card.mjs';
 export { CheckboxVariantProps, checkbox } from './components/checkbox.mjs';
 export { ChipSlots, ChipVariantProps, chip } from './components/chip.mjs';
 export { CodeVariantProps, code } from './components/code.mjs';
+export { colorHighlightButton } from './components/color-highlight-button.mjs';
 export { CommandVariants, command } from './components/command.mjs';
+export { DataGridVariants, datagrid } from './components/data-grid.mjs';
 export { DataTableVariants, dataTable } from './components/data-table.mjs';
 export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.mjs';
 export { DrawerVariantProps, drawer } from './components/drawer.mjs';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.mjs';
+export { editorBasic } from './components/editor-basic.mjs';
+export { editorSpinner } from './components/editor-spinner.mjs';
 export { frameworkRow } from './components/framework-row.mjs';
 export { HeadingVariantProps, heading } from './components/heading.mjs';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './components/hover-card.mjs';
 export { InputVariantProps, input, passwordInput } from './components/input.mjs';
+export { inputGroup } from './components/input-group.mjs';
+export { InputWrapperVariantProps, inputWrapper } from './components/input-wrapper.mjs';
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './components/integration-card.mjs';
+export { kbd } from './components/kbd.mjs';
+export { LabelVariantProps, label } from './components/label.mjs';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.mjs';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.mjs';
 export { PopoverVariants, popover } from './components/popover.mjs';
@@ -29,17 +38,22 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './component
 export { ResizableVariantProps, resizable } from './components/resizable.mjs';
 export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.mjs';
 export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.mjs';
+export { ScrollAreaVariantProps, scrollArea } from './components/scroll-area.mjs';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.mjs';
+export { SelectVariantProps, select } from './components/select.mjs';
 export { SeparatorVariantProps, separator } from './components/separator.mjs';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './components/sidebar.mjs';
 export { skeleton } from './components/skeleton.mjs';
 export { SkeletonAvatarVariantProps, skeletonAvatar } from './components/skeleton-avatar.mjs';
+export { slashDropdownMenu } from './components/slash-dropdown-menu.mjs';
 export { SpinnerVariants, spinner } from './components/spinner.mjs';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.mjs';
 export { StandardChipVariants, standardChip } from './components/standard-chip.mjs';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.mjs';
 export { TableSlots, TableVariantProps, table } from './components/table.mjs';
 export { TabsVariantProps, tabs } from './components/tabs.mjs';
+export { TextareaVariantProps, textarea } from './components/textarea.mjs';
+export { ToolbarVariantProps, toolbar } from './components/toolbar.mjs';
 export { TooltipVariants, tooltip } from './components/tooltip.mjs';
 export { SlotsToClasses } from './utils/types.mjs';
 import 'tailwind-merge';

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { TV, VariantProps } from 'tailwind-variants';
 export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.js';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.js';
+export { AutocompleteVariantProps, autocomplete } from './components/autocomplete.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.js';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.js';
 export { BlankStateSlots, BlankStateVariantProps, blankstate } from './components/blankstate.js';
@@ -11,16 +12,24 @@ export { CardSlots, CardVariantProps, card } from './components/card.js';
 export { CheckboxVariantProps, checkbox } from './components/checkbox.js';
 export { ChipSlots, ChipVariantProps, chip } from './components/chip.js';
 export { CodeVariantProps, code } from './components/code.js';
+export { colorHighlightButton } from './components/color-highlight-button.js';
 export { CommandVariants, command } from './components/command.js';
+export { DataGridVariants, datagrid } from './components/data-grid.js';
 export { DataTableVariants, dataTable } from './components/data-table.js';
 export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.js';
 export { DrawerVariantProps, drawer } from './components/drawer.js';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.js';
+export { editorBasic } from './components/editor-basic.js';
+export { editorSpinner } from './components/editor-spinner.js';
 export { frameworkRow } from './components/framework-row.js';
 export { HeadingVariantProps, heading } from './components/heading.js';
 export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './components/hover-card.js';
 export { InputVariantProps, input, passwordInput } from './components/input.js';
+export { inputGroup } from './components/input-group.js';
+export { InputWrapperVariantProps, inputWrapper } from './components/input-wrapper.js';
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './components/integration-card.js';
+export { kbd } from './components/kbd.js';
+export { LabelVariantProps, label } from './components/label.js';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.js';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.js';
 export { PopoverVariants, popover } from './components/popover.js';
@@ -29,17 +38,22 @@ export { RelatedControlChipVariantsProps, relatedControlChip } from './component
 export { ResizableVariantProps, resizable } from './components/resizable.js';
 export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.js';
 export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.js';
+export { ScrollAreaVariantProps, scrollArea } from './components/scroll-area.js';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.js';
+export { SelectVariantProps, select } from './components/select.js';
 export { SeparatorVariantProps, separator } from './components/separator.js';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './components/sidebar.js';
 export { skeleton } from './components/skeleton.js';
 export { SkeletonAvatarVariantProps, skeletonAvatar } from './components/skeleton-avatar.js';
+export { slashDropdownMenu } from './components/slash-dropdown-menu.js';
 export { SpinnerVariants, spinner } from './components/spinner.js';
 export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.js';
 export { StandardChipVariants, standardChip } from './components/standard-chip.js';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.js';
 export { TableSlots, TableVariantProps, table } from './components/table.js';
 export { TabsVariantProps, tabs } from './components/tabs.js';
+export { TextareaVariantProps, textarea } from './components/textarea.js';
+export { ToolbarVariantProps, toolbar } from './components/toolbar.js';
 export { TooltipVariants, tooltip } from './components/tooltip.js';
 export { SlotsToClasses } from './utils/types.js';
 import 'tailwind-merge';