tera-system-ui 0.0.19 → 0.0.20

package/dist/components/tera-ui-context/global-context.js

@@ -1,11 +1,19 @@
 import { getContext, setContext } from "svelte";
+import { globalContextStore } from "./global-context-store";
+import { get } from "svelte/store";
 export function setGlobalContext(data) {
-    setContext('globalContext', data);
+    if (data.isAstroEnv) {
+        globalContextStore.set(data);
+    }
+    else {
+        setContext('globalContext', data);
+    }
+    console.log('tera-system-ui', 'set global context', data);
 }
 export function getGlobalContext() {
-    let context = getContext('globalContext');
+    let context = getContext('globalContext') || get(globalContextStore);
     if (!context) {
-        console.warn('tera-system-ui', 'Not set global context yet!', 'Using default context data');
+        console.error('tera-system-ui', 'Not set global context yet!', 'Using default context data');
         return {
             language: 'en',
             supportLanguages: ['en']

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { BrandLogo } from './components/brand-logo';
 export { Button } from './components/button';
 export { Combobox } from './components/combobox';
 export { Command } from './components/command';
-export { Dialog } from './components/dialog';
+export { Dialog, DialogAstro } from './components/dialog';
 export { Header } from './components/header';
 export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconMoon, IconPointFilled, IconSearch, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
 export { Input } from './components/input';

package/dist/index.js

@@ -2,7 +2,7 @@ export { BrandLogo } from './components/brand-logo';
 export { Button } from './components/button';
 export { Combobox } from './components/combobox';
 export { Command } from './components/command';
-export { Dialog } from './components/dialog';
+export { Dialog, DialogAstro } from './components/dialog';
 export { Header } from './components/header';
 export { IconArrowBigRightFilled, IconBook, IconBookmarkPlus, IconCalculator, IconCheck, IconChevronDown, IconCopy, IconCopyCheckFilled, IconHamburger, IconLanguage, IconLoader2, IconMoon, IconPointFilled, IconSearch, IconSun, IconSwitchHorizontal, IconSwitchVertical, IconTransform, IconX } from './components/icons';
 export { Input } from './components/input';

package/dist/themes/scrollbar.scss

@@ -1,37 +1,37 @@
-/* Light mode scrollbar styles */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent; /* Transparent track */
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.2); /* Light mode: dark thumb */
-  border-radius: 10px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(0, 0, 0, 0.4); /* Darker thumb on hover */
-}
-
-/* Dark mode scrollbar styles */
-.dark ::-webkit-scrollbar-thumb {
-  background-color: rgba(255, 255, 255, 0.2); /* Dark mode: light thumb */
-}
-
-.dark ::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(255, 255, 255, 0.4); /* Lighter thumb on hover */
-}
-
-/* Firefox scrollbar styling */
-* {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-}
-
-html.dark, .dark * {
-  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
-}
+/* Light mode scrollbar styles */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent; /* Transparent track */
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2); /* Light mode: dark thumb */
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.4); /* Darker thumb on hover */
+}
+
+/* Dark mode scrollbar styles */
+.dark ::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.2); /* Dark mode: light thumb */
+}
+
+.dark ::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(255, 255, 255, 0.4); /* Lighter thumb on hover */
+}
+
+/* Firefox scrollbar styling */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+}
+
+html.dark, .dark * {
+  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
+}

package/dist/themes/tera-ui-base.css

@@ -1,5 +1,63 @@
+/* Default base style */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 @import "scrollbar.scss";
 
+.ripple {
+    position: absolute;
+    border-radius: 50%;
+    transform: scale(0);
+    animation: ripple-animation 1s ease-out;
+    pointer-events: none;
+}
+
+@keyframes ripple-animation {
+    to {
+        transform: scale(4);
+        opacity: 0;
+    }
+}
+
+body {
+    background: theme(colors.neutral.token.1);
+    color: theme(colors.neutral.token.13);
+}
+
+
+
+@layer components {
+    .border,
+    .border-r,
+    .border-l,
+    .border-t,
+    .border-b,
+    .border-x,
+    .border-y {
+        border-color: theme(colors.neutral.token.5);
+    }
+}
+
+
+@layer utilities {
+    /* Hide scrollbar for Chrome, Safari and Opera */
+    .hide-scrollbar::-webkit-scrollbar {
+        display: none !important;
+    }
+    /* Hide scrollbar for IE, Edge and Firefox */
+    .hide-scrollbar {
+        -ms-overflow-style: none !important;  /* IE and Edge */
+        scrollbar-width: none !important;  /* Firefox */
+    }
+    
+    .skeleton {
+        @apply animate-pulse bg-neutral-token-4 rounded h-4 w-full;
+    }
+}
+
+
+
 
 :root {
     --border-radius-base: 0.25rem;
@@ -150,25 +208,3 @@
     :root {
     }
 }
-
-
-.ripple {
-    position: absolute;
-    border-radius: 50%;
-    transform: scale(0);
-    animation: ripple-animation 1s ease-out;
-    pointer-events: none;
-}
-
-@keyframes ripple-animation {
-    to {
-        transform: scale(4);
-        opacity: 0;
-    }
-}
-
-body {
-    background: theme(colors.neutral.token.1);
-    color: theme(colors.neutral.token.13);
-}
-

package/dist/themes/tw-preset.cjs

