lecom-ui 5.2.6 → 5.2.7

package/dist/index.d.ts

@@ -690,9 +690,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | "borderless" | null | undefined;
-    size?: "default" | "small" | "large" | null | undefined;
-    radius?: "default" | "small" | "large" | "full" | null | undefined;
+    variant?: "filled" | "default" | "borderless" | null | undefined;
+    size?: "small" | "large" | "default" | null | undefined;
+    radius?: "small" | "large" | "default" | "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;
@@ -972,8 +972,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?: "default" | "filled" | "borderless" | null | undefined;
-    radius?: "default" | "small" | "large" | null | undefined;
+    variant?: "filled" | "default" | "borderless" | null | undefined;
+    radius?: "small" | "large" | "default" | 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/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/template.js

@@ -0,0 +1,31 @@
+import Plugin from 'tailwindcss/plugin';
+
+import { colors } from '../tokens/colors';
+import { fonts } from '../tokens/fonts';
+
+import { extend } from './extend';
+import { fontFaces } from './fontFaces';
+import { general } from './general';
+import { typographies } from './typographies';
+import { varsTheme } from './varsTheme';
+
+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,152 @@
+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.2.6",
+  "version": "5.2.7",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",