@clicoh/orion-library 0.2.28

package/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/assets/css/base.css

@@ -0,0 +1,40 @@
+@import 'react-toastify/dist/ReactToastify.min.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --color-white: #ffffff;
+  --color-black: #222329;
+  --body-text-color: var(--color-black);
+  --body-bg-color: var(--color-white);
+}
+
+/*
+@media (prefers-color-scheme: dark) {
+  :root {
+    --body-text-color: var(--color-white);
+    --body-bg-color: var(--color-black);
+  }
+}
+*/
+
+* {
+  outline: none;
+}
+
+body {
+  color: var(--body-text-color);
+  background: var(--body-bg-color);
+  @apply text-sm;
+}
+
+.Toastify__toast-icon {
+  width: 24px;
+  height: 24px;
+}
+
+.Toastify__close-button {
+  align-self: center;
+}

package/assets/icons/logoPlatform.svg

@@ -0,0 +1,5 @@
+<svg width="191" height="150" viewBox="0 0 191 150" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M109.137 86.0407V49.9962H157.433V71.9973H174.601V0H157.433V32.0302H109.137V0H91.9727V106.299H109.141L109.137 86.0407Z" fill="#D2D2D2"/>
+<path d="M42.248 87.2126C50.4673 87.097 58.4704 84.4419 65.2509 79.5813C72.0314 74.7207 77.2865 67.8715 80.3553 59.8952C83.4242 51.9189 84.1699 43.1715 82.4985 34.7531C80.8271 26.3347 76.8133 18.6212 70.9619 12.5825C65.1105 6.54386 57.6827 2.44968 49.6126 0.814879C41.5425 -0.819919 33.1904 0.0776978 25.6067 3.39474C18.023 6.71178 11.5462 12.3002 6.9909 19.4572C2.43561 26.6143 0.00517162 35.0203 0.00521203 43.6183C-0.0831725 49.4188 0.953368 55.178 3.05222 60.5478C5.15107 65.9177 8.26868 70.7868 12.2168 74.8612C16.1649 78.9357 20.8616 82.1308 26.0232 84.2537C31.1848 86.3766 36.7041 87.3831 42.248 87.2126ZM42.248 16.8086C47.3657 16.5694 52.4347 17.9382 56.8022 20.7388C61.1696 23.5394 64.6354 27.6434 66.7533 32.5224C68.8712 37.4014 69.5441 42.8319 68.6854 48.1145C67.8268 53.397 65.4758 58.2897 61.9353 62.1624C58.3948 66.0352 53.827 68.7105 48.8201 69.8439C43.8132 70.9774 38.5965 70.517 33.842 68.5221C29.0874 66.5272 25.0127 63.0891 22.1427 58.6507C19.2726 54.2122 17.7387 48.9767 17.7383 43.6183C17.6301 40.1654 18.1818 36.7247 19.3612 33.4978C20.5406 30.2708 22.3239 27.3225 24.6065 24.8256C26.8892 22.3288 29.6253 20.3336 32.6546 18.9569C35.6839 17.5803 38.9454 16.8499 42.248 16.8086Z" fill="#D2D2D2"/>
+<path d="M174.497 80.293H145.593V97.5602H164.006C155.291 107.681 144.858 116.025 133.236 122.169C113.694 132.479 91.55 136.109 69.9293 132.547C48.3086 128.986 28.303 118.412 12.7361 102.319L0.769531 111.753C12.1318 123.941 25.7574 133.568 40.8083 140.043C55.8592 146.519 72.0174 149.706 88.2894 149.408C104.561 149.111 120.603 145.335 135.428 138.313C150.254 131.29 163.549 121.171 174.497 108.575V127.798H191.001V80.293H174.497Z" fill="#D2D2D2"/>
+</svg>

package/index.d.ts

@@ -0,0 +1,6 @@
+export * from './dist';
+export * from 'react-icons';
+export * from 'react-toastify';
+export * from 'swr';
+export * from 'zustand';
+export * from 'clsx';

package/index.js

