@cratis/scene.primereact 0.1.0

package/dist/cjs/theme/themePresets.js

@@ -0,0 +1,526 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Every free PrimeReact 10 theme this package exposes, and the Scene tokens each one stands for.
+ *
+ * This is data, not logic. Each `name` is the folder the theme lives in under
+ * `primereact/resources/themes`, which is what makes `primeReactThemeStylesheet` a direct lookup rather
+ * than a table that could fall out of step with the files on disk.
+ *
+ * The token values are read verbatim out of each theme's own `theme.css` `:root` block, so a Scene token
+ * always agrees with what the PrimeReact stylesheet actually renders. That fidelity is the point of the
+ * bridge, and it is kept even where a theme's own values are odd - `lara-light-teal` really does ship
+ * the same color for `--highlight-bg` and `--highlight-text-color`, and mirroring it keeps the token
+ * layer honest about what the component skin will do.
+ *
+ * There is exactly one deliberate deviation: PrimeReact 10.9.8 ships `viva-dark` with an unresolved SCSS
+ * expression, `rgba($primaryColor, 0.08)`, for `--surface-hover`. That is not valid CSS and resolves to
+ * nothing at all, so it cannot be mirrored; the intended value - the theme's primary color at 8% - is
+ * used instead.
+ */ const themePresets = [
+    {
+        name: 'lara-light-blue',
+        description: 'The PrimeReact default: a clean, roomy light theme on a blue accent.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#3b82f6',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#f9fafb',
+            'surface.card': '#ffffff',
+            'surface.border': '#dfe7ef',
+            'surface.hover': '#f6f9fc',
+            'surface.overlay': '#ffffff',
+            'text.color': '#4b5563',
+            'text.mutedColor': '#6b7280',
+            'highlight.background': '#eff6ff',
+            'highlight.color': '#1d4ed8',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem #bfdbfe'
+        }
+    },
+    {
+        name: 'lara-dark-blue',
+        description: 'The Lara family in dark, on a blue accent.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#60a5fa',
+            'primary.contrastColor': '#030712',
+            'surface.background': '#111827',
+            'surface.card': '#1f2937',
+            'surface.border': 'rgba(255, 255, 255, 0.1)',
+            'surface.hover': 'rgba(255, 255, 255, 0.03)',
+            'surface.overlay': '#1f2937',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(96, 165, 250, 0.16)',
+            'highlight.color': 'rgba(255, 255, 255, 0.87)',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem rgba(96, 165, 250, 0.2)'
+        }
+    },
+    {
+        name: 'lara-light-indigo',
+        description: 'Lara light with an indigo accent.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#6366f1',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#f9fafb',
+            'surface.card': '#ffffff',
+            'surface.border': '#dfe7ef',
+            'surface.hover': '#f6f9fc',
+            'surface.overlay': '#ffffff',
+            'text.color': '#4b5563',
+            'text.mutedColor': '#6b7280',
+            'highlight.background': '#eef2ff',
+            'highlight.color': '#4338ca',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem #c7d2fe'
+        }
+    },
+    {
+        name: 'lara-dark-indigo',
+        description: 'Lara dark with an indigo accent.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#818cf8',
+            'primary.contrastColor': '#030712',
+            'surface.background': '#111827',
+            'surface.card': '#1f2937',
+            'surface.border': 'rgba(255, 255, 255, 0.1)',
+            'surface.hover': 'rgba(255, 255, 255, 0.03)',
+            'surface.overlay': '#1f2937',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(129, 140, 248, 0.16)',
+            'highlight.color': 'rgba(255, 255, 255, 0.87)',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem rgba(129, 140, 248, 0.2)'
+        }
+    },
+    {
+        name: 'lara-light-purple',
+        description: 'Lara light with a purple accent.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#8b5cf6',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#f9fafb',
+            'surface.card': '#ffffff',
+            'surface.border': '#dfe7ef',
+            'surface.hover': '#f6f9fc',
+            'surface.overlay': '#ffffff',
+            'text.color': '#4b5563',
+            'text.mutedColor': '#6b7280',
+            'highlight.background': '#f5f3ff',
+            'highlight.color': '#6d28d9',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem #ddd6fe'
+        }
+    },
+    {
+        name: 'lara-dark-purple',
+        description: 'Lara dark with a purple accent.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#a78bfa',
+            'primary.contrastColor': '#030712',
+            'surface.background': '#111827',
+            'surface.card': '#1f2937',
+            'surface.border': 'rgba(255, 255, 255, 0.1)',
+            'surface.hover': 'rgba(255, 255, 255, 0.03)',
+            'surface.overlay': '#1f2937',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(167, 139, 250, 0.16)',
+            'highlight.color': 'rgba(255, 255, 255, 0.87)',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem rgba(167, 139, 250, 0.2)'
+        }
+    },
+    {
+        name: 'lara-light-teal',
+        description: 'Lara light with a teal accent.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#14b8a6',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#f9fafb',
+            'surface.card': '#ffffff',
+            'surface.border': '#dfe7ef',
+            'surface.hover': '#f6f9fc',
+            'surface.overlay': '#ffffff',
+            'text.color': '#4b5563',
+            'text.mutedColor': '#6b7280',
+            'highlight.background': '#0f766e',
+            'highlight.color': '#0f766e',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem #99f6e4'
+        }
+    },
+    {
+        name: 'lara-dark-teal',
+        description: 'Lara dark with a teal accent.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#2dd4bf',
+            'primary.contrastColor': '#030712',
+            'surface.background': '#111827',
+            'surface.card': '#1f2937',
+            'surface.border': 'rgba(255, 255, 255, 0.1)',
+            'surface.hover': 'rgba(255, 255, 255, 0.03)',
+            'surface.overlay': '#1f2937',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(45, 212, 191, 0.16)',
+            'highlight.color': 'rgba(255, 255, 255, 0.87)',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.2rem rgba(45, 212, 191, 0.2)'
+        }
+    },
+    {
+        name: 'saga-blue',
+        description: 'PrimeTek\'s earlier light theme: tighter spacing and smaller radii than Lara.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#2196f3',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#f8f9fa',
+            'surface.card': '#ffffff',
+            'surface.border': '#dee2e6',
+            'surface.hover': '#e9ecef',
+            'surface.overlay': '#ffffff',
+            'text.color': '#495057',
+            'text.mutedColor': '#6c757d',
+            'highlight.background': '#e3f2fd',
+            'highlight.color': '#495057',
+            'content.borderRadius': '3px',
+            'focus.ring': '0 0 0 0.2rem #a6d5fa'
+        }
+    },
+    {
+        name: 'vela-blue',
+        description: 'Saga\'s dark counterpart, on a desaturated blue-grey ground.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#64b5f6',
+            'primary.contrastColor': '#212529',
+            'surface.background': '#17212f',
+            'surface.card': '#1f2d40',
+            'surface.border': '#304562',
+            'surface.hover': 'rgba(255, 255, 255, 0.03)',
+            'surface.overlay': '#1f2d40',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(100, 181, 246, 0.16)',
+            'highlight.color': 'rgba(255, 255, 255, 0.87)',
+            'content.borderRadius': '3px',
+            'focus.ring': '0 0 0 1px #93cbf9'
+        }
+    },
+    {
+        name: 'arya-blue',
+        description: 'Saga\'s near-black dark counterpart, for high-contrast dark surfaces.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#64b5f6',
+            'primary.contrastColor': '#212529',
+            'surface.background': '#121212',
+            'surface.card': '#1e1e1e',
+            'surface.border': '#383838',
+            'surface.hover': 'rgba(255, 255, 255, 0.03)',
+            'surface.overlay': '#1e1e1e',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(100, 181, 246, 0.16)',
+            'highlight.color': 'rgba(255, 255, 255, 0.87)',
+            'content.borderRadius': '3px',
+            'focus.ring': '0 0 0 1px #93cbf9'
+        }
+    },
+    {
+        name: 'bootstrap4-light-blue',
+        description: 'PrimeTek\'s interpretation of the Bootstrap 4 look, in light.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#007bff',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#efefef',
+            'surface.card': '#ffffff',
+            'surface.border': '#dee2e6',
+            'surface.hover': '#e9ecef',
+            'surface.overlay': '#ffffff',
+            'text.color': '#212529',
+            'text.mutedColor': '#6c757d',
+            'highlight.background': '#007bff',
+            'highlight.color': '#ffffff',
+            'content.borderRadius': '4px',
+            'focus.ring': '0 0 0 0.2rem rgba(38, 143, 255, 0.5)'
+        }
+    },
+    {
+        name: 'bootstrap4-dark-blue',
+        description: 'PrimeTek\'s interpretation of the Bootstrap 4 look, in dark.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#8dd0ff',
+            'primary.contrastColor': '#151515',
+            'surface.background': '#20262e',
+            'surface.card': '#2a323d',
+            'surface.border': '#3f4b5b',
+            'surface.hover': 'rgba(255, 255, 255, 0.04)',
+            'surface.overlay': '#2a323d',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': '#8dd0ff',
+            'highlight.color': '#151515',
+            'content.borderRadius': '4px',
+            'focus.ring': '0 0 0 1px #e3f3fe'
+        }
+    },
+    {
+        name: 'soho-light',
+        description: 'A soft, low-contrast light theme on a violet accent.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#7254f3',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#eff3f8',
+            'surface.card': '#ffffff',
+            'surface.border': '#dfe7ef',
+            'surface.hover': '#f6f9fc',
+            'surface.overlay': '#ffffff',
+            'text.color': '#043d75',
+            'text.mutedColor': '#708da9',
+            'highlight.background': '#e2dcfc',
+            'highlight.color': '#7254f3',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 1px #c7bbfa'
+        }
+    },
+    {
+        name: 'soho-dark',
+        description: 'Soho in dark, on the same violet accent.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#b19df7',
+            'primary.contrastColor': 'hsl(234, 15%, 13%)',
+            'surface.background': '#1d1e27',
+            'surface.card': '#282936',
+            'surface.border': '#3e4053',
+            'surface.hover': 'rgba(255, 255, 255, 0.03)',
+            'surface.overlay': '#282936',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(177, 157, 247, 0.16)',
+            'highlight.color': '#b19df7',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 1px #e0d8fc'
+        }
+    },
+    {
+        name: 'viva-light',
+        description: 'A neutral, understated light theme on a muted indigo accent.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#5472d4',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#f5f5f5',
+            'surface.card': '#ffffff',
+            'surface.border': '#ebebeb',
+            'surface.hover': '#edf0fa',
+            'surface.overlay': '#ffffff',
+            'text.color': '#6c6c6c',
+            'text.mutedColor': '#898989',
+            'highlight.background': '#ced6f1',
+            'highlight.color': '#585858',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 0.1rem #bbc7ee'
+        }
+    },
+    {
+        name: 'viva-dark',
+        description: 'Viva in dark, on a near-black blue-grey ground.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#9eade6',
+            'primary.contrastColor': '#121212',
+            'surface.background': '#0e1315',
+            'surface.card': '#161d21',
+            'surface.border': '#263238',
+            'surface.hover': 'rgba(158, 173, 230, 0.08)',
+            'surface.overlay': '#161d21',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(158, 173, 230, 0.16)',
+            'highlight.color': '#9eade6',
+            'content.borderRadius': '6px',
+            'focus.ring': '0 0 0 1px #9eade6'
+        }
+    },
+    {
+        name: 'md-light-indigo',
+        description: 'PrimeTek\'s interpretation of Material Design, in light on indigo.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#3F51B5',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#fafafa',
+            'surface.card': '#ffffff',
+            'surface.border': 'rgba(0, 0, 0, 0.12)',
+            'surface.hover': 'rgba(0, 0, 0, 0.04)',
+            'surface.overlay': '#ffffff',
+            'text.color': 'rgba(0, 0, 0, 0.87)',
+            'text.mutedColor': 'rgba(0, 0, 0, 0.6)',
+            'highlight.background': 'rgba(63, 81, 181, 0.12)',
+            'highlight.color': '#3F51B5',
+            'content.borderRadius': '4px',
+            'focus.ring': 'none'
+        }
+    },
+    {
+        name: 'md-dark-indigo',
+        description: 'PrimeTek\'s interpretation of Material Design, in dark on indigo.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#9FA8DA',
+            'primary.contrastColor': '#121212',
+            'surface.background': '#121212',
+            'surface.card': '#1e1e1e',
+            'surface.border': 'hsla(0, 0%, 100%, 0.12)',
+            'surface.hover': 'hsla(0, 0%, 100%, 0.04)',
+            'surface.overlay': '#262626',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(159, 168, 218, 0.16)',
+            'highlight.color': '#9FA8DA',
+            'content.borderRadius': '4px',
+            'focus.ring': 'none'
+        }
+    },
+    {
+        name: 'mdc-light-indigo',
+        description: 'The Material interpretation with compact density, in light.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#3F51B5',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#fafafa',
+            'surface.card': '#ffffff',
+            'surface.border': 'rgba(0, 0, 0, 0.12)',
+            'surface.hover': 'rgba(0, 0, 0, 0.04)',
+            'surface.overlay': '#ffffff',
+            'text.color': 'rgba(0, 0, 0, 0.87)',
+            'text.mutedColor': 'rgba(0, 0, 0, 0.6)',
+            'highlight.background': 'rgba(63, 81, 181, 0.12)',
+            'highlight.color': '#3F51B5',
+            'content.borderRadius': '4px',
+            'focus.ring': 'none'
+        }
+    },
+    {
+        name: 'mdc-dark-indigo',
+        description: 'The Material interpretation with compact density, in dark.',
+        isDark: true,
+        tokens: {
+            'primary.color': '#9FA8DA',
+            'primary.contrastColor': '#121212',
+            'surface.background': '#121212',
+            'surface.card': '#1e1e1e',
+            'surface.border': 'hsla(0, 0%, 100%, 0.12)',
+            'surface.hover': 'hsla(0, 0%, 100%, 0.04)',
+            'surface.overlay': '#262626',
+            'text.color': 'rgba(255, 255, 255, 0.87)',
+            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',
+            'highlight.background': 'rgba(159, 168, 218, 0.16)',
+            'highlight.color': '#9FA8DA',
+            'content.borderRadius': '4px',
+            'focus.ring': 'none'
+        }
+    },
+    {
+        name: 'nano',
+        description: 'A dense, near-square theme for information-heavy screens.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#1174c0',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#f2f4f8',
+            'surface.card': '#ffffff',
+            'surface.border': '#dee2e6',
+            'surface.hover': '#dde1e6',
+            'surface.overlay': '#ffffff',
+            'text.color': '#343a3f',
+            'text.mutedColor': '#697077',
+            'highlight.background': '#44a1d9',
+            'highlight.color': '#ffffff',
+            'content.borderRadius': '1px',
+            'focus.ring': '0 0 0 0.2rem #90c9f5'
+        }
+    },
+    {
+        name: 'mira',
+        description: 'A calm light theme on a Nord-inspired blue-grey palette.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#5e81ac',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#eceff4',
+            'surface.card': '#ffffff',
+            'surface.border': '#e5e9f0',
+            'surface.hover': '#d8dee9',
+            'surface.overlay': '#ffffff',
+            'text.color': '#4c566a',
+            'text.mutedColor': '#81a1c1',
+            'highlight.background': '#d8dee9',
+            'highlight.color': '#2e3440',
+            'content.borderRadius': '4px',
+            'focus.ring': '0 0 0 0.2rem #c0d0e0'
+        }
+    },
+    {
+        name: 'fluent-light',
+        description: 'PrimeTek\'s interpretation of the Microsoft Fluent look, in light.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#0078d4',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#faf9f8',
+            'surface.card': '#ffffff',
+            'surface.border': '#edebe9',
+            'surface.hover': '#f3f2f1',
+            'surface.overlay': '#ffffff',
+            'text.color': '#323130',
+            'text.mutedColor': '#605e5c',
+            'highlight.background': '#edebe9',
+            'highlight.color': '#323130',
+            'content.borderRadius': '2px',
+            'focus.ring': 'inset 0 0 0 1px #605e5c'
+        }
+    },
+    {
+        name: 'tailwind-light',
+        description: 'PrimeTek\'s interpretation of the Tailwind UI look, in light.',
+        isDark: false,
+        tokens: {
+            'primary.color': '#4f46e5',
+            'primary.contrastColor': '#ffffff',
+            'surface.background': '#fafafa',
+            'surface.card': '#ffffff',
+            'surface.border': '#e5e7eb',
+            'surface.hover': '#f4f4f5',
+            'surface.overlay': '#ffffff',
+            'text.color': '#3f3f46',
+            'text.mutedColor': '#71717a',
+            'highlight.background': '#eef2ff',
+            'highlight.color': '#312e81',
+            'content.borderRadius': '0.375rem',
+            'focus.ring': '0 0 0 1px #6366f1'
+        }
+    }
+];
+
+exports.themePresets = themePresets;
+//# sourceMappingURL=themePresets.js.map

