dolphincss 1.0.6 → 1.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>DolphinCSS Example</title>
7
- <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
8
- </head>
9
- <body>
10
- <div id="root"></div>
11
- <script type="module" src="./src/main.jsx"></script>
12
- </body>
13
- </html>
@@ -1,20 +0,0 @@
1
- {
2
- "name": "dolphincss-examples",
3
- "version": "1.0.0",
4
- "private": true,
5
- "type": "module",
6
- "scripts": {
7
- "dev": "vite",
8
- "build": "vite build",
9
- "preview": "vite preview"
10
- },
11
- "dependencies": {
12
- "react": "^19.1.1",
13
- "react-dom": "^19.1.1",
14
- "dolphincss": "file:.."
15
- },
16
- "devDependencies": {
17
- "@vitejs/plugin-react": "^5.0.4",
18
- "vite": "^7.1.7"
19
- }
20
- }
@@ -1,32 +0,0 @@
1
- import React, { useState } from "react";
2
- import '../../dolphin-css/App.css'
3
- export default function App() {
4
- const [theme, setTheme] = useState("light");
5
-
6
- const toggleTheme = () => {
7
- const newTheme = theme === "light" ? "dark" : "light";
8
- setTheme(newTheme);
9
- document.documentElement.setAttribute("data-theme", newTheme);
10
- };
11
-
12
- return (
13
- <div className="min-h-screen p-8 bg-gray-100 dark:bg-gray-900 transition-all duration-300">
14
- <h1 className="text-3xl font-bold text-gray-900 dark:text-white mb-4">
15
- DolphinCSS Example
16
- </h1>
17
-
18
- <button
19
- className="filled primary glass px-4 py-2 rounded"
20
- onClick={toggleTheme}
21
- >
22
- Toggle Theme
23
- </button>
24
-
25
- <div className="mt-6 flex gap-4">
26
- <button className="circle filled primary p-3">Primary</button>
27
- <button className="outlined success glass px-4 py-2">Success</button>
28
- <button className="plain danger glass px-4 py-2">Danger</button>
29
- </div>
30
- </div>
31
- );
32
- }
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import ReactDOM from "react-dom/client";
3
- import App from "./App.jsx";
4
- import '../../dolphin-css/App.css'; // <-- main DolphinCSS import
5
-
6
- ReactDOM.createRoot(document.getElementById("root")).render(
7
- <React.StrictMode>
8
- <App />
9
- </React.StrictMode>
10
- );
@@ -1,14 +0,0 @@
1
- import { defineConfig } from 'vite';
2
- import react from '@vitejs/plugin-react';
3
-
4
- export default defineConfig({
5
- root: '.', // index.html भएको folder
6
- plugins: [react()],
7
- server: {
8
- open: true,
9
- port: 5173
10
- },
11
- build: {
12
- outDir: 'dist'
13
- }
14
- });
package/src/index.css DELETED
@@ -1 +0,0 @@
1
- @import "tailwindcss";
package/src/main.jsx DELETED
@@ -1,12 +0,0 @@
1
- import React from 'react'
2
- import { StrictMode } from 'react'
3
- import { createRoot } from 'react-dom/client'
4
- import './dolphin-css/index.css'
5
- import './index.css'
6
- import App from './App.jsx'
7
-
8
- createRoot(document.getElementById('root')).render(
9
- <StrictMode>
10
- <App />
11
- </StrictMode>,
12
- )
package/vite.config.js DELETED
@@ -1,36 +0,0 @@
1
- import { defineConfig } from 'vite';
2
- import tailwindcss from '@tailwindcss/vite';
3
- import react from '@vitejs/plugin-react';
4
- import path from 'path';
5
- import { fileURLToPath } from 'url';
6
-
7
- const __filename = fileURLToPath(import.meta.url);
8
- const __dirname = path.dirname(__filename);
9
-
10
- export default defineConfig({
11
- plugins: [tailwindcss(), react()],
12
- resolve: {
13
- alias: {
14
- '@maincss': path.resolve(__dirname, 'MainCss'),
15
- },
16
- },
17
- build: {
18
- outDir: 'dist',
19
- rollupOptions: {
20
- input: {
21
- main: path.resolve(__dirname, 'index.html'),
22
- css: path.resolve(__dirname, 'src/dolphin-css/App.css')
23
- },
24
- output: {
25
- assetFileNames: (assetInfo) => {
26
- if (assetInfo.name === 'App.css') {
27
- return 'dolphin-css.css';
28
- }
29
- return 'assets/[name]-[hash][extname]';
30
- },
31
- entryFileNames: 'index.js',
32
- chunkFileNames: 'chunks/[name].js',
33
- },
34
- },
35
- },
36
- });