@syntrologie/runtime-sdk 0.2.21 → 1.0.0
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.
- package/CAPABILITIES.md +944 -440
- package/README.md +395 -66
- package/dist/RuntimeProvider.d.ts +51 -0
- package/dist/RuntimeProvider.js +113 -0
- package/dist/RuntimeProvider.js.map +1 -0
- package/dist/SmartCanvasApp.d.ts +16 -10
- package/dist/SmartCanvasApp.js +47 -51
- package/dist/SmartCanvasApp.js.map +1 -1
- package/dist/SmartCanvasElement.d.ts +5 -5
- package/dist/SmartCanvasElement.js +24 -14
- package/dist/SmartCanvasElement.js.map +1 -1
- package/dist/SmartCanvasPortal.d.ts +2 -2
- package/dist/SmartCanvasPortal.js +2 -2
- package/dist/SmartCanvasPortal.js.map +1 -1
- package/dist/actions/ActionEngine.d.ts +11 -0
- package/dist/actions/ActionEngine.js +272 -0
- package/dist/actions/ActionEngine.js.map +1 -0
- package/dist/actions/executors/index.d.ts +116 -0
- package/dist/actions/executors/index.js +240 -0
- package/dist/actions/executors/index.js.map +1 -0
- package/dist/actions/executors/tour.d.ts +18 -0
- package/dist/actions/executors/tour.js +332 -0
- package/dist/actions/executors/tour.js.map +1 -0
- package/dist/actions/index.d.ts +10 -0
- package/dist/actions/index.js +12 -0
- package/dist/actions/index.js.map +1 -0
- package/dist/actions/types.d.ts +399 -0
- package/dist/actions/types.js +8 -0
- package/dist/actions/types.js.map +1 -0
- package/dist/actions/validation.d.ts +14 -0
- package/dist/actions/validation.js +577 -0
- package/dist/actions/validation.js.map +1 -0
- package/dist/adaptives/adaptive-chatbot/index.js +9 -0
- package/dist/adaptives/adaptive-chatbot/index.js.map +7 -0
- package/dist/adaptives/adaptive-content/index.js +2 -0
- package/dist/adaptives/adaptive-content/index.js.map +7 -0
- package/dist/adaptives/adaptive-faq/index.js +11 -0
- package/dist/adaptives/adaptive-faq/index.js.map +7 -0
- package/dist/adaptives/adaptive-gamification/index.js +2 -0
- package/dist/adaptives/adaptive-gamification/index.js.map +7 -0
- package/dist/adaptives/adaptive-nav/index.js +11 -0
- package/dist/adaptives/adaptive-nav/index.js.map +7 -0
- package/dist/adaptives/adaptive-overlays/index.js +91 -0
- package/dist/adaptives/adaptive-overlays/index.js.map +7 -0
- package/dist/antiFlicker.js +1 -1
- package/dist/api.d.ts +40 -26
- package/dist/api.js +87 -60
- package/dist/api.js.map +1 -1
- package/dist/apps/AppContext.d.ts +31 -0
- package/dist/apps/AppContext.js +91 -0
- package/dist/apps/AppContext.js.map +1 -0
- package/dist/apps/AppLoader.d.ts +85 -0
- package/dist/apps/AppLoader.js +282 -0
- package/dist/apps/AppLoader.js.map +1 -0
- package/dist/apps/AppRegistry.d.ts +102 -0
- package/dist/apps/AppRegistry.js +317 -0
- package/dist/apps/AppRegistry.js.map +1 -0
- package/dist/apps/examples/gamification-app.example.d.ts +305 -0
- package/dist/apps/examples/gamification-app.example.js +329 -0
- package/dist/apps/examples/gamification-app.example.js.map +1 -0
- package/dist/apps/index.d.ts +14 -0
- package/dist/apps/index.js +16 -0
- package/dist/apps/index.js.map +1 -0
- package/dist/apps/types.d.ts +231 -0
- package/dist/apps/types.js +8 -0
- package/dist/apps/types.js.map +1 -0
- package/dist/blocks/data/ComparisonBlock.d.ts +1 -1
- package/dist/blocks/data/ComparisonBlock.js +40 -40
- package/dist/blocks/data/ComparisonBlock.js.map +1 -1
- package/dist/blocks/data/StatsBlock.d.ts +1 -1
- package/dist/blocks/data/StatsBlock.js +42 -44
- package/dist/blocks/data/StatsBlock.js.map +1 -1
- package/dist/blocks/data/index.d.ts +2 -2
- package/dist/blocks/data/index.js +2 -2
- package/dist/blocks/index.d.ts +5 -5
- package/dist/blocks/index.js +29 -30
- package/dist/blocks/index.js.map +1 -1
- package/dist/blocks/interactive/ChecklistBlock.d.ts +1 -1
- package/dist/blocks/interactive/ChecklistBlock.js +60 -60
- package/dist/blocks/interactive/ChecklistBlock.js.map +1 -1
- package/dist/blocks/interactive/RatingBlock.d.ts +1 -1
- package/dist/blocks/interactive/RatingBlock.js +73 -65
- package/dist/blocks/interactive/RatingBlock.js.map +1 -1
- package/dist/blocks/interactive/index.d.ts +2 -2
- package/dist/blocks/interactive/index.js +2 -2
- package/dist/blocks/notification/NotificationBlock.d.ts +2 -2
- package/dist/blocks/notification/NotificationBlock.js +68 -64
- package/dist/blocks/notification/NotificationBlock.js.map +1 -1
- package/dist/blocks/notification/index.d.ts +1 -1
- package/dist/blocks/notification/index.js +1 -1
- package/dist/bootstrap.d.ts +32 -8
- package/dist/bootstrap.js +218 -102
- package/dist/bootstrap.js.map +1 -1
- package/dist/components/ShadowCanvasOverlay.d.ts +6 -6
- package/dist/components/ShadowCanvasOverlay.js +156 -118
- package/dist/components/ShadowCanvasOverlay.js.map +1 -1
- package/dist/components/TileCard.d.ts +5 -5
- package/dist/components/TileCard.js +205 -154
- package/dist/components/TileCard.js.map +1 -1
- package/dist/components/TileWheel.d.ts +3 -3
- package/dist/components/TileWheel.js +29 -7
- package/dist/components/TileWheel.js.map +1 -1
- package/dist/config-validator.d.ts +49 -0
- package/dist/config-validator.js +173 -0
- package/dist/config-validator.js.map +1 -0
- package/dist/configFetcher.d.ts +7 -3
- package/dist/configFetcher.js +70 -29
- package/dist/configFetcher.js.map +1 -1
- package/dist/context/ContextManager.d.ts +3 -3
- package/dist/context/ContextManager.js +19 -18
- package/dist/context/ContextManager.js.map +1 -1
- package/dist/context/index.d.ts +4 -4
- package/dist/context/index.js +3 -3
- package/dist/context/schema.d.ts +9 -9
- package/dist/context/schema.js +2 -2
- package/dist/context/schema.js.map +1 -1
- package/dist/decisions/engine.d.ts +5 -5
- package/dist/decisions/engine.js +13 -13
- package/dist/decisions/engine.js.map +1 -1
- package/dist/decisions/index.d.ts +6 -6
- package/dist/decisions/index.js +5 -5
- package/dist/decisions/schema.d.ts +131 -131
- package/dist/decisions/schema.js +21 -21
- package/dist/decisions/schema.js.map +1 -1
- package/dist/decisions/strategies/rules.d.ts +1 -1
- package/dist/decisions/strategies/rules.js +24 -24
- package/dist/decisions/strategies/rules.js.map +1 -1
- package/dist/decisions/strategies/score.d.ts +1 -1
- package/dist/decisions/strategies/score.js +3 -3
- package/dist/decisions/types.d.ts +19 -19
- package/dist/earlyPatcher.d.ts +8 -20
- package/dist/earlyPatcher.js +13 -62
- package/dist/earlyPatcher.js.map +1 -1
- package/dist/editorLoader.d.ts +19 -7
- package/dist/editorLoader.js +154 -97
- package/dist/editorLoader.js.map +1 -1
- package/dist/events/EventBus.d.ts +3 -3
- package/dist/events/EventBus.js +5 -7
- package/dist/events/EventBus.js.map +1 -1
- package/dist/events/index.d.ts +6 -6
- package/dist/events/index.js +5 -5
- package/dist/events/normalizers/canvas.d.ts +2 -2
- package/dist/events/normalizers/canvas.js +3 -3
- package/dist/events/normalizers/canvas.js.map +1 -1
- package/dist/events/normalizers/posthog.d.ts +25 -1
- package/dist/events/normalizers/posthog.js +35 -27
- package/dist/events/normalizers/posthog.js.map +1 -1
- package/dist/events/schema.d.ts +13 -13
- package/dist/events/schema.js +3 -3
- package/dist/events/schema.js.map +1 -1
- package/dist/events/types.d.ts +7 -1
- package/dist/events/types.js +29 -21
- package/dist/events/types.js.map +1 -1
- package/dist/experiments/adapters/growthbook.d.ts +5 -4
- package/dist/experiments/adapters/growthbook.js +14 -6
- package/dist/experiments/adapters/growthbook.js.map +1 -1
- package/dist/experiments/index.d.ts +3 -3
- package/dist/experiments/index.js +1 -1
- package/dist/experiments/registry.d.ts +2 -2
- package/dist/experiments/registry.js +2 -2
- package/dist/experiments/types.d.ts +10 -1
- package/dist/fetchers/cdnFetcher.d.ts +1 -1
- package/dist/fetchers/cdnFetcher.js +4 -8
- package/dist/fetchers/cdnFetcher.js.map +1 -1
- package/dist/fetchers/experimentsFetcher.d.ts +25 -3
- package/dist/fetchers/experimentsFetcher.js +55 -8
- package/dist/fetchers/experimentsFetcher.js.map +1 -1
- package/dist/fetchers/index.d.ts +3 -3
- package/dist/fetchers/index.js +2 -2
- package/dist/fetchers/index.js.map +1 -1
- package/dist/fetchers/mergeConfigs.d.ts +29 -0
- package/dist/fetchers/mergeConfigs.js +38 -0
- package/dist/fetchers/mergeConfigs.js.map +1 -0
- package/dist/fetchers/registry.d.ts +1 -1
- package/dist/fetchers/registry.js +4 -4
- package/dist/fetchers/types.d.ts +1 -1
- package/dist/hooks/useCanvasOverlays.d.ts +8 -5
- package/dist/hooks/useCanvasOverlays.js +66 -17
- package/dist/hooks/useCanvasOverlays.js.map +1 -1
- package/dist/hooks/useHostPatches.d.ts +2 -2
- package/dist/hooks/useHostPatches.js +8 -8
- package/dist/hooks/useHostPatches.js.map +1 -1
- package/dist/hooks/useShadowCanvasConfig.d.ts +5 -9
- package/dist/hooks/useShadowCanvasConfig.js +7 -5
- package/dist/hooks/useShadowCanvasConfig.js.map +1 -1
- package/dist/hostPatcher/core/patcher.d.ts +1 -1
- package/dist/hostPatcher/core/patcher.js +18 -9
- package/dist/hostPatcher/core/patcher.js.map +1 -1
- package/dist/hostPatcher/core/sanitizer.js +24 -3
- package/dist/hostPatcher/core/sanitizer.js.map +1 -1
- package/dist/hostPatcher/policy/defaultPolicy.js +15 -5
- package/dist/hostPatcher/policy/defaultPolicy.js.map +1 -1
- package/dist/hostPatcher/utils/anchors.js +4 -6
- package/dist/hostPatcher/utils/anchors.js.map +1 -1
- package/dist/index.d.ts +34 -27
- package/dist/index.js +51 -24
- package/dist/index.js.map +1 -1
- package/dist/logger.d.ts +29 -0
- package/dist/logger.js +81 -0
- package/dist/logger.js.map +1 -0
- package/dist/metrics/index.d.ts +1 -1
- package/dist/metrics/index.js +1 -1
- package/dist/metrics/sessionMetrics.d.ts +1 -1
- package/dist/metrics/sessionMetrics.js +6 -6
- package/dist/overlays/fetcher.d.ts +2 -2
- package/dist/overlays/fetcher.js +13 -15
- package/dist/overlays/fetcher.js.map +1 -1
- package/dist/overlays/recipeRegistry.js +2 -2
- package/dist/overlays/recipeRegistry.js.map +1 -1
- package/dist/overlays/runtime/anchor/resolve.js +1 -1
- package/dist/overlays/runtime/anchor/resolve.js.map +1 -1
- package/dist/overlays/runtime/index.d.ts +7 -7
- package/dist/overlays/runtime/index.js +7 -7
- package/dist/overlays/runtime/overlay/highlight.js +39 -39
- package/dist/overlays/runtime/overlay/highlight.js.map +1 -1
- package/dist/overlays/runtime/overlay/modal.js +5 -5
- package/dist/overlays/runtime/overlay/modal.js.map +1 -1
- package/dist/overlays/runtime/overlay/root.js +1 -1
- package/dist/overlays/runtime/overlay/runner.js +88 -28
- package/dist/overlays/runtime/overlay/runner.js.map +1 -1
- package/dist/overlays/runtime/overlay/tooltip.d.ts +1 -1
- package/dist/overlays/runtime/overlay/tooltip.js +13 -15
- package/dist/overlays/runtime/overlay/tooltip.js.map +1 -1
- package/dist/overlays/runtime/utils/dom.js +4 -1
- package/dist/overlays/runtime/utils/dom.js.map +1 -1
- package/dist/overlays/schema.d.ts +146 -146
- package/dist/overlays/schema.js +12 -8
- package/dist/overlays/schema.js.map +1 -1
- package/dist/react.d.ts +7 -7
- package/dist/react.js +4 -4
- package/dist/react.js.map +1 -1
- package/dist/render/RenderContext.d.ts +2 -2
- package/dist/render/RenderContext.js +5 -5
- package/dist/render/RenderContext.js.map +1 -1
- package/dist/render/index.d.ts +3 -3
- package/dist/render/index.js +1 -1
- package/dist/render/types.d.ts +4 -4
- package/dist/runtime.d.ts +32 -8
- package/dist/runtime.js +109 -13
- package/dist/runtime.js.map +1 -1
- package/dist/smart-canvas.esm.js +144 -55
- package/dist/smart-canvas.esm.js.map +4 -4
- package/dist/smart-canvas.js +14688 -11455
- package/dist/smart-canvas.js.map +4 -4
- package/dist/smart-canvas.min.js +145 -55
- package/dist/smart-canvas.min.js.map +4 -4
- package/dist/state/StateStore.d.ts +1 -7
- package/dist/state/StateStore.js +15 -9
- package/dist/state/StateStore.js.map +1 -1
- package/dist/state/helpers/cooldowns.d.ts +1 -1
- package/dist/state/helpers/cooldowns.js +1 -1
- package/dist/state/helpers/dismissals.d.ts +1 -1
- package/dist/state/helpers/dismissals.js +1 -1
- package/dist/state/helpers/frequency.d.ts +1 -1
- package/dist/state/helpers/frequency.js +1 -1
- package/dist/state/index.d.ts +4 -4
- package/dist/state/index.js +3 -3
- package/dist/state/schema.d.ts +1 -1
- package/dist/state/schema.js +1 -1
- package/dist/store/example.d.ts +1 -0
- package/dist/store/example.js +43 -0
- package/dist/store/example.js.map +1 -0
- package/dist/store/mini-effector.d.ts +46 -0
- package/dist/store/mini-effector.js +88 -0
- package/dist/store/mini-effector.js.map +1 -0
- package/dist/surfaces/Surfaces.d.ts +11 -0
- package/dist/surfaces/Surfaces.js +361 -0
- package/dist/surfaces/Surfaces.js.map +1 -0
- package/dist/surfaces/index.d.ts +9 -0
- package/dist/surfaces/index.js +12 -0
- package/dist/surfaces/index.js.map +1 -0
- package/dist/surfaces/positioning.d.ts +50 -0
- package/dist/surfaces/positioning.js +228 -0
- package/dist/surfaces/positioning.js.map +1 -0
- package/dist/surfaces/types.d.ts +167 -0
- package/dist/surfaces/types.js +23 -0
- package/dist/surfaces/types.js.map +1 -0
- package/dist/telemetry/adapters/noop.d.ts +12 -0
- package/dist/telemetry/adapters/noop.js +42 -0
- package/dist/telemetry/adapters/noop.js.map +1 -0
- package/dist/telemetry/adapters/posthog.d.ts +8 -2
- package/dist/telemetry/adapters/posthog.js +36 -14
- package/dist/telemetry/adapters/posthog.js.map +1 -1
- package/dist/telemetry/index.d.ts +4 -3
- package/dist/telemetry/index.js +3 -2
- package/dist/telemetry/index.js.map +1 -1
- package/dist/telemetry/registry.d.ts +2 -9
- package/dist/telemetry/registry.js +4 -2
- package/dist/telemetry/registry.js.map +1 -1
- package/dist/telemetry/types.d.ts +1 -1
- package/dist/theme/ThemeProvider.d.ts +2 -2
- package/dist/theme/ThemeProvider.js +21 -21
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/defaultTheme.d.ts +4 -5
- package/dist/theme/defaultTheme.js +127 -118
- package/dist/theme/defaultTheme.js.map +1 -1
- package/dist/theme/extractHostTheme.d.ts +1 -1
- package/dist/theme/extractHostTheme.js +43 -45
- package/dist/theme/extractHostTheme.js.map +1 -1
- package/dist/theme/index.d.ts +5 -5
- package/dist/theme/index.js +3 -3
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/types.d.ts +2 -2
- package/dist/token.d.ts +2 -0
- package/dist/token.js +3 -6
- package/dist/token.js.map +1 -1
- package/dist/types-only.d.ts +32 -0
- package/dist/types-only.js +11 -0
- package/dist/types-only.js.map +1 -0
- package/dist/types.d.ts +89 -56
- package/dist/types.js +14 -2
- package/dist/types.js.map +1 -1
- package/dist/version.d.ts +13 -0
- package/dist/version.js +14 -0
- package/dist/version.js.map +1 -0
- package/dist/widgets/WidgetRegistry.d.ts +145 -0
- package/dist/widgets/WidgetRegistry.js +191 -0
- package/dist/widgets/WidgetRegistry.js.map +1 -0
- package/dist/widgets/index.d.ts +7 -0
- package/dist/widgets/index.js +7 -0
- package/dist/widgets/index.js.map +1 -0
- package/package.json +35 -15
- package/schema/canvas-config.schema.json +488 -254
- package/schema/runtime-context.schema.json +1 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import type { CanvasThemeTokens } from
|
|
1
|
+
import type { CanvasThemeTokens } from './types';
|
|
2
2
|
/**
|
|
3
|
-
* Default dark theme
|
|
4
|
-
* Uses the Apple HIG color palette with slight adjustments for accessibility
|
|
3
|
+
* Default dark theme using Syntro Design System tokens
|
|
5
4
|
*/
|
|
6
5
|
export declare const darkTheme: CanvasThemeTokens;
|
|
7
6
|
/**
|
|
8
|
-
* Light theme variant
|
|
7
|
+
* Light theme variant using Syntro Design System tokens
|
|
9
8
|
*/
|
|
10
9
|
export declare const lightTheme: CanvasThemeTokens;
|
|
11
10
|
/**
|
|
12
11
|
* Get default theme based on mode
|
|
13
12
|
*/
|
|
14
|
-
export declare function getDefaultTheme(mode?:
|
|
13
|
+
export declare function getDefaultTheme(mode?: 'light' | 'dark'): CanvasThemeTokens;
|
|
15
14
|
/**
|
|
16
15
|
* Convert theme tokens to CSS custom properties
|
|
17
16
|
*/
|
|
@@ -1,159 +1,168 @@
|
|
|
1
|
+
import { brand, slateGrey, green, yellow, red, blue, text, border, } from '@syntro/design-system/tokens';
|
|
1
2
|
/**
|
|
2
|
-
*
|
|
3
|
-
*
|
|
3
|
+
* Apply alpha transparency to a hex color.
|
|
4
|
+
* Converts a 0-1 alpha value to a 2-digit hex suffix.
|
|
5
|
+
*/
|
|
6
|
+
function withAlpha(hex, alpha) {
|
|
7
|
+
return `${hex}${Math.round(alpha * 255)
|
|
8
|
+
.toString(16)
|
|
9
|
+
.padStart(2, '0')}`;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Default dark theme using Syntro Design System tokens
|
|
4
13
|
*/
|
|
5
14
|
export const darkTheme = {
|
|
6
|
-
// Brand colors
|
|
7
|
-
colorPrimary:
|
|
8
|
-
colorPrimaryHover:
|
|
9
|
-
colorPrimaryMuted:
|
|
10
|
-
// Surface colors (
|
|
11
|
-
colorBackground:
|
|
12
|
-
colorBackgroundElevated:
|
|
13
|
-
colorBackgroundSubtle:
|
|
14
|
-
colorSurface:
|
|
15
|
-
colorSurfaceHover:
|
|
15
|
+
// Brand colors
|
|
16
|
+
colorPrimary: brand[3],
|
|
17
|
+
colorPrimaryHover: brand[4],
|
|
18
|
+
colorPrimaryMuted: brand[0],
|
|
19
|
+
// Surface colors (with alpha for glass/vibrancy effects)
|
|
20
|
+
colorBackground: withAlpha(slateGrey[1], 0.95),
|
|
21
|
+
colorBackgroundElevated: withAlpha(slateGrey[3], 0.95),
|
|
22
|
+
colorBackgroundSubtle: withAlpha(slateGrey[0], 0.2),
|
|
23
|
+
colorSurface: withAlpha(slateGrey[4], 0.8),
|
|
24
|
+
colorSurfaceHover: withAlpha(slateGrey[5], 0.8),
|
|
16
25
|
// Text colors
|
|
17
|
-
colorText:
|
|
18
|
-
colorTextSecondary:
|
|
19
|
-
colorTextMuted:
|
|
20
|
-
colorTextInverse:
|
|
26
|
+
colorText: text.primary,
|
|
27
|
+
colorTextSecondary: text.secondary,
|
|
28
|
+
colorTextMuted: text.tertiary,
|
|
29
|
+
colorTextInverse: slateGrey[1],
|
|
21
30
|
// Border colors
|
|
22
|
-
colorBorder:
|
|
23
|
-
colorBorderSubtle:
|
|
31
|
+
colorBorder: border.primary,
|
|
32
|
+
colorBorderSubtle: border.secondary,
|
|
24
33
|
// Semantic colors
|
|
25
|
-
colorSuccess:
|
|
26
|
-
colorSuccessMuted:
|
|
27
|
-
colorWarning:
|
|
28
|
-
colorWarningMuted:
|
|
29
|
-
colorError:
|
|
30
|
-
colorErrorMuted:
|
|
31
|
-
colorInfo:
|
|
32
|
-
colorInfoMuted:
|
|
34
|
+
colorSuccess: green[4],
|
|
35
|
+
colorSuccessMuted: green[0],
|
|
36
|
+
colorWarning: yellow[4],
|
|
37
|
+
colorWarningMuted: yellow[0],
|
|
38
|
+
colorError: red[4],
|
|
39
|
+
colorErrorMuted: red[0],
|
|
40
|
+
colorInfo: blue[4],
|
|
41
|
+
colorInfoMuted: blue[0],
|
|
33
42
|
// Typography (SF Pro stack)
|
|
34
43
|
fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif",
|
|
35
44
|
fontFamilyMono: "'SF Mono', 'Fira Code', Consolas, monospace",
|
|
36
|
-
fontSizeXs:
|
|
37
|
-
fontSizeSm:
|
|
38
|
-
fontSizeMd:
|
|
39
|
-
fontSizeLg:
|
|
40
|
-
fontSizeXl:
|
|
41
|
-
fontSizeXxl:
|
|
42
|
-
fontWeightNormal:
|
|
43
|
-
fontWeightMedium:
|
|
44
|
-
fontWeightSemibold:
|
|
45
|
-
fontWeightBold:
|
|
46
|
-
lineHeightTight:
|
|
47
|
-
lineHeightNormal:
|
|
48
|
-
lineHeightRelaxed:
|
|
45
|
+
fontSizeXs: '0.7rem',
|
|
46
|
+
fontSizeSm: '0.8rem',
|
|
47
|
+
fontSizeMd: '0.9rem',
|
|
48
|
+
fontSizeLg: '1rem',
|
|
49
|
+
fontSizeXl: '1.25rem',
|
|
50
|
+
fontSizeXxl: '1.5rem',
|
|
51
|
+
fontWeightNormal: '400',
|
|
52
|
+
fontWeightMedium: '500',
|
|
53
|
+
fontWeightSemibold: '600',
|
|
54
|
+
fontWeightBold: '700',
|
|
55
|
+
lineHeightTight: '1.25',
|
|
56
|
+
lineHeightNormal: '1.5',
|
|
57
|
+
lineHeightRelaxed: '1.75',
|
|
49
58
|
// Spacing
|
|
50
|
-
spacingXs:
|
|
51
|
-
spacingSm:
|
|
52
|
-
spacingMd:
|
|
53
|
-
spacingLg:
|
|
54
|
-
spacingXl:
|
|
55
|
-
// Border radius
|
|
56
|
-
borderRadiusSm:
|
|
57
|
-
borderRadiusMd:
|
|
58
|
-
borderRadiusLg:
|
|
59
|
-
borderRadiusXl:
|
|
60
|
-
borderRadiusFull:
|
|
59
|
+
spacingXs: '0.25rem',
|
|
60
|
+
spacingSm: '0.5rem',
|
|
61
|
+
spacingMd: '0.75rem',
|
|
62
|
+
spacingLg: '1rem',
|
|
63
|
+
spacingXl: '1.5rem',
|
|
64
|
+
// Border radius
|
|
65
|
+
borderRadiusSm: '6px',
|
|
66
|
+
borderRadiusMd: '10px',
|
|
67
|
+
borderRadiusLg: '14px',
|
|
68
|
+
borderRadiusXl: '20px',
|
|
69
|
+
borderRadiusFull: '9999px',
|
|
61
70
|
// Shadows
|
|
62
|
-
shadowSm:
|
|
63
|
-
shadowMd:
|
|
64
|
-
shadowLg:
|
|
65
|
-
shadowXl:
|
|
71
|
+
shadowSm: '0 1px 2px rgba(0, 0, 0, 0.2)',
|
|
72
|
+
shadowMd: '0 2px 12px rgba(0, 0, 0, 0.3)',
|
|
73
|
+
shadowLg: '0 8px 24px rgba(0, 0, 0, 0.4)',
|
|
74
|
+
shadowXl: '0 16px 48px rgba(0, 0, 0, 0.5)',
|
|
66
75
|
// Backdrop effects
|
|
67
|
-
backdropBlur:
|
|
68
|
-
backdropSaturate:
|
|
76
|
+
backdropBlur: 'blur(20px)',
|
|
77
|
+
backdropSaturate: 'saturate(180%)',
|
|
69
78
|
// Animation
|
|
70
|
-
transitionFast:
|
|
71
|
-
transitionNormal:
|
|
72
|
-
transitionSlow:
|
|
79
|
+
transitionFast: '0.1s ease',
|
|
80
|
+
transitionNormal: '0.25s ease',
|
|
81
|
+
transitionSlow: '0.4s ease',
|
|
73
82
|
};
|
|
74
83
|
/**
|
|
75
|
-
* Light theme variant
|
|
84
|
+
* Light theme variant using Syntro Design System tokens
|
|
76
85
|
*/
|
|
77
86
|
export const lightTheme = {
|
|
78
87
|
// Brand colors
|
|
79
|
-
colorPrimary:
|
|
80
|
-
colorPrimaryHover:
|
|
81
|
-
colorPrimaryMuted:
|
|
88
|
+
colorPrimary: brand[3],
|
|
89
|
+
colorPrimaryHover: brand[2],
|
|
90
|
+
colorPrimaryMuted: withAlpha(brand[5], 0.1),
|
|
82
91
|
// Surface colors
|
|
83
|
-
colorBackground:
|
|
84
|
-
colorBackgroundElevated:
|
|
85
|
-
colorBackgroundSubtle:
|
|
86
|
-
colorSurface:
|
|
87
|
-
colorSurfaceHover:
|
|
92
|
+
colorBackground: withAlpha(slateGrey[12], 0.95),
|
|
93
|
+
colorBackgroundElevated: withAlpha(slateGrey[11], 0.95),
|
|
94
|
+
colorBackgroundSubtle: withAlpha(slateGrey[0], 0.02),
|
|
95
|
+
colorSurface: withAlpha(slateGrey[11], 0.6),
|
|
96
|
+
colorSurfaceHover: withAlpha(slateGrey[10], 0.6),
|
|
88
97
|
// Text colors
|
|
89
|
-
colorText:
|
|
90
|
-
colorTextSecondary:
|
|
91
|
-
colorTextMuted:
|
|
92
|
-
colorTextInverse:
|
|
98
|
+
colorText: slateGrey[1],
|
|
99
|
+
colorTextSecondary: slateGrey[6],
|
|
100
|
+
colorTextMuted: slateGrey[8],
|
|
101
|
+
colorTextInverse: slateGrey[12],
|
|
93
102
|
// Border colors
|
|
94
|
-
colorBorder:
|
|
95
|
-
colorBorderSubtle:
|
|
96
|
-
// Semantic colors
|
|
97
|
-
colorSuccess:
|
|
98
|
-
colorSuccessMuted:
|
|
99
|
-
colorWarning:
|
|
100
|
-
colorWarningMuted:
|
|
101
|
-
colorError:
|
|
102
|
-
colorErrorMuted:
|
|
103
|
-
colorInfo:
|
|
104
|
-
colorInfoMuted:
|
|
103
|
+
colorBorder: withAlpha(slateGrey[0], 0.12),
|
|
104
|
+
colorBorderSubtle: withAlpha(slateGrey[0], 0.06),
|
|
105
|
+
// Semantic colors
|
|
106
|
+
colorSuccess: green[4],
|
|
107
|
+
colorSuccessMuted: withAlpha(green[4], 0.12),
|
|
108
|
+
colorWarning: yellow[4],
|
|
109
|
+
colorWarningMuted: withAlpha(yellow[4], 0.12),
|
|
110
|
+
colorError: red[4],
|
|
111
|
+
colorErrorMuted: withAlpha(red[4], 0.12),
|
|
112
|
+
colorInfo: blue[4],
|
|
113
|
+
colorInfoMuted: withAlpha(blue[4], 0.12),
|
|
105
114
|
// Typography (same as dark)
|
|
106
115
|
fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif",
|
|
107
116
|
fontFamilyMono: "'SF Mono', 'Fira Code', Consolas, monospace",
|
|
108
|
-
fontSizeXs:
|
|
109
|
-
fontSizeSm:
|
|
110
|
-
fontSizeMd:
|
|
111
|
-
fontSizeLg:
|
|
112
|
-
fontSizeXl:
|
|
113
|
-
fontSizeXxl:
|
|
114
|
-
fontWeightNormal:
|
|
115
|
-
fontWeightMedium:
|
|
116
|
-
fontWeightSemibold:
|
|
117
|
-
fontWeightBold:
|
|
118
|
-
lineHeightTight:
|
|
119
|
-
lineHeightNormal:
|
|
120
|
-
lineHeightRelaxed:
|
|
117
|
+
fontSizeXs: '0.7rem',
|
|
118
|
+
fontSizeSm: '0.8rem',
|
|
119
|
+
fontSizeMd: '0.9rem',
|
|
120
|
+
fontSizeLg: '1rem',
|
|
121
|
+
fontSizeXl: '1.25rem',
|
|
122
|
+
fontSizeXxl: '1.5rem',
|
|
123
|
+
fontWeightNormal: '400',
|
|
124
|
+
fontWeightMedium: '500',
|
|
125
|
+
fontWeightSemibold: '600',
|
|
126
|
+
fontWeightBold: '700',
|
|
127
|
+
lineHeightTight: '1.25',
|
|
128
|
+
lineHeightNormal: '1.5',
|
|
129
|
+
lineHeightRelaxed: '1.75',
|
|
121
130
|
// Spacing (same as dark)
|
|
122
|
-
spacingXs:
|
|
123
|
-
spacingSm:
|
|
124
|
-
spacingMd:
|
|
125
|
-
spacingLg:
|
|
126
|
-
spacingXl:
|
|
131
|
+
spacingXs: '0.25rem',
|
|
132
|
+
spacingSm: '0.5rem',
|
|
133
|
+
spacingMd: '0.75rem',
|
|
134
|
+
spacingLg: '1rem',
|
|
135
|
+
spacingXl: '1.5rem',
|
|
127
136
|
// Border radius (same as dark)
|
|
128
|
-
borderRadiusSm:
|
|
129
|
-
borderRadiusMd:
|
|
130
|
-
borderRadiusLg:
|
|
131
|
-
borderRadiusXl:
|
|
132
|
-
borderRadiusFull:
|
|
137
|
+
borderRadiusSm: '6px',
|
|
138
|
+
borderRadiusMd: '10px',
|
|
139
|
+
borderRadiusLg: '14px',
|
|
140
|
+
borderRadiusXl: '20px',
|
|
141
|
+
borderRadiusFull: '9999px',
|
|
133
142
|
// Shadows (lighter for light mode)
|
|
134
|
-
shadowSm:
|
|
135
|
-
shadowMd:
|
|
136
|
-
shadowLg:
|
|
137
|
-
shadowXl:
|
|
143
|
+
shadowSm: '0 1px 2px rgba(0, 0, 0, 0.08)',
|
|
144
|
+
shadowMd: '0 2px 12px rgba(0, 0, 0, 0.12)',
|
|
145
|
+
shadowLg: '0 8px 24px rgba(0, 0, 0, 0.16)',
|
|
146
|
+
shadowXl: '0 16px 48px rgba(0, 0, 0, 0.2)',
|
|
138
147
|
// Backdrop effects
|
|
139
|
-
backdropBlur:
|
|
140
|
-
backdropSaturate:
|
|
148
|
+
backdropBlur: 'blur(20px)',
|
|
149
|
+
backdropSaturate: 'saturate(180%)',
|
|
141
150
|
// Animation
|
|
142
|
-
transitionFast:
|
|
143
|
-
transitionNormal:
|
|
144
|
-
transitionSlow:
|
|
151
|
+
transitionFast: '0.1s ease',
|
|
152
|
+
transitionNormal: '0.25s ease',
|
|
153
|
+
transitionSlow: '0.4s ease',
|
|
145
154
|
};
|
|
146
155
|
/**
|
|
147
156
|
* Get default theme based on mode
|
|
148
157
|
*/
|
|
149
|
-
export function getDefaultTheme(mode =
|
|
150
|
-
return mode ===
|
|
158
|
+
export function getDefaultTheme(mode = 'dark') {
|
|
159
|
+
return mode === 'light' ? lightTheme : darkTheme;
|
|
151
160
|
}
|
|
152
161
|
/**
|
|
153
162
|
* Convert theme tokens to CSS custom properties
|
|
154
163
|
*/
|
|
155
164
|
export function themeToCssVariables(theme) {
|
|
156
|
-
const kebabCase = (str) => str.replace(/([a-z])([A-Z])/g,
|
|
165
|
+
const kebabCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
157
166
|
const variables = {};
|
|
158
167
|
for (const [key, value] of Object.entries(theme)) {
|
|
159
168
|
variables[`--sc-${kebabCase(key)}`] = value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../../src/theme/defaultTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../../src/theme/defaultTheme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { darkTheme, lightTheme } from
|
|
1
|
+
import { darkTheme, lightTheme } from './defaultTheme';
|
|
2
2
|
/**
|
|
3
3
|
* Common CSS variable prefixes used by popular frameworks
|
|
4
4
|
*/
|
|
5
|
-
const
|
|
5
|
+
const _CSS_VAR_PATTERNS = [
|
|
6
6
|
// Tailwind
|
|
7
7
|
/^--color-/,
|
|
8
8
|
/^--tw-/,
|
|
@@ -35,7 +35,7 @@ const CSS_VAR_PATTERNS = [
|
|
|
35
35
|
*/
|
|
36
36
|
function extractCssVariables() {
|
|
37
37
|
const variables = {};
|
|
38
|
-
if (typeof document ===
|
|
38
|
+
if (typeof document === 'undefined')
|
|
39
39
|
return variables;
|
|
40
40
|
try {
|
|
41
41
|
const root = document.documentElement;
|
|
@@ -44,9 +44,9 @@ function extractCssVariables() {
|
|
|
44
44
|
for (const sheet of document.styleSheets) {
|
|
45
45
|
try {
|
|
46
46
|
for (const rule of sheet.cssRules) {
|
|
47
|
-
if (rule instanceof CSSStyleRule && rule.selectorText ===
|
|
47
|
+
if (rule instanceof CSSStyleRule && rule.selectorText === ':root') {
|
|
48
48
|
for (const prop of rule.style) {
|
|
49
|
-
if (prop.startsWith(
|
|
49
|
+
if (prop.startsWith('--')) {
|
|
50
50
|
const value = rule.style.getPropertyValue(prop).trim();
|
|
51
51
|
if (value) {
|
|
52
52
|
variables[prop] = value;
|
|
@@ -62,7 +62,7 @@ function extractCssVariables() {
|
|
|
62
62
|
}
|
|
63
63
|
// Also check computed style for inline CSS variables
|
|
64
64
|
for (const prop of computedStyle) {
|
|
65
|
-
if (prop.startsWith(
|
|
65
|
+
if (prop.startsWith('--') && !variables[prop]) {
|
|
66
66
|
const value = computedStyle.getPropertyValue(prop).trim();
|
|
67
67
|
if (value) {
|
|
68
68
|
variables[prop] = value;
|
|
@@ -71,7 +71,7 @@ function extractCssVariables() {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
catch (err) {
|
|
74
|
-
console.warn(
|
|
74
|
+
console.warn('[SmartCanvas] Error extracting CSS variables:', err);
|
|
75
75
|
}
|
|
76
76
|
return variables;
|
|
77
77
|
}
|
|
@@ -82,7 +82,7 @@ function getComputedColor(element, property) {
|
|
|
82
82
|
try {
|
|
83
83
|
const style = getComputedStyle(element);
|
|
84
84
|
const value = style.getPropertyValue(property);
|
|
85
|
-
return value && value !==
|
|
85
|
+
return value && value !== 'rgba(0, 0, 0, 0)' ? value.trim() : null;
|
|
86
86
|
}
|
|
87
87
|
catch {
|
|
88
88
|
return null;
|
|
@@ -92,24 +92,24 @@ function getComputedColor(element, property) {
|
|
|
92
92
|
* Find primary color by analyzing interactive elements
|
|
93
93
|
*/
|
|
94
94
|
function findPrimaryColor() {
|
|
95
|
-
if (typeof document ===
|
|
95
|
+
if (typeof document === 'undefined')
|
|
96
96
|
return null;
|
|
97
97
|
// Look for common button/link patterns
|
|
98
98
|
const selectors = [
|
|
99
99
|
'button[class*="primary"]',
|
|
100
100
|
'button[class*="brand"]',
|
|
101
|
-
|
|
101
|
+
'.btn-primary',
|
|
102
102
|
"[data-variant='primary']",
|
|
103
103
|
"a[class*='primary']",
|
|
104
|
-
|
|
104
|
+
'.cta',
|
|
105
105
|
'button:not([disabled]):not([class*="secondary"]):not([class*="ghost"])',
|
|
106
106
|
];
|
|
107
107
|
for (const selector of selectors) {
|
|
108
108
|
try {
|
|
109
109
|
const element = document.querySelector(selector);
|
|
110
110
|
if (element) {
|
|
111
|
-
const bgColor = getComputedColor(element,
|
|
112
|
-
if (bgColor && bgColor !==
|
|
111
|
+
const bgColor = getComputedColor(element, 'background-color');
|
|
112
|
+
if (bgColor && bgColor !== 'transparent' && !bgColor.includes('255, 255, 255')) {
|
|
113
113
|
return bgColor;
|
|
114
114
|
}
|
|
115
115
|
}
|
|
@@ -119,9 +119,9 @@ function findPrimaryColor() {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
// Fallback: check links
|
|
122
|
-
const link = document.querySelector(
|
|
122
|
+
const link = document.querySelector('a:not([class])') || document.querySelector('a');
|
|
123
123
|
if (link) {
|
|
124
|
-
const color = getComputedColor(link,
|
|
124
|
+
const color = getComputedColor(link, 'color');
|
|
125
125
|
if (color)
|
|
126
126
|
return color;
|
|
127
127
|
}
|
|
@@ -132,15 +132,15 @@ function findPrimaryColor() {
|
|
|
132
132
|
*/
|
|
133
133
|
function detectDarkMode() {
|
|
134
134
|
var _a, _b;
|
|
135
|
-
if (typeof document ===
|
|
135
|
+
if (typeof document === 'undefined')
|
|
136
136
|
return true;
|
|
137
137
|
// Check prefers-color-scheme
|
|
138
|
-
if ((_b = (_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window,
|
|
138
|
+
if ((_b = (_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(prefers-color-scheme: dark)')) === null || _b === void 0 ? void 0 : _b.matches) {
|
|
139
139
|
return true;
|
|
140
140
|
}
|
|
141
141
|
// Check body background luminance
|
|
142
|
-
const body = document
|
|
143
|
-
const bgColor = getComputedColor(body,
|
|
142
|
+
const { body } = document;
|
|
143
|
+
const bgColor = getComputedColor(body, 'background-color');
|
|
144
144
|
if (bgColor) {
|
|
145
145
|
const match = bgColor.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
|
|
146
146
|
if (match) {
|
|
@@ -151,9 +151,9 @@ function detectDarkMode() {
|
|
|
151
151
|
}
|
|
152
152
|
// Check for dark mode classes
|
|
153
153
|
const html = document.documentElement;
|
|
154
|
-
if (html.classList.contains(
|
|
155
|
-
html.dataset.theme ===
|
|
156
|
-
body.classList.contains(
|
|
154
|
+
if (html.classList.contains('dark') ||
|
|
155
|
+
html.dataset.theme === 'dark' ||
|
|
156
|
+
body.classList.contains('dark')) {
|
|
157
157
|
return true;
|
|
158
158
|
}
|
|
159
159
|
return false;
|
|
@@ -167,12 +167,12 @@ export function extractHostTheme() {
|
|
|
167
167
|
let primaryColor = null;
|
|
168
168
|
// First check CSS variables
|
|
169
169
|
const primaryVarNames = [
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
170
|
+
'--primary',
|
|
171
|
+
'--color-primary',
|
|
172
|
+
'--brand-color',
|
|
173
|
+
'--accent-color',
|
|
174
|
+
'--theme-primary',
|
|
175
|
+
'--app-primary',
|
|
176
176
|
];
|
|
177
177
|
for (const varName of primaryVarNames) {
|
|
178
178
|
if (cssVariables[varName]) {
|
|
@@ -185,25 +185,21 @@ export function extractHostTheme() {
|
|
|
185
185
|
primaryColor = findPrimaryColor();
|
|
186
186
|
}
|
|
187
187
|
// Extract other colors
|
|
188
|
-
const backgroundColor = cssVariables[
|
|
189
|
-
cssVariables[
|
|
190
|
-
getComputedColor(document.body,
|
|
191
|
-
const textColor = cssVariables[
|
|
192
|
-
cssVariables[
|
|
193
|
-
getComputedColor(document.body,
|
|
194
|
-
const borderColor = cssVariables[
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
const borderRadius = cssVariables["--radius"] ||
|
|
198
|
-
cssVariables["--border-radius"] ||
|
|
199
|
-
null;
|
|
200
|
-
const fontFamily = getComputedColor(document.body, "font-family");
|
|
188
|
+
const backgroundColor = cssVariables['--background'] ||
|
|
189
|
+
cssVariables['--color-background'] ||
|
|
190
|
+
getComputedColor(document.body, 'background-color');
|
|
191
|
+
const textColor = cssVariables['--foreground'] ||
|
|
192
|
+
cssVariables['--color-text'] ||
|
|
193
|
+
getComputedColor(document.body, 'color');
|
|
194
|
+
const borderColor = cssVariables['--border'] || cssVariables['--color-border'] || null;
|
|
195
|
+
const borderRadius = cssVariables['--radius'] || cssVariables['--border-radius'] || null;
|
|
196
|
+
const fontFamily = getComputedColor(document.body, 'font-family');
|
|
201
197
|
return {
|
|
202
198
|
primaryColor,
|
|
203
199
|
backgroundColor,
|
|
204
|
-
surfaceColor: cssVariables[
|
|
200
|
+
surfaceColor: cssVariables['--card'] || cssVariables['--surface'] || null,
|
|
205
201
|
textColor,
|
|
206
|
-
textSecondaryColor: cssVariables[
|
|
202
|
+
textSecondaryColor: cssVariables['--muted-foreground'] || cssVariables['--color-text-secondary'] || null,
|
|
207
203
|
borderColor,
|
|
208
204
|
borderRadius,
|
|
209
205
|
fontFamily,
|
|
@@ -222,7 +218,9 @@ export function mergeWithExtractedTheme(extracted, baseTheme) {
|
|
|
222
218
|
merged.colorPrimary = extracted.primaryColor;
|
|
223
219
|
// Generate hover variant (slightly lighter)
|
|
224
220
|
merged.colorPrimaryHover = extracted.primaryColor; // TODO: compute lighter variant
|
|
225
|
-
merged.colorPrimaryMuted = extracted.primaryColor
|
|
221
|
+
merged.colorPrimaryMuted = extracted.primaryColor
|
|
222
|
+
.replace(')', ', 0.15)')
|
|
223
|
+
.replace('rgb', 'rgba');
|
|
226
224
|
}
|
|
227
225
|
if (extracted.backgroundColor) {
|
|
228
226
|
merged.colorBackground = extracted.backgroundColor;
|
|
@@ -252,7 +250,7 @@ export function mergeWithExtractedTheme(extracted, baseTheme) {
|
|
|
252
250
|
* Returns merged theme tokens ready to use
|
|
253
251
|
*/
|
|
254
252
|
export function autoDetectTheme(baseTheme) {
|
|
255
|
-
if (typeof document ===
|
|
253
|
+
if (typeof document === 'undefined') {
|
|
256
254
|
return baseTheme !== null && baseTheme !== void 0 ? baseTheme : darkTheme;
|
|
257
255
|
}
|
|
258
256
|
const extracted = extractHostTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extractHostTheme.js","sourceRoot":"","sources":["../../src/theme/extractHostTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"extractHostTheme.js","sourceRoot":"","sources":["../../src/theme/extractHostTheme.ts"],"names":[],"mappings":"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"}
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export type { CanvasThemeTokens, ExtractedTheme, ThemeMode, ThemeAppearance
|
|
2
|
-
export { darkTheme, lightTheme, getDefaultTheme, themeToCssVariables
|
|
3
|
-
export { extractHostTheme, mergeWithExtractedTheme, autoDetectTheme
|
|
4
|
-
export { ThemeProvider, useTheme, useThemeToken, useThemeVar
|
|
5
|
-
export type { ThemeProviderProps } from
|
|
1
|
+
export type { CanvasThemeTokens, ExtractedTheme, ThemeMode, ThemeAppearance } from './types';
|
|
2
|
+
export { darkTheme, lightTheme, getDefaultTheme, themeToCssVariables } from './defaultTheme';
|
|
3
|
+
export { extractHostTheme, mergeWithExtractedTheme, autoDetectTheme } from './extractHostTheme';
|
|
4
|
+
export { ThemeProvider, useTheme, useThemeToken, useThemeVar } from './ThemeProvider';
|
|
5
|
+
export type { ThemeProviderProps } from './ThemeProvider';
|
package/dist/theme/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Default themes
|
|
2
|
-
export { darkTheme, lightTheme, getDefaultTheme, themeToCssVariables
|
|
2
|
+
export { darkTheme, lightTheme, getDefaultTheme, themeToCssVariables } from './defaultTheme';
|
|
3
3
|
// Theme extraction
|
|
4
|
-
export { extractHostTheme, mergeWithExtractedTheme, autoDetectTheme
|
|
4
|
+
export { extractHostTheme, mergeWithExtractedTheme, autoDetectTheme } from './extractHostTheme';
|
|
5
5
|
// Theme provider and hooks
|
|
6
|
-
export { ThemeProvider, useTheme, useThemeToken, useThemeVar
|
|
6
|
+
export { ThemeProvider, useTheme, useThemeToken, useThemeVar } from './ThemeProvider';
|
|
7
7
|
//# sourceMappingURL=index.js.map
|