lecom-ui 5.2.3 → 5.2.5

package/README.md

@@ -1 +1 @@
-lecom-ui
+lecom-ui

package/dist/components/Pagination/Pagination.js

@@ -125,7 +125,8 @@ const PaginationIndex = ({
   disabled,
   isActive,
   onClick,
-  children
+  children,
+  activeColor = "bg-white"
 }) => /* @__PURE__ */ React.createElement(
   Button,
   {
@@ -135,7 +136,7 @@ const PaginationIndex = ({
     color: "grey",
     size: "small",
     onClick,
-    className: cn(isActive && "bg-white", className)
+    className: cn(isActive && activeColor, className)
   },
   children
 );
@@ -182,7 +183,8 @@ const Pagination = ({
   perPage,
   totalRowsSelected = 0,
   onChangePerPage,
-  className
+  className,
+  activeColor
 }) => {
   const mapPaginationItem = (item) => {
     const componentProps = {
@@ -194,6 +196,7 @@ const Pagination = ({
         PaginationIndex,
         {
           isActive: item.page === currentPage,
+          activeColor,
           ...componentProps
         },
         item.page

package/dist/index.d.ts

@@ -14,6 +14,7 @@ import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Table, Column as Column$1, Row as Row$1 } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
+import { BgColor as BgColor$1 } from '@/tokens/colors';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
@@ -362,6 +363,7 @@ type PaginationButtonProps = {
     onClick?: () => void;
 };
 interface PaginationIndexProps extends PaginationButtonProps {
+    activeColor?: BgColor$1;
     children: React$1.ReactNode;
 }
 interface PaginationProps {
@@ -372,6 +374,7 @@ interface PaginationProps {
     totalRowsSelected?: number;
     onChangePerPage?: (currentPerPage: number) => void;
     className?: string;
+    activeColor?: BgColor$1;
 }
 declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
 declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
@@ -396,11 +399,11 @@ declare const PaginationEllipsis: {
     displayName: string;
 };
 declare const PaginationIndex: {
-    ({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React$1.JSX.Element;
+    ({ className, disabled, isActive, onClick, children, activeColor, }: PaginationIndexProps): React$1.JSX.Element;
     displayName: string;
 };
 declare const Pagination: {
-    ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, }: PaginationProps): React$1.JSX.Element;
+    ({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, className, activeColor, }: PaginationProps): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -899,7 +902,7 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
 declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
 declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const tooltipContentVariants: (props?: ({
-    color?: "white" | "black" | null | undefined;
+    color?: "black" | "white" | null | undefined;
     arrow?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {

package/dist/plugin/extend.ts

@@ -1,78 +1,78 @@
-const extend = {
-  colors: {
-    background: 'hsl(var(--background))',
-    foreground: 'hsl(var(--foreground))',
-    card: {
-      DEFAULT: 'hsl(var(--card))',
-      foreground: 'hsl(var(--card-foreground))',
-    },
-    popover: {
-      DEFAULT: 'hsl(var(--popover))',
-      foreground: 'hsl(var(--popover-foreground))',
-    },
-    primary: {
-      DEFAULT: 'hsl(var(--primary))',
-      foreground: 'hsl(var(--primary-foreground))',
-    },
-    secondary: {
-      DEFAULT: 'hsl(var(--secondary))',
-      foreground: 'hsl(var(--secondary-foreground))',
-    },
-    muted: {
-      DEFAULT: 'hsl(var(--muted))',
-      foreground: 'hsl(var(--muted-foreground))',
-    },
-    accent: {
-      DEFAULT: 'hsl(var(--accent))',
-      foreground: 'hsl(var(--accent-foreground))',
-    },
-    destructive: {
-      DEFAULT: 'hsl(var(--destructive))',
-      foreground: 'hsl(var(--destructive-foreground))',
-    },
-    border: 'hsl(var(--border))',
-    input: 'hsl(var(--input))',
-    ring: 'hsl(var(--ring))',
-    chart: {
-      1: 'hsl(var(--chart-1))',
-      2: 'hsl(var(--chart-2))',
-      3: 'hsl(var(--chart-3))',
-      4: 'hsl(var(--chart-4))',
-      5: 'hsl(var(--chart-5))',
-      6: 'hsl(var(--chart-6))',
-      7: 'hsl(var(--chart-7))',
-      8: 'hsl(var(--chart-8))',
-    },
-    sidebar: {
-      DEFAULT: 'hsl(var(--sidebar-background))',
-      foreground: 'hsl(var(--sidebar-foreground))',
-      primary: 'hsl(var(--sidebar-primary))',
-      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
-      accent: 'hsl(var(--sidebar-accent))',
-      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
-      border: 'hsl(var(--sidebar-border))',
-      ring: 'hsl(var(--sidebar-ring))',
-    },
-  },
-  borderRadius: {
-    lg: 'var(--radius)',
-    md: 'calc(var(--radius) - 2px)',
-    sm: 'calc(var(--radius) - 4px)',
-  },
-  keyframes: {
-    'accordion-down': {
-      from: { height: '0' },
-      to: { height: 'var(--radix-accordion-content-height)' },
-    },
-    'accordion-up': {
-      from: { height: 'var(--radix-accordion-content-height)' },
-      to: { height: '0' },
-    },
-  },
-  animation: {
-    'accordion-down': 'accordion-down 0.2s ease-out',
-    'accordion-up': 'accordion-up 0.2s ease-out',
-  },
-};
-
-export { extend };
+const extend = {
+  colors: {
+    background: 'hsl(var(--background))',
+    foreground: 'hsl(var(--foreground))',
+    card: {
+      DEFAULT: 'hsl(var(--card))',
+      foreground: 'hsl(var(--card-foreground))',
+    },
+    popover: {
+      DEFAULT: 'hsl(var(--popover))',
+      foreground: 'hsl(var(--popover-foreground))',
+    },
+    primary: {
+      DEFAULT: 'hsl(var(--primary))',
+      foreground: 'hsl(var(--primary-foreground))',
+    },
+    secondary: {
+      DEFAULT: 'hsl(var(--secondary))',
+      foreground: 'hsl(var(--secondary-foreground))',
+    },
+    muted: {
+      DEFAULT: 'hsl(var(--muted))',
+      foreground: 'hsl(var(--muted-foreground))',
+    },
+    accent: {
+      DEFAULT: 'hsl(var(--accent))',
+      foreground: 'hsl(var(--accent-foreground))',
+    },
+    destructive: {
+      DEFAULT: 'hsl(var(--destructive))',
+      foreground: 'hsl(var(--destructive-foreground))',
+    },
+    border: 'hsl(var(--border))',
+    input: 'hsl(var(--input))',
+    ring: 'hsl(var(--ring))',
+    chart: {
+      1: 'hsl(var(--chart-1))',
+      2: 'hsl(var(--chart-2))',
+      3: 'hsl(var(--chart-3))',
+      4: 'hsl(var(--chart-4))',
+      5: 'hsl(var(--chart-5))',
+      6: 'hsl(var(--chart-6))',
+      7: 'hsl(var(--chart-7))',
+      8: 'hsl(var(--chart-8))',
+    },
+    sidebar: {
+      DEFAULT: 'hsl(var(--sidebar-background))',
+      foreground: 'hsl(var(--sidebar-foreground))',
+      primary: 'hsl(var(--sidebar-primary))',
+      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+      accent: 'hsl(var(--sidebar-accent))',
+      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+      border: 'hsl(var(--sidebar-border))',
+      ring: 'hsl(var(--sidebar-ring))',
+    },
+  },
+  borderRadius: {
+    lg: 'var(--radius)',
+    md: 'calc(var(--radius) - 2px)',
+    sm: 'calc(var(--radius) - 4px)',
+  },
+  keyframes: {
+    'accordion-down': {
+      from: { height: '0' },
+      to: { height: 'var(--radix-accordion-content-height)' },
+    },
+    'accordion-up': {
+      from: { height: 'var(--radix-accordion-content-height)' },
+      to: { height: '0' },
+    },
+  },
+  animation: {
+    'accordion-down': 'accordion-down 0.2s ease-out',
+    'accordion-up': 'accordion-up 0.2s ease-out',
+  },
+};
+
+export { extend };

package/dist/plugin/fontFaces.ts

@@ -1,172 +1,172 @@
-const fontFaces = (publicPath: string) => [
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/thin-100-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/light-300-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/regular-400-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/medium-500-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/bold-700-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'italic',
-    fontWeight: '900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/black-900-italic.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/thin-100.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/light-300.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/regular-400.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/medium-500.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/bold-700.woff2')`,
-  },
-  {
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: '900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Roboto/black-900.woff2')`,
-  },
-  {
-    fontFamily: 'Montserrat',
-    fontStyle: 'italic',
-    fontWeight: '100 900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Montserrat/italic.woff2')`,
-  },
-  {
-    fontFamily: 'Montserrat',
-    fontStyle: 'normal',
-    fontWeight: '100 900',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Montserrat/normal.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/thin-100-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/light-300-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/regular-400-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/medium-500-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'italic',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/bold-700-italic.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '100',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/thin-100.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '300',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/light-300.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '400',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/regular-400.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '500',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/medium-500.woff2')`,
-  },
-  {
-    fontFamily: 'IBM Plex Mono',
-    fontStyle: 'normal',
-    fontWeight: '700',
-    fontDisplay: 'swap',
-    src: `url('${publicPath}/fonts/Ibm/bold-700.woff2')`,
-  },
-];
-
-export { fontFaces };
+const fontFaces = (publicPath: string) => [
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/thin-100-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/light-300-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/regular-400-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/medium-500-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/bold-700-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'italic',
+    fontWeight: '900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/black-900-italic.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/thin-100.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/light-300.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/regular-400.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/medium-500.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/bold-700.woff2')`,
+  },
+  {
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: '900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Roboto/black-900.woff2')`,
+  },
+  {
+    fontFamily: 'Montserrat',
+    fontStyle: 'italic',
+    fontWeight: '100 900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Montserrat/italic.woff2')`,
+  },
+  {
+    fontFamily: 'Montserrat',
+    fontStyle: 'normal',
+    fontWeight: '100 900',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Montserrat/normal.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/thin-100-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/light-300-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/regular-400-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/medium-500-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'italic',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/bold-700-italic.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '100',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/thin-100.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '300',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/light-300.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '400',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/regular-400.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '500',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/medium-500.woff2')`,
+  },
+  {
+    fontFamily: 'IBM Plex Mono',
+    fontStyle: 'normal',
+    fontWeight: '700',
+    fontDisplay: 'swap',
+    src: `url('${publicPath}/fonts/Ibm/bold-700.woff2')`,
+  },
+];
+
+export { fontFaces };

package/dist/plugin/general.ts

@@ -1,12 +1,12 @@
-const general = {
-  '*': {
-    borderColor: 'hsl(var(--border))',
-  },
-  body: {
-    backgroundColor: 'hsl(var(--background))',
-    fontFamily: 'Roboto, sans-serif',
-    color: 'hsl(var(--foreground))',
-  },
-};
-
-export { general };
+const general = {
+  '*': {
+    borderColor: 'hsl(var(--border))',
+  },
+  body: {
+    backgroundColor: 'hsl(var(--background))',
+    fontFamily: 'Roboto, sans-serif',
+    color: 'hsl(var(--foreground))',
+  },
+};
+
+export { general };

package/dist/plugin/pluginDev.cjs

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-
-const buildPlugin = require('./template').buildPlugin;
-
-module.exports = buildPlugin('../public');
+/* eslint-disable @typescript-eslint/no-require-imports */
+
+const buildPlugin = require('./template').buildPlugin;
+
+module.exports = buildPlugin('../public');

package/dist/plugin/pluginNext.cjs

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-
-const buildPlugin = require('./template').buildPlugin;
-
-module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');
+/* eslint-disable @typescript-eslint/no-require-imports */
+
+const buildPlugin = require('./template').buildPlugin;
+
+module.exports = buildPlugin('~/node_modules/lecom-ui/dist/public');

package/dist/plugin/pluginVite.cjs

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-
-const buildPlugin = require('./template').buildPlugin;
-
-module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');
+/* eslint-disable @typescript-eslint/no-require-imports */
+
+const buildPlugin = require('./template').buildPlugin;
+
+module.exports = buildPlugin('/node_modules/lecom-ui/dist/public');