@molecule/app-theme-css-variables-liquid-glass 1.0.0

package/LICENSE

@@ -0,0 +1,115 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work.
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship.
+
+      "Contribution" shall mean any work of authorship, including the
+      original version of the Work and any modifications or additions
+      to that Work, that is intentionally submitted to the Licensor for
+      inclusion in the Work by the copyright owner or by an individual or
+      Legal Entity authorized to submit on behalf of the copyright owner.
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by the Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      patent license to make, have made, use, offer to sell, sell, import,
+      and otherwise transfer the Work.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file.
+
+   5. Submission of Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND.
+
+   8. Limitation of Liability. In no event and under no legal theory shall
+      any Contributor be liable to You for damages.
+
+   9. Accepting Warranty or Additional Liability.
+
+   Copyright 2026 Molecule Dev, Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Liquid glass theme preset for molecule.dev.
+ *
+ * Provides translucent, frosted-glass-inspired light and dark themes
+ * designed to pair with backdrop-filter blur effects. Uses the standard
+ * CSS custom properties provider from `@molecule/app-theme-css-variables`.
+ *
+ * @example
+ * ```typescript
+ * import { createCSSVariablesThemeProvider, lightTheme, darkTheme } from '@molecule/app-theme-css-variables-liquid-glass'
+ * import { setProvider } from '@molecule/app-theme'
+ *
+ * const provider = createCSSVariablesThemeProvider({
+ *   themes: [lightTheme, darkTheme],
+ *   defaultTheme: 'dark',
+ *   persistKey: 'molecule-theme',
+ * })
+ *
+ * setProvider(provider)
+ * ```
+ *
+ * @remarks
+ * - The frosted BLUR comes from the ClassMap, not from these themes: pair with
+ *   `@molecule/app-ui-tailwind-glass` (`setClassMap(classMap)`), which layers
+ *   `backdrop-filter` onto surface components. These themes alone give
+ *   translucent colors with no blur.
+ * - Same precedence trap as the base bond: template-based apps ship
+ *   `app/src/theme.css` whose `--color-*` variables SHADOW these theme colors —
+ *   when `theme.css` defines colors, wiring this preset changes nothing visible;
+ *   port the glass palette into `theme.css` instead (see
+ *   `@molecule/app-theme-css-variables` remarks for the full mechanism).
+ *
+ * @module
+ */
+export * from './provider.js';
+export * from './themes.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,38 @@
+/**
+ * Liquid glass theme preset for molecule.dev.
+ *
+ * Provides translucent, frosted-glass-inspired light and dark themes
+ * designed to pair with backdrop-filter blur effects. Uses the standard
+ * CSS custom properties provider from `@molecule/app-theme-css-variables`.
+ *
+ * @example
+ * ```typescript
+ * import { createCSSVariablesThemeProvider, lightTheme, darkTheme } from '@molecule/app-theme-css-variables-liquid-glass'
+ * import { setProvider } from '@molecule/app-theme'
+ *
+ * const provider = createCSSVariablesThemeProvider({
+ *   themes: [lightTheme, darkTheme],
+ *   defaultTheme: 'dark',
+ *   persistKey: 'molecule-theme',
+ * })
+ *
+ * setProvider(provider)
+ * ```
+ *
+ * @remarks
+ * - The frosted BLUR comes from the ClassMap, not from these themes: pair with
+ *   `@molecule/app-ui-tailwind-glass` (`setClassMap(classMap)`), which layers
+ *   `backdrop-filter` onto surface components. These themes alone give
+ *   translucent colors with no blur.
+ * - Same precedence trap as the base bond: template-based apps ship
+ *   `app/src/theme.css` whose `--color-*` variables SHADOW these theme colors —
+ *   when `theme.css` defines colors, wiring this preset changes nothing visible;
+ *   port the glass palette into `theme.css` instead (see
+ *   `@molecule/app-theme-css-variables` remarks for the full mechanism).
+ *
+ * @module
+ */
+export * from './provider.js';
+export * from './themes.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}

package/dist/provider.d.ts

@@ -0,0 +1,12 @@
+/**
+ * CSS variables theme provider for liquid glass themes.
+ *
+ * Re-exports the factory function from the base CSS variables provider.
+ * The liquid glass preset only changes the theme color palette, not the
+ * provider mechanism.
+ *
+ * @module
+ */
+export type { CSSVariablesThemeConfig, ThemeStorageAdapter, } from '@molecule/app-theme-css-variables';
+export { createCSSVariablesThemeProvider } from '@molecule/app-theme-css-variables';
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,YAAY,EACV,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAA"}

package/dist/provider.js

@@ -0,0 +1,11 @@
+/**
+ * CSS variables theme provider for liquid glass themes.
+ *
+ * Re-exports the factory function from the base CSS variables provider.
+ * The liquid glass preset only changes the theme color palette, not the
+ * provider mechanism.
+ *
+ * @module
+ */
+export { createCSSVariablesThemeProvider } from '@molecule/app-theme-css-variables';
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAA"}

