@liguelead/design-system 0.0.8 → 0.0.10

package/package.json

@@ -1,39 +1,41 @@
-{
-    "name": "@liguelead/design-system",
-    "version": "0.0.8",
-    "type": "module",
-    "main": "components/index.ts",
-    "publishConfig": {
-        "access": "public"
-    },
-    "dependencies": {
-        "@liguelead/foundation": "^0.0.11",
-        "@phosphor-icons/react": "^2.1.7",
-        "@radix-ui/react-dropdown-menu": "^2.1.6",
-        "@radix-ui/react-select": "^2.1.6"
-    },
-    "scripts": {
-        "lint": "eslint ."
-    },
-    "bin": {
-        "ll-create-types": "./scripts/createTypes.js"
-    },
-    "files": [
-        "components/",
-        "utils/",
-        "scripts/"
-    ],
-    "devDependencies": {
-        "@eslint/js": "^9.13.0",
-        "@types/react": "^18.3.12",
-        "eslint": "^9.13.0",
-        "eslint-plugin-react-hooks": "^5.0.0",
-        "eslint-plugin-react-refresh": "^0.4.14",
-        "globals": "^15.11.0",
-        "react": "^18.3.1",
-        "styled-components": "6.1.13",
-        "typescript": "5.6.2",
-        "typescript-eslint": "^8.11.0",
-        "vite-tsconfig-paths": "^5.1.3"
-    }
-}
+{
+    "name": "@liguelead/design-system",
+    "version": "0.0.10",
+    "type": "module",
+    "main": "components/index.ts",
+    "publishConfig": {
+        "access": "public"
+    },
+    "dependencies": {
+        "@liguelead/foundation": "^0.0.11",
+        "@phosphor-icons/react": "^2.1.7",
+        "@radix-ui/react-dropdown-menu": "^2.1.6",
+        "@radix-ui/react-select": "^2.1.6",
+        "lodash": "^4.17.21",
+        "react-datepicker": "^7.6.0"
+    },
+    "scripts": {
+        "lint": "eslint ."
+    },
+    "bin": {
+        "ll-create-types": "./scripts/createTypes.js"
+    },
+    "files": [
+        "components/",
+        "utils/",
+        "scripts/"
+    ],
+    "devDependencies": {
+        "@eslint/js": "^9.13.0",
+        "@types/react": "^18.3.12",
+        "eslint": "^9.13.0",
+        "eslint-plugin-react-hooks": "^5.0.0",
+        "eslint-plugin-react-refresh": "^0.4.14",
+        "globals": "^15.11.0",
+        "react": "^18.3.1",
+        "styled-components": "6.1.13",
+        "typescript": "5.6.2",
+        "typescript-eslint": "^8.11.0",
+        "vite-tsconfig-paths": "^5.1.3"
+    }
+}

package/scripts/createTypes.js

