lecom-ui 5.2.7 → 5.2.8

package/package.json

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

package/dist/plugin/extend.ts

@@ -1,78 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-const general = {
-  '*': {
-    borderColor: 'hsl(var(--border))',
-  },
-  body: {
-    backgroundColor: 'hsl(var(--background))',
-    fontFamily: 'Roboto, sans-serif',
-    color: 'hsl(var(--foreground))',
-  },
-};
-
-export { general };

package/dist/plugin/template.ts

@@ -1,31 +0,0 @@
-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: string) =>
-  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.ts

@@ -1,152 +0,0 @@
-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.ts

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