package/dist/themes.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Liquid glass light and dark theme definitions.
+ *
+ * Surfaces use translucent rgba values designed to pair with
+ * backdrop-filter blur effects for a frosted glass appearance.
+ *
+ * @module
+ */
+import type { Theme } from '@molecule/app-theme';
+/**
+ * Liquid glass light theme.
+ *
+ * Translucent white surfaces over blurred backgrounds.
+ */
+export declare const lightTheme: Theme;
+/**
+ * Liquid glass dark theme.
+ *
+ * Translucent dark surfaces over blurred backgrounds.
+ */
+export declare const darkTheme: Theme;
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAEhD;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAsHxB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAsHvB,CAAA"}

package/dist/themes.js

@@ -0,0 +1,247 @@
+/**
+ * Liquid glass light and dark theme definitions.
+ *
+ * Surfaces use translucent rgba values designed to pair with
+ * backdrop-filter blur effects for a frosted glass appearance.
+ *
+ * @module
+ */
+/**
+ * Liquid glass light theme.
+ *
+ * Translucent white surfaces over blurred backgrounds.
+ */
+export const lightTheme = {
+    name: 'light',
+    mode: 'light',
+    colors: {
+        background: '#f0f0f0',
+        backgroundSecondary: '#e8e8e8',
+        backgroundTertiary: '#e0e0e0',
+        surface: 'rgba(255, 255, 255, 0.55)',
+        surfaceSecondary: 'rgba(255, 255, 255, 0.35)',
+        inputBackground: 'rgba(255, 255, 255, 0.7)',
+        text: '#1a1a1a',
+        textSecondary: '#555555',
+        textTertiary: '#777777',
+        textInverse: '#ffffff',
+        primary: '#0071e3',
+        primaryLight: '#3d9aff',
+        primaryDark: '#0058b0',
+        secondary: '#6e6e73',
+        secondaryLight: '#8e8e93',
+        secondaryDark: '#48484a',
+        success: '#34c759',
+        successLight: 'rgba(52, 199, 89, 0.15)',
+        warning: '#ff9f0a',
+        warningLight: 'rgba(255, 159, 10, 0.15)',
+        error: '#ff3b30',
+        errorLight: 'rgba(255, 59, 48, 0.15)',
+        info: '#5ac8fa',
+        infoLight: 'rgba(90, 200, 250, 0.15)',
+        border: 'rgba(0, 0, 0, 0.12)',
+        borderSecondary: 'rgba(0, 0, 0, 0.08)',
+        borderFocus: '#0071e3',
+        overlay: 'rgba(0, 0, 0, 0.3)',
+        shadow: 'rgba(0, 0, 0, 0.08)',
+    },
+    breakpoints: {
+        mobileS: '320px',
+        mobileM: '375px',
+        mobileL: '425px',
+        tablet: '768px',
+        laptop: '1024px',
+        laptopL: '1440px',
+        desktop: '2560px',
+    },
+    spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px',
+        xl: '32px',
+        xxl: '48px',
+        xxxl: '64px',
+    },
+    typography: {
+        fontFamily: {
+            sans: '-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+            serif: 'Georgia, "Times New Roman", Times, serif',
+            mono: '"SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+        },
+        fontSize: {
+            xs: '0.75rem',
+            sm: '0.875rem',
+            base: '1rem',
+            lg: '1.125rem',
+            xl: '1.25rem',
+            '2xl': '1.5rem',
+            '3xl': '1.875rem',
+            '4xl': '2.25rem',
+            '5xl': '3rem',
+        },
+        fontWeight: {
+            light: 300,
+            normal: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+        lineHeight: {
+            tight: 1.25,
+            normal: 1.5,
+            relaxed: 1.75,
+        },
+    },
+    borderRadius: {
+        none: '0',
+        sm: '8px',
+        md: '12px',
+        lg: '16px',
+        xl: '22px',
+        full: '9999px',
+    },
+    shadows: {
+        none: 'none',
+        sm: '0 1px 3px rgba(0, 0, 0, 0.06)',
+        md: '0 4px 12px rgba(0, 0, 0, 0.08)',
+        lg: '0 8px 24px rgba(0, 0, 0, 0.1)',
+        xl: '0 16px 40px rgba(0, 0, 0, 0.12)',
+    },
+    transitions: {
+        fast: '150ms ease',
+        normal: '300ms ease',
+        slow: '500ms ease',
+    },
+    zIndex: {
+        hide: -1,
+        base: 0,
+        dropdown: 1000,
+        sticky: 1100,
+        fixed: 1200,
+        modal: 1300,
+        popover: 1400,
+        tooltip: 1500,
+        toast: 1600,
+    },
+};
+/**
+ * Liquid glass dark theme.
+ *
+ * Translucent dark surfaces over blurred backgrounds.
+ */
+export const darkTheme = {
+    name: 'dark',
+    mode: 'dark',
+    colors: {
+        background: '#0a0a0a',
+        backgroundSecondary: '#111111',
+        backgroundTertiary: '#1a1a1a',
+        surface: 'rgba(40, 40, 40, 0.55)',
+        surfaceSecondary: 'rgba(50, 50, 50, 0.4)',
+        inputBackground: 'rgba(30, 30, 30, 0.7)',
+        text: '#f5f5f7',
+        textSecondary: '#a1a1a6',
+        textTertiary: '#6e6e73',
+        textInverse: '#1d1d1f',
+        primary: '#0a84ff',
+        primaryLight: '#409cff',
+        primaryDark: '#0064d2',
+        secondary: '#8e8e93',
+        secondaryLight: '#aeaeb2',
+        secondaryDark: '#636366',
+        success: '#30d158',
+        successLight: 'rgba(48, 209, 88, 0.2)',
+        warning: '#ffd60a',
+        warningLight: 'rgba(255, 214, 10, 0.2)',
+        error: '#ff453a',
+        errorLight: 'rgba(255, 69, 58, 0.2)',
+        info: '#64d2ff',
+        infoLight: 'rgba(100, 210, 255, 0.2)',
+        border: 'rgba(255, 255, 255, 0.12)',
+        borderSecondary: 'rgba(255, 255, 255, 0.08)',
+        borderFocus: '#0a84ff',
+        overlay: 'rgba(0, 0, 0, 0.5)',
+        shadow: 'rgba(0, 0, 0, 0.3)',
+    },
+    breakpoints: {
+        mobileS: '320px',
+        mobileM: '375px',
+        mobileL: '425px',
+        tablet: '768px',
+        laptop: '1024px',
+        laptopL: '1440px',
+        desktop: '2560px',
+    },
+    spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px',
+        xl: '32px',
+        xxl: '48px',
+        xxxl: '64px',
+    },
+    typography: {
+        fontFamily: {
+            sans: '-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+            serif: 'Georgia, "Times New Roman", Times, serif',
+            mono: '"SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+        },
+        fontSize: {
+            xs: '0.75rem',
+            sm: '0.875rem',
+            base: '1rem',
+            lg: '1.125rem',
+            xl: '1.25rem',
+            '2xl': '1.5rem',
+            '3xl': '1.875rem',
+            '4xl': '2.25rem',
+            '5xl': '3rem',
+        },
+        fontWeight: {
+            light: 300,
+            normal: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+        lineHeight: {
+            tight: 1.25,
+            normal: 1.5,
+            relaxed: 1.75,
+        },
+    },
+    borderRadius: {
+        none: '0',
+        sm: '8px',
+        md: '12px',
+        lg: '16px',
+        xl: '22px',
+        full: '9999px',
+    },
+    shadows: {
+        none: 'none',
+        sm: '0 1px 3px rgba(0, 0, 0, 0.15)',
+        md: '0 4px 12px rgba(0, 0, 0, 0.2)',
+        lg: '0 8px 24px rgba(0, 0, 0, 0.25)',
+        xl: '0 16px 40px rgba(0, 0, 0, 0.3)',
+    },
+    transitions: {
+        fast: '150ms ease',
+        normal: '300ms ease',
+        slow: '500ms ease',
+    },
+    zIndex: {
+        hide: -1,
+        base: 0,
+        dropdown: 1000,
+        sticky: 1100,
+        fixed: 1200,
+        modal: 1300,
+        popover: 1400,
+        tooltip: 1500,
+        toast: 1600,
+    },
+};
+//# sourceMappingURL=themes.js.map

package/dist/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Types for the liquid glass theme preset.
+ *
+ * Re-exports config types from the base CSS variables provider.
+ *
+ * @module
+ */
+export type { CSSVariablesThemeConfig, ThemeStorageAdapter, } from '@molecule/app-theme-css-variables';
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,YAAY,EACV,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,mCAAmC,CAAA"}

package/dist/types.js

@@ -0,0 +1,9 @@
+/**
+ * Types for the liquid glass theme preset.
+ *
+ * Re-exports config types from the base CSS variables provider.
+ *
+ * @module
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@molecule/app-theme-css-variables-liquid-glass",
+  "version": "1.0.0",
+  "description": "Liquid glass theme preset with translucent surfaces for molecule.dev",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "molecule",
+    "theme",
+    "css-variables",
+    "liquid-glass",
+    "frosted-glass",
+    "translucent"
+  ],
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "@types/node": "26.1.2",
+    "typescript": "6.0.3",
+    "vitest": "4.1.10"
+  },
+  "peerDependencies": {
+    "@molecule/app-theme": "^1.0.0",
+    "@molecule/app-theme-css-variables": "^1.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/molecule-dev/molecule.git",
+    "directory": "packages/app/bonds/theme/css-variables-liquid-glass"
+  },
+  "homepage": "https://github.com/molecule-dev/molecule/tree/main/packages/app/bonds/theme/css-variables-liquid-glass",
+  "bugs": "https://github.com/molecule-dev/molecule/issues",
+  "publishConfig": {
+    "access": "public"
+  }
+}