@@ -1,70 +1,70 @@
-#!/usr/bin/env node
-
-import fs from 'fs'
-import path from 'path'
-
-// Diretório e arquivos que queremos criar
-const dir = path.resolve(process.cwd(), './')
-const srcDir = path.resolve(process.cwd(), 'src')
-const typesDir = path.join(srcDir, 'types')
-const indexFile = path.join(typesDir, 'index.ts')
-const typesFile = path.join(typesDir, 'types.ts')
-const tsconfigApp = path.join(dir, 'tsconfig.json')
-const viteConfig = path.join(dir, 'vite.config.ts')
-
-// Função para criar pasta e arquivos
-const createOrUpdateTypes = () => {
-    const viteConfigContent = `
-    // vite.config.ts
-    import { defineConfig } from 'vite';
-    import react from '@vitejs/plugin-react';
-    import tsconfigPaths from 'vite-tsconfig-paths';
-    
-    export default defineConfig({
-        plugins: [react(), tsconfigPaths()],
-    });
-    `
-
-    const tsconfigAppContent = `{
-        "compilerOptions": {
-            // Configurações de compilação base
-            "baseUrl": "./src"
-        }
-    }
-    `
-    fs.writeFileSync(tsconfigApp, tsconfigAppContent, 'utf8')
-    console.log(`Arquivo sobrescrito: ${tsconfigApp}`)
-
-    fs.writeFileSync(viteConfig, viteConfigContent, 'utf8')
-    console.log(`Arquivo sobrescrito: ${viteConfig}`)
-
-    if (!fs.existsSync(srcDir)) {
-        console.error(
-            'A pasta "src" não foi encontrada. Certifique-se de que ela existe.'
-        )
-        process.exit(1)
-    }
-
-    if (!fs.existsSync(typesDir)) {
-        fs.mkdirSync(typesDir, { recursive: true })
-        console.log(`Pasta criada: ${typesDir}`)
-    } else {
-        console.log(`A pasta já existe: ${typesDir}`)
-    }
-
-    if (!fs.existsSync(indexFile)) {
-        const indexFileContent = `export type {colorType} from './types'`
-        fs.writeFileSync(indexFile, indexFileContent, 'utf8')
-        console.log(`Arquivo criado: ${indexFile}`)
-    } else {
-        console.log(`O arquivo já existe e não será modificado: ${indexFile}`)
-    }
-    const typesFileContent = `import {DefaultTheme} from 'styled-components'
-export type colorType = keyof DefaultTheme['colors']`
-
-    fs.writeFileSync(typesFile, typesFileContent, 'utf8')
-    console.log(`Arquivo sobrescrito: ${typesFile}`)
-}
-
-// Executa a função
-createOrUpdateTypes()
+#!/usr/bin/env node
+
+import fs from 'fs'
+import path from 'path'
+
+// Diretório e arquivos que queremos criar
+const dir = path.resolve(process.cwd(), './')
+const srcDir = path.resolve(process.cwd(), 'src')
+const typesDir = path.join(srcDir, 'types')
+const indexFile = path.join(typesDir, 'index.ts')
+const typesFile = path.join(typesDir, 'types.ts')
+const tsconfigApp = path.join(dir, 'tsconfig.json')
+const viteConfig = path.join(dir, 'vite.config.ts')
+
+// Função para criar pasta e arquivos
+const createOrUpdateTypes = () => {
+    const viteConfigContent = `
+    // vite.config.ts
+    import { defineConfig } from 'vite';
+    import react from '@vitejs/plugin-react';
+    import tsconfigPaths from 'vite-tsconfig-paths';
+    
+    export default defineConfig({
+        plugins: [react(), tsconfigPaths()],
+    });
+    `
+
+    const tsconfigAppContent = `{
+        "compilerOptions": {
+            // Configurações de compilação base
+            "baseUrl": "./src"
+        }
+    }
+    `
+    fs.writeFileSync(tsconfigApp, tsconfigAppContent, 'utf8')
+    console.log(`Arquivo sobrescrito: ${tsconfigApp}`)
+
+    fs.writeFileSync(viteConfig, viteConfigContent, 'utf8')
+    console.log(`Arquivo sobrescrito: ${viteConfig}`)
+
+    if (!fs.existsSync(srcDir)) {
+        console.error(
+            'A pasta "src" não foi encontrada. Certifique-se de que ela existe.'
+        )
+        process.exit(1)
+    }
+
+    if (!fs.existsSync(typesDir)) {
+        fs.mkdirSync(typesDir, { recursive: true })
+        console.log(`Pasta criada: ${typesDir}`)
+    } else {
+        console.log(`A pasta já existe: ${typesDir}`)
+    }
+
+    if (!fs.existsSync(indexFile)) {
+        const indexFileContent = `export type {colorType} from './types'`
+        fs.writeFileSync(indexFile, indexFileContent, 'utf8')
+        console.log(`Arquivo criado: ${indexFile}`)
+    } else {
+        console.log(`O arquivo já existe e não será modificado: ${indexFile}`)
+    }
+    const typesFileContent = `import {DefaultTheme} from 'styled-components'
+export type colorType = keyof DefaultTheme['colors']`
+
+    fs.writeFileSync(typesFile, typesFileContent, 'utf8')
+    console.log(`Arquivo sobrescrito: ${typesFile}`)
+}
+
+// Executa a função
+createOrUpdateTypes()

package/utils/colorDarken.ts

@@ -1,10 +1,10 @@
-const darken = (amount: number, color: string): string => {
-  const value = Math.max(0, Math.min(1, amount))
-  const colorValue = parseInt(color.slice(1), 16)
-  const r = Math.max(0, Math.min(255, (colorValue >> 16) - Math.round(255 * value)))
-  const g = Math.max(0, Math.min(255, ((colorValue >> 8) & 0x00ff) - Math.round(255 * value)))
-  const b = Math.max(0, Math.min(255, (colorValue & 0x0000ff) - Math.round(255 * value)))
-  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`
-}
-
-export default darken
+const darken = (amount: number, color: string): string => {
+  const value = Math.max(0, Math.min(1, amount))
+  const colorValue = parseInt(color.slice(1), 16)
+  const r = Math.max(0, Math.min(255, (colorValue >> 16) - Math.round(255 * value)))
+  const g = Math.max(0, Math.min(255, ((colorValue >> 8) & 0x00ff) - Math.round(255 * value)))
+  const b = Math.max(0, Math.min(255, (colorValue & 0x0000ff) - Math.round(255 * value)))
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`
+}
+
+export default darken

