lecom-ui 5.0.16 → 5.0.18

package/dist/index.d.ts

@@ -686,9 +686,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "filled" | "default" | "borderless" | null | undefined;
-    size?: "small" | "large" | "default" | null | undefined;
-    radius?: "small" | "large" | "default" | "full" | null | undefined;
+    variant?: "default" | "filled" | "borderless" | null | undefined;
+    size?: "default" | "small" | "large" | null | undefined;
+    radius?: "default" | "small" | "large" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
     sufix?: React$1.ReactNode;
@@ -967,8 +967,8 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const textareaVariants: (props?: ({
-    variant?: "filled" | "default" | "borderless" | null | undefined;
-    radius?: "small" | "large" | "default" | null | undefined;
+    variant?: "default" | "filled" | "borderless" | null | undefined;
+    radius?: "default" | "small" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
     resize?: 'none' | 'both' | 'horizontal' | 'vertical';

package/dist/plugin/extend.js

@@ -0,0 +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 };

package/dist/plugin/fontFaces.js

@@ -0,0 +1,172 @@
+const fontFaces = (publicPath) => [
+  {
+    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.js

@@ -0,0 +1,12 @@
+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.js

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

package/dist/plugin/pluginNext.js

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

package/dist/plugin/pluginVite.js

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

package/dist/plugin/template.js

@@ -0,0 +1,28 @@
+import Plugin from 'tailwindcss/plugin';
+import { colors } from '../tokens/colors.js';
+import { fonts } from '../tokens/fonts.js';
+import { extend } from './extend.js';
+import { fontFaces } from './fontFaces.js';
+import { general } from './general.js';
+import { typographies } from './typographies.js';
+import { varsTheme } from './varsTheme.js';
+
+const buildPlugin = (publicPath) => Plugin(
+  ({ addBase, addComponents }) => {
+    addBase(varsTheme);
+    fontFaces(publicPath).map(
+      (fontFace) => addBase({ "@font-face": fontFace })
+    );
+    addBase(general);
+    addComponents(typographies);
+  },
+  {
+    theme: {
+      fontFamily: fonts,
+      colors,
+      extend
+    }
+  }
+);
+
+export { buildPlugin };

package/dist/plugin/typographies.js

@@ -0,0 +1,151 @@
+const montSerrat = { fontFamily: "Montserrat, sans-serif" };
+const roboto = { fontFamily: "Roboto, sans-serif" };
+const ibm = { fontFamily: "IBM Plex Mono, sans-serif" };
+const fontWeight700 = { fontWeight: "700" };
+const fontWeight600 = { fontWeight: "600" };
+const fontWeight500 = { fontWeight: "500" };
+const fontWeight400 = { fontWeight: "400" };
+const fontSize3 = { fontSize: "3rem" };
+const fontSize2 = { fontSize: "2rem" };
+const fontSize25 = { fontSize: "2.5rem" };
+const fontSize15 = { fontSize: "1.5rem" };
+const fontSize125 = { fontSize: "1.25rem" };
+const fontSize1 = { fontSize: "1rem" };
+const fontSize0875 = { fontSize: "0.875rem" };
+const fontSize075 = { fontSize: "0.75rem" };
+const typographies = {
+  ".heading-xxlarge-500": {
+    ...montSerrat,
+    ...fontSize3,
+    ...fontWeight500,
+    lineHeight: "3.25rem"
+  },
+  ".heading-xlarge-500": {
+    ...montSerrat,
+    ...fontSize25,
+    ...fontWeight500,
+    lineHeight: "2.75rem"
+  },
+  ".heading-large-600": {
+    ...montSerrat,
+    ...fontSize2,
+    ...fontWeight600,
+    lineHeight: "2.25rem"
+  },
+  ".heading-large-500": {
+    ...montSerrat,
+    ...fontSize2,
+    ...fontWeight500,
+    lineHeight: "2.25rem"
+  },
+  ".heading-medium-600": {
+    ...montSerrat,
+    ...fontSize15,
+    ...fontWeight600,
+    lineHeight: "1.75rem"
+  },
+  ".heading-medium-500": {
+    ...montSerrat,
+    ...fontSize15,
+    ...fontWeight500,
+    lineHeight: "1.75rem"
+  },
+  ".heading-small-600": {
+    ...montSerrat,
+    ...fontSize125,
+    ...fontWeight600,
+    lineHeight: "1.5rem"
+  },
+  ".heading-small-500": {
+    ...montSerrat,
+    ...fontSize125,
+    ...fontWeight500,
+    lineHeight: "1.5rem"
+  },
+  ".heading-xsmall-600": {
+    ...montSerrat,
+    ...fontSize1,
+    ...fontWeight600,
+    lineHeight: "1.25rem"
+  },
+  ".heading-xsmall-500": {
+    ...montSerrat,
+    ...fontSize1,
+    ...fontWeight500,
+    lineHeight: "1.25rem"
+  },
+  ".heading-xxsmall-600": {
+    ...montSerrat,
+    ...fontSize0875,
+    lineHeight: "1.25rem",
+    ...fontWeight600
+  },
+  ".heading-xxsmall-500": {
+    ...montSerrat,
+    ...fontSize0875,
+    lineHeight: "1.25rem",
+    ...fontWeight500
+  },
+  ".body-large-700": {
+    ...roboto,
+    ...fontSize1,
+    lineHeight: "1.5rem",
+    ...fontWeight700
+  },
+  ".body-large-500": {
+    ...roboto,
+    ...fontSize1,
+    lineHeight: "1.5rem",
+    ...fontWeight500
+  },
+  ".body-large-400": {
+    ...roboto,
+    ...fontSize1,
+    lineHeight: "1.5rem",
+    ...fontWeight400
+  },
+  ".body-medium-700": {
+    ...roboto,
+    ...fontSize0875,
+    lineHeight: "1.25rem",
+    ...fontWeight700
+  },
+  ".body-medium-500": {
+    ...roboto,
+    ...fontSize0875,
+    lineHeight: "1.25rem",
+    ...fontWeight500
+  },
+  ".body-medium-400": {
+    ...roboto,
+    ...fontSize0875,
+    lineHeight: "1.25rem",
+    ...fontWeight400
+  },
+  ".body-small-700": {
+    ...roboto,
+    ...fontSize075,
+    lineHeight: "1rem",
+    ...fontWeight700
+  },
+  ".body-small-500": {
+    ...roboto,
+    ...fontSize075,
+    lineHeight: "1rem",
+    ...fontWeight500
+  },
+  ".body-small-400": {
+    ...roboto,
+    ...fontSize075,
+    lineHeight: "1rem",
+    ...fontWeight400
+  },
+  ".code-medium-400": {
+    ...ibm,
+    ...fontSize0875,
+    lineHeight: "1.25rem",
+    ...fontWeight400
+  }
+};
+
+export { typographies };

package/dist/plugin/varsTheme.js

@@ -0,0 +1,79 @@
+const varsTheme = {
+  ":root": {
+    "--background": "0 0% 100%",
+    "--foreground": "0 0% 14.9%",
+    "--card": "0 0% 100%",
+    "--card-foreground": "0 0% 3.9%",
+    "--popover": "0 0% 100%",
+    "--popover-foreground": "0 0% 14.9%",
+    "--primary": "0 0% 9%",
+    "--primary-foreground": "0 0% 98%",
+    "--secondary": "0 0% 96.1%",
+    "--secondary-foreground": "0 0% 9%",
+    "--muted": "0 0% 96.1%",
+    "--muted-foreground": "0 0% 45.1%",
+    "--accent": "0 0% 96.1%",
+    "--accent-foreground": "0 0% 9%",
+    "--destructive": "0 84.2% 60.2%",
+    "--destructive-foreground": "0 0% 98%",
+    "--border": "0 0% 89.8%",
+    "--input": "0 0% 89.8%",
+    "--ring": "0 0% 3.9%",
+    "--chart-1": "12 76% 61%",
+    "--chart-2": "173 58% 39%",
+    "--chart-3": "197 37% 24%",
+    "--chart-4": "43 74% 66%",
+    "--chart-5": "27 87% 67%",
+    "--chart-6": "228 57% 51%",
+    "--chart-7": "52 95% 53%",
+    "--chart-8": "0 85% 51%",
+    "--radius": "0.5rem",
+    "--sidebar-background": "0 0% 100%",
+    "--sidebar-foreground": "240 5.3% 26.1%",
+    "--sidebar-primary": "240 5.9% 10%",
+    "--sidebar-primary-foreground": "0 0% 98%",
+    "--sidebar-accent": "240 4.8% 95.9%",
+    "--sidebar-accent-foreground": "240 5.9% 10%",
+    "--sidebar-border": "220 13% 91%",
+    "--sidebar-ring": "217.2 91.2% 59.8%"
+  },
+  ".dark": {
+    "--background": "0 0% 3.9%",
+    "--foreground": "0 0% 98%",
+    "--card": "0 0% 3.9%",
+    "--card-foreground": "0 0% 98%",
+    "--popover": "0 0% 3.9%",
+    "--popover-foreground": "0 0% 98%",
+    "--primary": "0 0% 98%",
+    "--primary-foreground": "0 0% 9%",
+    "--secondary": "0 0% 14.9%",
+    "--secondary-foreground": "0 0% 98%",
+    "--muted": "0 0% 14.9%",
+    "--muted-foreground": "0 0% 63.9%",
+    "--accent": "0 0% 14.9%",
+    "--accent-foreground": "0 0% 98%",
+    "--destructive": "0 62.8% 30.6%",
+    "--destructive-foreground": "0 0% 98%",
+    "--border": "0 0% 14.9%",
+    "--input": "0 0% 14.9%",
+    "--ring": "0 0% 83.1%",
+    "--chart-1": "220 70% 50%",
+    "--chart-2": "160 60% 45%",
+    "--chart-3": "30 80% 55%",
+    "--chart-4": "280 65% 60%",
+    "--chart-5": "340 75% 55%",
+    "--chart-6": "228 57% 51%",
+    "--chart-7": "52 95% 53%",
+    "--chart-8": "0 85% 51%",
+    "--sidebar-background": "240 5.9% 10%",
+    "--sidebar-foreground": "240 4.8% 95.9%",
+    "--sidebar-primary": "224.3 76.3% 48%",
+    "--sidebar-primary-foreground": "0 0% 100%",
+    "--sidebar-accent": "240 3.7% 15.9%",
+    "--sidebar-accent-foreground": "240 4.8% 95.9%",
+    "--sidebar-border": "240 3.7% 15.9%",
+    "--sidebar-ring": "217.2 91.2% 59.8%"
+  }
+};
+
+export { varsTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.0.16",
+  "version": "5.0.18",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",