package/dist/cjs/theme/themePresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themePresets.js","sources":["../../../theme/themePresets.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Theme } from '@cratis/scene.model';\n\n/**\n * One PrimeReact theme, minus everything that is identical for all of them.\n *\n * Attribution and compatibility are deliberately *not* here: they are added once, for every preset, in\n * `primeReactThemes`. Every one of these themes was made by PrimeTek and none of them by us, so crediting\n * them one entry at a time would make it possible to add a twenty-sixth and forget - and a dropped\n * credit is not the kind of mistake a code review reliably catches.\n */\nexport type ThemePreset = Omit<Theme, 'compatibleWith' | 'author' | 'authorUrl' | 'license'>;\n\n/**\n * Every free PrimeReact 10 theme this package exposes, and the Scene tokens each one stands for.\n *\n * This is data, not logic. Each `name` is the folder the theme lives in under\n * `primereact/resources/themes`, which is what makes `primeReactThemeStylesheet` a direct lookup rather\n * than a table that could fall out of step with the files on disk.\n *\n * The token values are read verbatim out of each theme's own `theme.css` `:root` block, so a Scene token\n * always agrees with what the PrimeReact stylesheet actually renders. That fidelity is the point of the\n * bridge, and it is kept even where a theme's own values are odd - `lara-light-teal` really does ship\n * the same color for `--highlight-bg` and `--highlight-text-color`, and mirroring it keeps the token\n * layer honest about what the component skin will do.\n *\n * There is exactly one deliberate deviation: PrimeReact 10.9.8 ships `viva-dark` with an unresolved SCSS\n * expression, `rgba($primaryColor, 0.08)`, for `--surface-hover`. That is not valid CSS and resolves to\n * nothing at all, so it cannot be mirrored; the intended value - the theme's primary color at 8% - is\n * used instead.\n */\nexport const themePresets: ThemePreset[] = [\n    {\n        name: 'lara-light-blue',\n        description: 'The PrimeReact default: a clean, roomy light theme on a blue accent.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#3b82f6',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#f9fafb',\n            'surface.card': '#ffffff',\n            'surface.border': '#dfe7ef',\n            'surface.hover': '#f6f9fc',\n            'surface.overlay': '#ffffff',\n            'text.color': '#4b5563',\n            'text.mutedColor': '#6b7280',\n            'highlight.background': '#eff6ff',\n            'highlight.color': '#1d4ed8',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem #bfdbfe',\n        },\n    },\n    {\n        name: 'lara-dark-blue',\n        description: 'The Lara family in dark, on a blue accent.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#60a5fa',\n            'primary.contrastColor': '#030712',\n            'surface.background': '#111827',\n            'surface.card': '#1f2937',\n            'surface.border': 'rgba(255, 255, 255, 0.1)',\n            'surface.hover': 'rgba(255, 255, 255, 0.03)',\n            'surface.overlay': '#1f2937',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(96, 165, 250, 0.16)',\n            'highlight.color': 'rgba(255, 255, 255, 0.87)',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem rgba(96, 165, 250, 0.2)',\n        },\n    },\n    {\n        name: 'lara-light-indigo',\n        description: 'Lara light with an indigo accent.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#6366f1',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#f9fafb',\n            'surface.card': '#ffffff',\n            'surface.border': '#dfe7ef',\n            'surface.hover': '#f6f9fc',\n            'surface.overlay': '#ffffff',\n            'text.color': '#4b5563',\n            'text.mutedColor': '#6b7280',\n            'highlight.background': '#eef2ff',\n            'highlight.color': '#4338ca',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem #c7d2fe',\n        },\n    },\n    {\n        name: 'lara-dark-indigo',\n        description: 'Lara dark with an indigo accent.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#818cf8',\n            'primary.contrastColor': '#030712',\n            'surface.background': '#111827',\n            'surface.card': '#1f2937',\n            'surface.border': 'rgba(255, 255, 255, 0.1)',\n            'surface.hover': 'rgba(255, 255, 255, 0.03)',\n            'surface.overlay': '#1f2937',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(129, 140, 248, 0.16)',\n            'highlight.color': 'rgba(255, 255, 255, 0.87)',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem rgba(129, 140, 248, 0.2)',\n        },\n    },\n    {\n        name: 'lara-light-purple',\n        description: 'Lara light with a purple accent.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#8b5cf6',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#f9fafb',\n            'surface.card': '#ffffff',\n            'surface.border': '#dfe7ef',\n            'surface.hover': '#f6f9fc',\n            'surface.overlay': '#ffffff',\n            'text.color': '#4b5563',\n            'text.mutedColor': '#6b7280',\n            'highlight.background': '#f5f3ff',\n            'highlight.color': '#6d28d9',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem #ddd6fe',\n        },\n    },\n    {\n        name: 'lara-dark-purple',\n        description: 'Lara dark with a purple accent.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#a78bfa',\n            'primary.contrastColor': '#030712',\n            'surface.background': '#111827',\n            'surface.card': '#1f2937',\n            'surface.border': 'rgba(255, 255, 255, 0.1)',\n            'surface.hover': 'rgba(255, 255, 255, 0.03)',\n            'surface.overlay': '#1f2937',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(167, 139, 250, 0.16)',\n            'highlight.color': 'rgba(255, 255, 255, 0.87)',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem rgba(167, 139, 250, 0.2)',\n        },\n    },\n    {\n        name: 'lara-light-teal',\n        description: 'Lara light with a teal accent.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#14b8a6',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#f9fafb',\n            'surface.card': '#ffffff',\n            'surface.border': '#dfe7ef',\n            'surface.hover': '#f6f9fc',\n            'surface.overlay': '#ffffff',\n            'text.color': '#4b5563',\n            'text.mutedColor': '#6b7280',\n            'highlight.background': '#0f766e',\n            'highlight.color': '#0f766e',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem #99f6e4',\n        },\n    },\n    {\n        name: 'lara-dark-teal',\n        description: 'Lara dark with a teal accent.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#2dd4bf',\n            'primary.contrastColor': '#030712',\n            'surface.background': '#111827',\n            'surface.card': '#1f2937',\n            'surface.border': 'rgba(255, 255, 255, 0.1)',\n            'surface.hover': 'rgba(255, 255, 255, 0.03)',\n            'surface.overlay': '#1f2937',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(45, 212, 191, 0.16)',\n            'highlight.color': 'rgba(255, 255, 255, 0.87)',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.2rem rgba(45, 212, 191, 0.2)',\n        },\n    },\n    {\n        name: 'saga-blue',\n        description: 'PrimeTek\\'s earlier light theme: tighter spacing and smaller radii than Lara.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#2196f3',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#f8f9fa',\n            'surface.card': '#ffffff',\n            'surface.border': '#dee2e6',\n            'surface.hover': '#e9ecef',\n            'surface.overlay': '#ffffff',\n            'text.color': '#495057',\n            'text.mutedColor': '#6c757d',\n            'highlight.background': '#e3f2fd',\n            'highlight.color': '#495057',\n            'content.borderRadius': '3px',\n            'focus.ring': '0 0 0 0.2rem #a6d5fa',\n        },\n    },\n    {\n        name: 'vela-blue',\n        description: 'Saga\\'s dark counterpart, on a desaturated blue-grey ground.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#64b5f6',\n            'primary.contrastColor': '#212529',\n            'surface.background': '#17212f',\n            'surface.card': '#1f2d40',\n            'surface.border': '#304562',\n            'surface.hover': 'rgba(255, 255, 255, 0.03)',\n            'surface.overlay': '#1f2d40',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(100, 181, 246, 0.16)',\n            'highlight.color': 'rgba(255, 255, 255, 0.87)',\n            'content.borderRadius': '3px',\n            'focus.ring': '0 0 0 1px #93cbf9',\n        },\n    },\n    {\n        name: 'arya-blue',\n        description: 'Saga\\'s near-black dark counterpart, for high-contrast dark surfaces.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#64b5f6',\n            'primary.contrastColor': '#212529',\n            'surface.background': '#121212',\n            'surface.card': '#1e1e1e',\n            'surface.border': '#383838',\n            'surface.hover': 'rgba(255, 255, 255, 0.03)',\n            'surface.overlay': '#1e1e1e',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(100, 181, 246, 0.16)',\n            'highlight.color': 'rgba(255, 255, 255, 0.87)',\n            'content.borderRadius': '3px',\n            'focus.ring': '0 0 0 1px #93cbf9',\n        },\n    },\n    {\n        name: 'bootstrap4-light-blue',\n        description: 'PrimeTek\\'s interpretation of the Bootstrap 4 look, in light.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#007bff',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#efefef',\n            'surface.card': '#ffffff',\n            'surface.border': '#dee2e6',\n            'surface.hover': '#e9ecef',\n            'surface.overlay': '#ffffff',\n            'text.color': '#212529',\n            'text.mutedColor': '#6c757d',\n            'highlight.background': '#007bff',\n            'highlight.color': '#ffffff',\n            'content.borderRadius': '4px',\n            'focus.ring': '0 0 0 0.2rem rgba(38, 143, 255, 0.5)',\n        },\n    },\n    {\n        name: 'bootstrap4-dark-blue',\n        description: 'PrimeTek\\'s interpretation of the Bootstrap 4 look, in dark.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#8dd0ff',\n            'primary.contrastColor': '#151515',\n            'surface.background': '#20262e',\n            'surface.card': '#2a323d',\n            'surface.border': '#3f4b5b',\n            'surface.hover': 'rgba(255, 255, 255, 0.04)',\n            'surface.overlay': '#2a323d',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': '#8dd0ff',\n            'highlight.color': '#151515',\n            'content.borderRadius': '4px',\n            'focus.ring': '0 0 0 1px #e3f3fe',\n        },\n    },\n    {\n        name: 'soho-light',\n        description: 'A soft, low-contrast light theme on a violet accent.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#7254f3',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#eff3f8',\n            'surface.card': '#ffffff',\n            'surface.border': '#dfe7ef',\n            'surface.hover': '#f6f9fc',\n            'surface.overlay': '#ffffff',\n            'text.color': '#043d75',\n            'text.mutedColor': '#708da9',\n            'highlight.background': '#e2dcfc',\n            'highlight.color': '#7254f3',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 1px #c7bbfa',\n        },\n    },\n    {\n        name: 'soho-dark',\n        description: 'Soho in dark, on the same violet accent.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#b19df7',\n            'primary.contrastColor': 'hsl(234, 15%, 13%)',\n            'surface.background': '#1d1e27',\n            'surface.card': '#282936',\n            'surface.border': '#3e4053',\n            'surface.hover': 'rgba(255, 255, 255, 0.03)',\n            'surface.overlay': '#282936',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(177, 157, 247, 0.16)',\n            'highlight.color': '#b19df7',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 1px #e0d8fc',\n        },\n    },\n    {\n        name: 'viva-light',\n        description: 'A neutral, understated light theme on a muted indigo accent.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#5472d4',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#f5f5f5',\n            'surface.card': '#ffffff',\n            'surface.border': '#ebebeb',\n            'surface.hover': '#edf0fa',\n            'surface.overlay': '#ffffff',\n            'text.color': '#6c6c6c',\n            'text.mutedColor': '#898989',\n            'highlight.background': '#ced6f1',\n            'highlight.color': '#585858',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 0.1rem #bbc7ee',\n        },\n    },\n    {\n        name: 'viva-dark',\n        description: 'Viva in dark, on a near-black blue-grey ground.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#9eade6',\n            'primary.contrastColor': '#121212',\n            'surface.background': '#0e1315',\n            'surface.card': '#161d21',\n            'surface.border': '#263238',\n            'surface.hover': 'rgba(158, 173, 230, 0.08)',\n            'surface.overlay': '#161d21',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(158, 173, 230, 0.16)',\n            'highlight.color': '#9eade6',\n            'content.borderRadius': '6px',\n            'focus.ring': '0 0 0 1px #9eade6',\n        },\n    },\n    {\n        name: 'md-light-indigo',\n        description: 'PrimeTek\\'s interpretation of Material Design, in light on indigo.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#3F51B5',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#fafafa',\n            'surface.card': '#ffffff',\n            'surface.border': 'rgba(0, 0, 0, 0.12)',\n            'surface.hover': 'rgba(0, 0, 0, 0.04)',\n            'surface.overlay': '#ffffff',\n            'text.color': 'rgba(0, 0, 0, 0.87)',\n            'text.mutedColor': 'rgba(0, 0, 0, 0.6)',\n            'highlight.background': 'rgba(63, 81, 181, 0.12)',\n            'highlight.color': '#3F51B5',\n            'content.borderRadius': '4px',\n            'focus.ring': 'none',\n        },\n    },\n    {\n        name: 'md-dark-indigo',\n        description: 'PrimeTek\\'s interpretation of Material Design, in dark on indigo.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#9FA8DA',\n            'primary.contrastColor': '#121212',\n            'surface.background': '#121212',\n            'surface.card': '#1e1e1e',\n            'surface.border': 'hsla(0, 0%, 100%, 0.12)',\n            'surface.hover': 'hsla(0, 0%, 100%, 0.04)',\n            'surface.overlay': '#262626',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(159, 168, 218, 0.16)',\n            'highlight.color': '#9FA8DA',\n            'content.borderRadius': '4px',\n            'focus.ring': 'none',\n        },\n    },\n    {\n        name: 'mdc-light-indigo',\n        description: 'The Material interpretation with compact density, in light.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#3F51B5',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#fafafa',\n            'surface.card': '#ffffff',\n            'surface.border': 'rgba(0, 0, 0, 0.12)',\n            'surface.hover': 'rgba(0, 0, 0, 0.04)',\n            'surface.overlay': '#ffffff',\n            'text.color': 'rgba(0, 0, 0, 0.87)',\n            'text.mutedColor': 'rgba(0, 0, 0, 0.6)',\n            'highlight.background': 'rgba(63, 81, 181, 0.12)',\n            'highlight.color': '#3F51B5',\n            'content.borderRadius': '4px',\n            'focus.ring': 'none',\n        },\n    },\n    {\n        name: 'mdc-dark-indigo',\n        description: 'The Material interpretation with compact density, in dark.',\n        isDark: true,\n        tokens: {\n            'primary.color': '#9FA8DA',\n            'primary.contrastColor': '#121212',\n            'surface.background': '#121212',\n            'surface.card': '#1e1e1e',\n            'surface.border': 'hsla(0, 0%, 100%, 0.12)',\n            'surface.hover': 'hsla(0, 0%, 100%, 0.04)',\n            'surface.overlay': '#262626',\n            'text.color': 'rgba(255, 255, 255, 0.87)',\n            'text.mutedColor': 'rgba(255, 255, 255, 0.6)',\n            'highlight.background': 'rgba(159, 168, 218, 0.16)',\n            'highlight.color': '#9FA8DA',\n            'content.borderRadius': '4px',\n            'focus.ring': 'none',\n        },\n    },\n    {\n        name: 'nano',\n        description: 'A dense, near-square theme for information-heavy screens.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#1174c0',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#f2f4f8',\n            'surface.card': '#ffffff',\n            'surface.border': '#dee2e6',\n            'surface.hover': '#dde1e6',\n            'surface.overlay': '#ffffff',\n            'text.color': '#343a3f',\n            'text.mutedColor': '#697077',\n            'highlight.background': '#44a1d9',\n            'highlight.color': '#ffffff',\n            'content.borderRadius': '1px',\n            'focus.ring': '0 0 0 0.2rem #90c9f5',\n        },\n    },\n    {\n        name: 'mira',\n        description: 'A calm light theme on a Nord-inspired blue-grey palette.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#5e81ac',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#eceff4',\n            'surface.card': '#ffffff',\n            'surface.border': '#e5e9f0',\n            'surface.hover': '#d8dee9',\n            'surface.overlay': '#ffffff',\n            'text.color': '#4c566a',\n            'text.mutedColor': '#81a1c1',\n            'highlight.background': '#d8dee9',\n            'highlight.color': '#2e3440',\n            'content.borderRadius': '4px',\n            'focus.ring': '0 0 0 0.2rem #c0d0e0',\n        },\n    },\n    {\n        name: 'fluent-light',\n        description: 'PrimeTek\\'s interpretation of the Microsoft Fluent look, in light.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#0078d4',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#faf9f8',\n            'surface.card': '#ffffff',\n            'surface.border': '#edebe9',\n            'surface.hover': '#f3f2f1',\n            'surface.overlay': '#ffffff',\n            'text.color': '#323130',\n            'text.mutedColor': '#605e5c',\n            'highlight.background': '#edebe9',\n            'highlight.color': '#323130',\n            'content.borderRadius': '2px',\n            'focus.ring': 'inset 0 0 0 1px #605e5c',\n        },\n    },\n    {\n        name: 'tailwind-light',\n        description: 'PrimeTek\\'s interpretation of the Tailwind UI look, in light.',\n        isDark: false,\n        tokens: {\n            'primary.color': '#4f46e5',\n            'primary.contrastColor': '#ffffff',\n            'surface.background': '#fafafa',\n            'surface.card': '#ffffff',\n            'surface.border': '#e5e7eb',\n            'surface.hover': '#f4f4f5',\n            'surface.overlay': '#ffffff',\n            'text.color': '#3f3f46',\n            'text.mutedColor': '#71717a',\n            'highlight.background': '#eef2ff',\n            'highlight.color': '#312e81',\n            'content.borderRadius': '0.375rem',\n            'focus.ring': '0 0 0 1px #6366f1',\n        },\n    },\n];\n"],"names":["themePresets","name","description","isDark","tokens"],"mappings":"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"}

package/dist/cjs/theme/usePrimeReactTheme.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var react = require('react');
+var applyPrimeReactTheme = require('./applyPrimeReactTheme.js');
+var primeReactThemeStylesheet = require('./primeReactThemeStylesheet.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Keeps the loaded PrimeReact theme stylesheet in step with the active Scene {@link Theme}.
+ *
+ * Theming a Scene screen that uses this package takes two halves, and this is the half `SceneThemeProvider`
+ * cannot do. The provider writes the theme's semantic tokens onto the wrapping element, which reaches
+ * anything reading `--scene-*` - this package's own wrappers, `core`'s primitives, a layout's CSS. But
+ * PrimeReact 10's components are skinned by a compiled stylesheet, and no amount of token-setting
+ * changes which stylesheet is loaded. So: provider for the tokens, this hook for the stylesheet.
+ *
+ * Use them together:
+ *
+ * ```tsx
+ * const [theme, setTheme] = useState(primeReactTheme('lara-light-blue'));
+ * usePrimeReactTheme(theme);
+ * return <SceneThemeProvider theme={theme}>{children}</SceneThemeProvider>;
+ * ```
+ *
+ * Switching is live: nothing reloads, nothing below the provider remounts, and no state is lost. That is
+ * what lets a gallery change theme as fast as someone can click through a picker, which is the whole
+ * reason theme switching is re-resolution rather than a restart.
+ *
+ * @param theme The active theme. A theme this package does not ship - or `undefined` - leaves the loaded
+ * stylesheet alone rather than unloading it, so a profile mixing in a theme from another package does
+ * not strip PrimeReact's skin on its way past.
+ * @param linkElementId The id of the stylesheet `<link>`, should the application use something other than
+ * PrimeReact's conventional `theme-link`.
+ */ function usePrimeReactTheme(theme, linkElementId = primeReactThemeStylesheet.themeLinkElementId) {
+    const themeName = theme?.name;
+    react.useEffect(()=>{
+        if (themeName === undefined) return;
+        applyPrimeReactTheme.applyPrimeReactTheme(themeName, linkElementId);
+    }, [
+        themeName,
+        linkElementId
+    ]);
+}
+
+exports.usePrimeReactTheme = usePrimeReactTheme;
+//# sourceMappingURL=usePrimeReactTheme.js.map