package/utils/colorLighten.ts

@@ -1,10 +1,10 @@
-const lighten = (amount: number, color: string): string => {
-  const value = Math.max(0, Math.min(1, amount))
-  const colorValue = parseInt(color.slice(1), 16)
-  const r = Math.min(255, (colorValue >> 16) + Math.round(255 * value))
-  const g = Math.min(255, ((colorValue >> 8) & 0x00ff) + Math.round(255 * value))
-  const b = Math.min(255, (colorValue & 0x0000ff) + Math.round(255 * value))
-  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`
-}
-
-export default lighten
+const lighten = (amount: number, color: string): string => {
+  const value = Math.max(0, Math.min(1, amount))
+  const colorValue = parseInt(color.slice(1), 16)
+  const r = Math.min(255, (colorValue >> 16) + Math.round(255 * value))
+  const g = Math.min(255, ((colorValue >> 8) & 0x00ff) + Math.round(255 * value))
+  const b = Math.min(255, (colorValue & 0x0000ff) + Math.round(255 * value))
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`
+}
+
+export default lighten

package/utils/darkenOrLighen.ts

@@ -1,19 +1,19 @@
-import darken from './colorDarken'
-import lighten from './colorLighten'
-
-const darkenOrLighten = (amount: number, bgColor: string): string => {
-  const hex = bgColor.replace('#', '')
-  const r = parseInt(hex.substring(0, 2), 16)
-  const g = parseInt(hex.substring(2, 4), 16)
-  const b = parseInt(hex.substring(4, 6), 16)
-
-  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b
-
-  if (luminance < 95) {
-    return lighten(amount, bgColor)
-  }
-
-  return darken(amount, bgColor)
-}
-
-export default darkenOrLighten
+import darken from './colorDarken'
+import lighten from './colorLighten'
+
+const darkenOrLighten = (amount: number, bgColor: string): string => {
+  const hex = bgColor.replace('#', '')
+  const r = parseInt(hex.substring(0, 2), 16)
+  const g = parseInt(hex.substring(2, 4), 16)
+  const b = parseInt(hex.substring(4, 6), 16)
+
+  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b
+
+  if (luminance < 95) {
+    return lighten(amount, bgColor)
+  }
+
+  return darken(amount, bgColor)
+}
+
+export default darkenOrLighten

package/utils/getTextColor.ts

@@ -1,12 +1,12 @@
-const getTextColor = (bgColor: string): 'neutral50' | 'neutral1000' => {
-  const hex = bgColor.replace('#', '')
-  const r = parseInt(hex.substring(0, 2), 16)
-  const g = parseInt(hex.substring(2, 4), 16)
-  const b = parseInt(hex.substring(4, 6), 16)
-
-  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b
-
-  return luminance < 128 ? 'neutral50' : 'neutral1000'
-}
-
-export default getTextColor
+const getTextColor = (bgColor: string): 'neutral50' | 'neutral1000' => {
+  const hex = bgColor.replace('#', '')
+  const r = parseInt(hex.substring(0, 2), 16)
+  const g = parseInt(hex.substring(2, 4), 16)
+  const b = parseInt(hex.substring(4, 6), 16)
+
+  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b
+
+  return luminance < 128 ? 'neutral50' : 'neutral1000'
+}
+
+export default getTextColor

package/utils/index.ts

@@ -1,5 +1,5 @@
-export {default as parseColor} from './parseColor'
-export {default as getTextColor} from './getTextColor'
-export {default as darken} from './colorDarken'
-export {default as lighten} from './colorLighten'
-export {default as darkenOrLighten} from './darkenOrLighen'
+export {default as parseColor} from './parseColor'
+export {default as getTextColor} from './getTextColor'
+export {default as darken} from './colorDarken'
+export {default as lighten} from './colorLighten'
+export {default as darkenOrLighten} from './darkenOrLighen'

package/utils/parseColor.ts

@@ -1,7 +1,7 @@
-import { colors, ColorsInterface } from '@liguelead/foundation'
-
-const parseColor = (themeColor: keyof ColorsInterface) => {
-  return colors[themeColor]
-}
-
-export default parseColor
+import { colors, ColorsInterface } from '@liguelead/foundation'
+
+const parseColor = (themeColor: keyof ColorsInterface) => {
+  return colors[themeColor]
+}
+
+export default parseColor