@@ -0,0 +1,6 @@
+export * from './dist';
+export * from 'react-icons';
+export * from 'react-toastify';
+export * from 'swr';
+export * from 'zustand';
+export * from 'clsx';

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@clicoh/orion-library",
+  "version": "0.2.28",
+  "main": "index.js",
+  "scripts": {
+    "build": "tsc --project tsconfig.components.json",
+    "format": "prettier --write src",
+    "storybook": "storybook dev -p 6006 --ci",
+    "build-storybook": "storybook build",
+    "next:dev": "next dev",
+    "next:build": "next build",
+    "next:start": "next start",
+    "next:lint": "next lint"
+  },
+  "dependencies": {
+    "@floating-ui/react": "0.26.19",
+    "clsx": "2.1.1",
+    "next": "14.0.4",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-icons": "5.2.1",
+    "react-toastify": "10.0.5",
+    "swr": "2.2.5",
+    "zustand": "4.5.2"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "7.6.20",
+    "@storybook/addon-essentials": "7.6.20",
+    "@storybook/addon-interactions": "7.6.20",
+    "@storybook/addon-links": "7.6.20",
+    "@storybook/addon-onboarding": "1.0.11",
+    "@storybook/blocks": "7.6.20",
+    "@storybook/nextjs": "7.6.20",
+    "@storybook/react": "7.6.20",
+    "@storybook/test": "7.6.20",
+    "@types/copyfiles": "2",
+    "@types/node": "20",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.1",
+    "@types/tailwindcss": "3.1.0",
+    "autoprefixer": "10.4.19",
+    "eslint": "8",
+    "eslint-config-next": "14.0.4",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-storybook": "0.6.15",
+    "husky": "8.0.3",
+    "lint-staged": "15.2.7",
+    "postcss": "8",
+    "prettier": "3.3.2",
+    "prettier-plugin-tailwindcss": "0.6.8",
+    "storybook": "7.6.20",
+    "tailwindcss": "3.4.4",
+    "typescript": "5.5.4"
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "tailwind.config.ts",
+    "dist",
+    "assets"
+  ],
+  "types": "./index.d.ts",
+  "description": "UI component library for react.js and next.js from the Clicoh company",
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package/tailwind.config.ts

@@ -0,0 +1,97 @@
+import type { Config } from 'tailwindcss';
+import colors from 'tailwindcss/colors';
+
+const config: Config = {
+  content: [
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    colors: {
+      white: colors.white,
+      transparent: 'transparent',
+      current: 'currentColor',
+      black: {
+        DEFAULT: '#222329',
+        1: '#121214',
+        2: '#0E0E10',
+      },
+      gray: {
+        1: '#616265',
+        2: '#A5A5A7',
+        3: '#B9BABB',
+        4: '#D2D2D2',
+        5: '#E9EAEA',
+        6: '#F2F2F2',
+        7: '#FBFCFC',
+      },
+      lavender: {
+        DEFAULT: '#6A5DF9',
+        1: '#E1DFFE',
+        2: '#F0EFFE',
+        3: '#F8F7FF',
+        dark: '#6896FF',
+        'dark-1': '#303A54',
+      },
+      error: {
+        DEFAULT: '#DF3C3C',
+        1: '#FCEAEA',
+        dark: '#DF3C3C',
+        'dark-1': '#4E2C2F',
+      },
+      warning: {
+        DEFAULT: '#FFC34C',
+        1: '#FFF3DB',
+        dark: '#FFCC67',
+        'dark-1': '#4E4330',
+      },
+      success: {
+        DEFAULT: '#16A34A',
+        1: '#E8F6ED',
+        dark: '#22C55E',
+        'dark-1': '#264936',
+      },
+      info: {
+        DEFAULT: '#297EFF',
+        1: '#E9F2FF',
+        dark: '#5498FF',
+        'dark-1': '#233554',
+      },
+      teal: {
+        DEFAULT: '#25DEC8',
+        1: '#E8FCFA',
+        dark: '#25DEC8',
+        'dark-1': '#234849',
+      },
+      lime: {
+        DEFAULT: '#C4F33C',
+        1: '#F3FDD8',
+        dark: '#C4F33C',
+        'dark-1': '#424D2D',
+      },
+      pink: {
+        DEFAULT: '#F144D6',
+        1: '#FEECFB',
+        dark: '#F144D6',
+        'dark-1': '#222329',
+      },
+      violet: {
+        DEFAULT: '#C854E4',
+        1: '#FDF8FE',
+        dark: '#CF5DFE',
+        'dark-1': '#292532',
+      },
+    },
+    extend: {
+      backgroundImage: {
+        clicoh: 'linear-gradient(135deg, #6A5DF9, #C854E4)',
+        'brand-shipping': 'linear-gradient(135deg, #5683DD, #8EE3C6)',
+        'brand-full': 'linear-gradient(135deg, #CFBDB2, #CF86F4)',
+      },
+    },
+  },
+  plugins: [],
+  darkMode: ['class'],
+};
+export default config;