@@ -143,6 +143,9 @@ module.exports = {
                 DEFAULT: 'var(--border-radius-base)',
                 container: 'var(--border-radius-container)'
             },
+            borderColor: {
+                DEFAULT: 'hsl(var(--tw---token-color-neutral-token-5))'
+            },
             transitionDuration: {
                 "element-react": '350ms'
             }

package/dist/themes/tw-preset.d.cts

@@ -142,6 +142,10 @@ export namespace theme {
             let DEFAULT: string;
             let container: string;
         }
+        namespace borderColor {
+            let DEFAULT_1: string;
+            export { DEFAULT_1 as DEFAULT };
+        }
         let transitionDuration: {
             "element-react": string;
         };

package/package.json

@@ -1,95 +1,96 @@
-{
-  "name": "tera-system-ui",
-  "version": "0.0.19",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run package",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "customPrepublish": "node ./scripts/prepublish.js",
-    "prepublishOnly": "npm run lang-compile && npm run customPrepublish && npm run package",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lang-compile": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide"
-  },
-  "bin": {
-    "ui": "./scripts/add-component-template.js",
-    "gen": "./scripts/generate-ts-index.js"
-  },
-  "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./i18n": {
-      "types": "./dist/i18n/index.d.ts",
-      "svelte": "./dist/i18n/index.js",
-      "default": "./dist/i18n/index.js"
-    },
-    "./icons": {
-      "types": "./dist/components/icons/index.d.ts",
-      "svelte": "./dist/components/icons/index.js",
-      "default": "./dist/components/icons/index.js"
-    },
-    "./command": {
-      "types": "./dist/components/command/index.d.ts",
-      "svelte": "./dist/components/command/index.js",
-      "default": "./dist/components/command/index.js"
-    },
-    "./themes/tw-preset": "./dist/themes/tw-preset.cjs",
-    "./themes/tera-ui-base": "./dist/themes/tera-ui-base.css"
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.1",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/addon-links": "^8.3.6",
-    "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addon-svelte-csf": "^5.0.0-next.8",
-    "@storybook/addon-themes": "^8.3.6",
-    "@storybook/addon-viewport": "^8.3.6",
-    "@storybook/blocks": "^8.3.6",
-    "@storybook/svelte": "^8.3.6",
-    "@storybook/sveltekit": "^8.3.6",
-    "@storybook/test": "^8.3.6",
-    "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.7.3",
-    "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "npx": "^10.2.2",
-    "publint": "^0.2.12",
-    "sass-embedded": "^1.80.5",
-    "storybook": "^8.3.6",
-    "svelte": "^5.1.6",
-    "svelte-check": "^4.0.5",
-    "tailwindcss": "^3.4.14",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.10"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.6.12",
-    "@inlang/paraglide-sveltekit": "0.11.5",
-    "@tabler/icons-svelte": "^3.21.0",
-    "clsx": "^2.1.1",
-    "autoprefixer": "^10.4.20",
-    "@inlang/paraglide-js": "1.11.3",
-    "tailwind-variants": "^0.2.1"
-  }
-}
+{
+  "name": "tera-system-ui",
+  "version": "0.0.20",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "customPrepublish": "node ./scripts/prepublish.js",
+    "prepublishOnly": "npm run lang-compile && npm run customPrepublish && npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lang-compile": "paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide"
+  },
+  "bin": {
+    "ui": "./scripts/add-component-template.js",
+    "gen": "./scripts/generate-ts-index.js"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "svelte": "./dist/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "./icons": {
+      "types": "./dist/components/icons/index.d.ts",
+      "svelte": "./dist/components/icons/index.js",
+      "default": "./dist/components/icons/index.js"
+    },
+    "./command": {
+      "types": "./dist/components/command/index.d.ts",
+      "svelte": "./dist/components/command/index.js",
+      "default": "./dist/components/command/index.js"
+    },
+    "./themes/tw-preset": "./dist/themes/tw-preset.cjs",
+    "./themes/tera-ui-base": "./dist/themes/tera-ui-base.css"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.1",
+    "@storybook/addon-essentials": "^8.3.6",
+    "@storybook/addon-interactions": "^8.3.6",
+    "@storybook/addon-links": "^8.3.6",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/addon-svelte-csf": "^5.0.0-next.8",
+    "@storybook/addon-themes": "^8.3.6",
+    "@storybook/addon-viewport": "^8.3.6",
+    "@storybook/blocks": "^8.3.6",
+    "@storybook/svelte": "^8.3.6",
+    "@storybook/sveltekit": "^8.3.6",
+    "@storybook/test": "^8.3.6",
+    "@sveltejs/adapter-auto": "^3.3.1",
+    "@sveltejs/kit": "^2.7.3",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "npx": "^10.2.2",
+    "publint": "^0.2.12",
+    "sass-embedded": "^1.80.5",
+    "storybook": "^8.3.6",
+    "svelte": "^5.1.6",
+    "svelte-check": "^4.0.5",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.12",
+    "@inlang/paraglide-sveltekit": "0.11.5",
+    "@tabler/icons-svelte": "^3.21.0",
+    "clsx": "^2.1.1",
+    "autoprefixer": "^10.4.20",
+    "@inlang/paraglide-js": "1.11.3",
+    "tailwind-variants": "^0.2.1"
+  }
+}