@syntrologie/adapt-nav 2.15.0 → 2.17.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/dist/NavWidgetLit.d.ts.map +1 -1
- package/dist/chunk-HMLY7DHA.js +16 -0
- package/dist/chunk-HMLY7DHA.js.map +7 -0
- package/dist/chunk-ZYHZ6JAD.js +447 -0
- package/dist/chunk-ZYHZ6JAD.js.map +7 -0
- package/dist/editor.d.ts +42 -21
- package/dist/editor.d.ts.map +1 -1
- package/dist/editor.js +310 -313
- package/dist/editor.js.map +7 -0
- package/dist/resolveNavTarget.d.ts +61 -0
- package/dist/resolveNavTarget.d.ts.map +1 -0
- package/dist/resolveNavTarget.test.d.ts +2 -0
- package/dist/resolveNavTarget.test.d.ts.map +1 -0
- package/dist/runtime.d.ts +3 -4
- package/dist/runtime.d.ts.map +1 -1
- package/dist/runtime.js +612 -221
- package/dist/runtime.js.map +7 -0
- package/dist/schema.d.ts +182 -72
- package/dist/schema.d.ts.map +1 -1
- package/dist/schema.js +155 -125
- package/dist/schema.js.map +7 -0
- package/package.json +9 -24
- package/dist/NavWidget.d.ts +0 -31
- package/dist/NavWidget.d.ts.map +0 -1
- package/dist/NavWidget.js +0 -476
- package/dist/NavWidgetLit.js +0 -495
- package/dist/NavWidgetLit.test.js +0 -199
- package/dist/cdn.d.ts +0 -62
- package/dist/cdn.d.ts.map +0 -1
- package/dist/cdn.js +0 -48
- package/dist/editor-lit.d.ts +0 -49
- package/dist/editor-lit.d.ts.map +0 -1
- package/dist/editor-lit.js +0 -319
- package/dist/runtime-lit.d.ts +0 -108
- package/dist/runtime-lit.d.ts.map +0 -1
- package/dist/runtime-lit.js +0 -241
- package/dist/summarize.js +0 -51
- package/dist/types.js +0 -18
- package/node_modules/@syntro/design-system/README.md +0 -335
- package/node_modules/@syntro/design-system/dist/assets/syntrologie-logo.svg +0 -21
- package/node_modules/@syntro/design-system/dist/assets/syntrologie-logomark.svg +0 -10
- package/node_modules/@syntro/design-system/dist/index.d.ts +0 -8
- package/node_modules/@syntro/design-system/dist/index.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/index.js +0 -7
- package/node_modules/@syntro/design-system/dist/tailwind-preset.d.ts +0 -19
- package/node_modules/@syntro/design-system/dist/tailwind-preset.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tailwind-preset.js +0 -455
- package/node_modules/@syntro/design-system/dist/tokens/colors.css +0 -464
- package/node_modules/@syntro/design-system/dist/tokens/colors.d.ts +0 -874
- package/node_modules/@syntro/design-system/dist/tokens/colors.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/colors.js +0 -564
- package/node_modules/@syntro/design-system/dist/tokens/effects.css +0 -43
- package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts +0 -139
- package/node_modules/@syntro/design-system/dist/tokens/effects.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/effects.js +0 -121
- package/node_modules/@syntro/design-system/dist/tokens/index.d.ts +0 -12
- package/node_modules/@syntro/design-system/dist/tokens/index.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/index.js +0 -11
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts +0 -93
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.d.ts.map +0 -1
- package/node_modules/@syntro/design-system/dist/tokens/panel-shell.js +0 -72
- package/node_modules/@syntro/design-system/package.json +0 -55
- package/node_modules/@syntro/design-system/src/assets/syntrologie-logo.svg +0 -21
- package/node_modules/@syntro/design-system/src/assets/syntrologie-logomark.svg +0 -10
- package/node_modules/@syntrologie/sdk-contracts/dist/index.d.ts +0 -129
- package/node_modules/@syntrologie/sdk-contracts/dist/index.js +0 -17
- package/node_modules/@syntrologie/sdk-contracts/dist/schemas.d.ts +0 -2296
- package/node_modules/@syntrologie/sdk-contracts/dist/schemas.js +0 -361
- package/node_modules/@syntrologie/sdk-contracts/package.json +0 -33
- package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts +0 -2
- package/node_modules/@syntrologie/shared-editor-ui/dist/cn.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/cn.js +0 -3
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts +0 -34
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPicker.js +0 -161
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts +0 -84
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js +0 -323
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggle.js +0 -9
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts +0 -25
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/BeforeAfterToggleLit.js +0 -55
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts +0 -23
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLine.js +0 -40
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts +0 -33
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ConditionStatusLineLit.js +0 -118
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadge.js +0 -22
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts +0 -32
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DetectionBadgeLit.js +0 -68
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSection.js +0 -9
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts +0 -34
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/DismissedSectionLit.js +0 -57
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButton.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts +0 -13
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditBackButtonLit.js +0 -31
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBody.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorBodyLit.js +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.d.ts +0 -13
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCard.js +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts +0 -36
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorCardLit.js +0 -102
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooter.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts +0 -20
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorFooterLit.js +0 -48
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.d.ts +0 -9
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeader.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts +0 -16
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorHeaderLit.js +0 -25
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInput.js +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts +0 -66
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorInputLit.js +0 -87
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayout.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts +0 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorLayoutLit.js +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts +0 -25
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShell.js +0 -390
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts +0 -66
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorPanelShellLit.js +0 -528
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelect.js +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts +0 -41
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorSelectLit.js +0 -63
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextarea.js +0 -17
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts +0 -55
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EditorTextareaLit.js +0 -92
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.d.ts +0 -32
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlight.js +0 -85
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts +0 -90
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js +0 -242
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.d.ts +0 -6
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyState.js +0 -4
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts +0 -12
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/EmptyStateLit.js +0 -21
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeader.js +0 -5
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts +0 -21
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/GroupHeaderLit.js +0 -33
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.d.ts +0 -12
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourney.js +0 -40
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts +0 -28
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/TriggerJourneyLit.js +0 -121
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts +0 -110
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/controllers/PanelShellController.js +0 -476
- package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.d.ts +0 -26
- package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/formatConditionLabel.js +0 -202
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.d.ts +0 -8
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useElementRect.js +0 -46
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.d.ts +0 -24
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/hooks/useTriggerWhenStatus.js +0 -86
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts +0 -36
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/index.js +0 -26
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts +0 -15
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.js +0 -14
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts +0 -33
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/elementChainRecommender.js +0 -68
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.d.ts +0 -22
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.d.ts.map +0 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/utils/selectorGenerator.js +0 -143
- package/node_modules/@syntrologie/shared-editor-ui/package.json +0 -55
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Syntro Design System - Effect Tokens
|
|
3
|
-
*
|
|
4
|
-
* Non-color effect tokens from the Figma design system:
|
|
5
|
-
* shadows, focus rings, backdrop blurs, and overlays.
|
|
6
|
-
*
|
|
7
|
-
* @see https://www.figma.com/design/U0Ol5vM7FQvgPfIgCAgxgb/Design-System
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Figma shadow scale using rgba(16,24,40,...) base.
|
|
11
|
-
* Each step increases vertical offset and blur radius.
|
|
12
|
-
*/
|
|
13
|
-
export declare const shadows: {
|
|
14
|
-
readonly xs: "0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
15
|
-
readonly sm: "0 1px 3px 0 rgba(16,24,40,0.10), 0 1px 2px -1px rgba(16,24,40,0.10)";
|
|
16
|
-
readonly md: "0 4px 6px -1px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.10)";
|
|
17
|
-
readonly lg: "0 10px 15px -3px rgba(16,24,40,0.10), 0 4px 6px -4px rgba(16,24,40,0.10)";
|
|
18
|
-
readonly xl: "0 20px 25px -5px rgba(16,24,40,0.10), 0 8px 10px -6px rgba(16,24,40,0.10)";
|
|
19
|
-
readonly '2xl': "0 25px 50px -12px rgba(16,24,40,0.25)";
|
|
20
|
-
readonly '3xl': "0 35px 60px -15px rgba(16,24,40,0.35)";
|
|
21
|
-
readonly inner: "inset 0 2px 4px 0 rgba(16,24,40,0.05)";
|
|
22
|
-
readonly none: "none";
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* Focus ring shadows — 4px spread + xs shadow for depth.
|
|
26
|
-
* Used via `shadow-focus-primary`, `shadow-focus-neutral`, `shadow-focus-error`.
|
|
27
|
-
*
|
|
28
|
-
* Colors reference design system color tokens:
|
|
29
|
-
* primary → brand-5 (#dd6d69)
|
|
30
|
-
* neutral → slateGrey-8 (#87919f)
|
|
31
|
-
* error → red-5 (#ff5150)
|
|
32
|
-
*/
|
|
33
|
-
export declare const focusRings: {
|
|
34
|
-
readonly primary: "0 0 0 4px rgba(221,109,105,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
35
|
-
readonly neutral: "0 0 0 4px rgba(135,145,159,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
36
|
-
readonly error: "0 0 0 4px rgba(255,81,80,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
37
|
-
};
|
|
38
|
-
/**
|
|
39
|
-
* Figma backdrop blur scale.
|
|
40
|
-
*/
|
|
41
|
-
export declare const backdropBlur: {
|
|
42
|
-
readonly sm: "8px";
|
|
43
|
-
readonly md: "16px";
|
|
44
|
-
readonly lg: "24px";
|
|
45
|
-
readonly xl: "40px";
|
|
46
|
-
};
|
|
47
|
-
/**
|
|
48
|
-
* Modal/dialog overlay backgrounds.
|
|
49
|
-
* solid → full-screen scrim (opaque)
|
|
50
|
-
* blur → lighter scrim intended to pair with backdrop-blur
|
|
51
|
-
*/
|
|
52
|
-
export declare const overlay: {
|
|
53
|
-
readonly solid: "rgba(0,0,0,0.70)";
|
|
54
|
-
readonly blur: "rgba(0,0,0,0.25)";
|
|
55
|
-
};
|
|
56
|
-
/**
|
|
57
|
-
* Product-specific glow shadows not in the Figma shadow scale.
|
|
58
|
-
* Used for validated states, brand highlights, and UI depth cues.
|
|
59
|
-
*/
|
|
60
|
-
export declare const glowShadows: {
|
|
61
|
-
readonly 'glow-green': "0 0 20px -8px rgba(34,197,94,0.3)";
|
|
62
|
-
readonly 'glow-brand': "0 0 25px rgba(212,72,68,0.25)";
|
|
63
|
-
readonly 'glow-brand-sm': "0 0 0 1px rgba(212,72,68,0.15)";
|
|
64
|
-
readonly 'glow-brand-md': "0 0 0 2px rgba(212,72,68,0.3)";
|
|
65
|
-
readonly 'glow-brand-active': "0 0.375rem 0.875rem -0.625rem rgba(212,72,68,0.8)";
|
|
66
|
-
readonly 'glow-brand-tab': "0 0.5rem 1.25rem -0.75rem rgba(212,72,68,0.7)";
|
|
67
|
-
readonly 'glow-brand-nav': "0 0.625rem 1.875rem -1.125rem rgba(212,72,68,0.9)";
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* Dark-on-dark elevation shadows for card depth.
|
|
71
|
-
*/
|
|
72
|
-
export declare const elevationShadows: {
|
|
73
|
-
readonly 'elevation-sm': "0 8px 24px -16px rgba(0,0,0,0.6)";
|
|
74
|
-
readonly 'elevation-md': "0 12px 32px -18px rgba(0,0,0,0.6)";
|
|
75
|
-
readonly 'elevation-lg': "0 18px 48px -24px rgba(0,0,0,0.65)";
|
|
76
|
-
readonly 'elevation-card': "0 0.75rem 2rem -1.25rem rgba(0,0,0,0.7)";
|
|
77
|
-
readonly 'elevation-card-soft': "0 0.75rem 2.375rem -0.75rem rgba(0,0,0,0.4)";
|
|
78
|
-
readonly 'elevation-card-tight': "0 0.625rem 1.625rem -1.125rem rgba(0,0,0,0.6)";
|
|
79
|
-
};
|
|
80
|
-
/**
|
|
81
|
-
* Shared animation duration constants for consistent motion across the UI.
|
|
82
|
-
*/
|
|
83
|
-
export declare const animationDuration: {
|
|
84
|
-
readonly DURATION_SHORT: "150ms";
|
|
85
|
-
readonly DURATION_MEDIUM: "200ms";
|
|
86
|
-
readonly DURATION_LONG: "300ms";
|
|
87
|
-
};
|
|
88
|
-
export declare const effects: {
|
|
89
|
-
readonly shadows: {
|
|
90
|
-
readonly xs: "0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
91
|
-
readonly sm: "0 1px 3px 0 rgba(16,24,40,0.10), 0 1px 2px -1px rgba(16,24,40,0.10)";
|
|
92
|
-
readonly md: "0 4px 6px -1px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.10)";
|
|
93
|
-
readonly lg: "0 10px 15px -3px rgba(16,24,40,0.10), 0 4px 6px -4px rgba(16,24,40,0.10)";
|
|
94
|
-
readonly xl: "0 20px 25px -5px rgba(16,24,40,0.10), 0 8px 10px -6px rgba(16,24,40,0.10)";
|
|
95
|
-
readonly '2xl': "0 25px 50px -12px rgba(16,24,40,0.25)";
|
|
96
|
-
readonly '3xl': "0 35px 60px -15px rgba(16,24,40,0.35)";
|
|
97
|
-
readonly inner: "inset 0 2px 4px 0 rgba(16,24,40,0.05)";
|
|
98
|
-
readonly none: "none";
|
|
99
|
-
};
|
|
100
|
-
readonly focusRings: {
|
|
101
|
-
readonly primary: "0 0 0 4px rgba(221,109,105,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
102
|
-
readonly neutral: "0 0 0 4px rgba(135,145,159,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
103
|
-
readonly error: "0 0 0 4px rgba(255,81,80,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)";
|
|
104
|
-
};
|
|
105
|
-
readonly backdropBlur: {
|
|
106
|
-
readonly sm: "8px";
|
|
107
|
-
readonly md: "16px";
|
|
108
|
-
readonly lg: "24px";
|
|
109
|
-
readonly xl: "40px";
|
|
110
|
-
};
|
|
111
|
-
readonly overlay: {
|
|
112
|
-
readonly solid: "rgba(0,0,0,0.70)";
|
|
113
|
-
readonly blur: "rgba(0,0,0,0.25)";
|
|
114
|
-
};
|
|
115
|
-
readonly glowShadows: {
|
|
116
|
-
readonly 'glow-green': "0 0 20px -8px rgba(34,197,94,0.3)";
|
|
117
|
-
readonly 'glow-brand': "0 0 25px rgba(212,72,68,0.25)";
|
|
118
|
-
readonly 'glow-brand-sm': "0 0 0 1px rgba(212,72,68,0.15)";
|
|
119
|
-
readonly 'glow-brand-md': "0 0 0 2px rgba(212,72,68,0.3)";
|
|
120
|
-
readonly 'glow-brand-active': "0 0.375rem 0.875rem -0.625rem rgba(212,72,68,0.8)";
|
|
121
|
-
readonly 'glow-brand-tab': "0 0.5rem 1.25rem -0.75rem rgba(212,72,68,0.7)";
|
|
122
|
-
readonly 'glow-brand-nav': "0 0.625rem 1.875rem -1.125rem rgba(212,72,68,0.9)";
|
|
123
|
-
};
|
|
124
|
-
readonly elevationShadows: {
|
|
125
|
-
readonly 'elevation-sm': "0 8px 24px -16px rgba(0,0,0,0.6)";
|
|
126
|
-
readonly 'elevation-md': "0 12px 32px -18px rgba(0,0,0,0.6)";
|
|
127
|
-
readonly 'elevation-lg': "0 18px 48px -24px rgba(0,0,0,0.65)";
|
|
128
|
-
readonly 'elevation-card': "0 0.75rem 2rem -1.25rem rgba(0,0,0,0.7)";
|
|
129
|
-
readonly 'elevation-card-soft': "0 0.75rem 2.375rem -0.75rem rgba(0,0,0,0.4)";
|
|
130
|
-
readonly 'elevation-card-tight': "0 0.625rem 1.625rem -1.125rem rgba(0,0,0,0.6)";
|
|
131
|
-
};
|
|
132
|
-
readonly animationDuration: {
|
|
133
|
-
readonly DURATION_SHORT: "150ms";
|
|
134
|
-
readonly DURATION_MEDIUM: "200ms";
|
|
135
|
-
readonly DURATION_LONG: "300ms";
|
|
136
|
-
};
|
|
137
|
-
};
|
|
138
|
-
export default effects;
|
|
139
|
-
//# sourceMappingURL=effects.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../src/tokens/effects.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAMX;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAMX;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;CAQd,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQV,CAAC;AAEX,eAAe,OAAO,CAAC"}
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Syntro Design System - Effect Tokens
|
|
3
|
-
*
|
|
4
|
-
* Non-color effect tokens from the Figma design system:
|
|
5
|
-
* shadows, focus rings, backdrop blurs, and overlays.
|
|
6
|
-
*
|
|
7
|
-
* @see https://www.figma.com/design/U0Ol5vM7FQvgPfIgCAgxgb/Design-System
|
|
8
|
-
*/
|
|
9
|
-
// ============================================================================
|
|
10
|
-
// SHADOW SCALE
|
|
11
|
-
// ============================================================================
|
|
12
|
-
/**
|
|
13
|
-
* Figma shadow scale using rgba(16,24,40,...) base.
|
|
14
|
-
* Each step increases vertical offset and blur radius.
|
|
15
|
-
*/
|
|
16
|
-
export const shadows = {
|
|
17
|
-
xs: '0 1px 2px 0 rgba(16,24,40,0.05)',
|
|
18
|
-
sm: '0 1px 3px 0 rgba(16,24,40,0.10), 0 1px 2px -1px rgba(16,24,40,0.10)',
|
|
19
|
-
md: '0 4px 6px -1px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.10)',
|
|
20
|
-
lg: '0 10px 15px -3px rgba(16,24,40,0.10), 0 4px 6px -4px rgba(16,24,40,0.10)',
|
|
21
|
-
xl: '0 20px 25px -5px rgba(16,24,40,0.10), 0 8px 10px -6px rgba(16,24,40,0.10)',
|
|
22
|
-
'2xl': '0 25px 50px -12px rgba(16,24,40,0.25)',
|
|
23
|
-
'3xl': '0 35px 60px -15px rgba(16,24,40,0.35)',
|
|
24
|
-
inner: 'inset 0 2px 4px 0 rgba(16,24,40,0.05)',
|
|
25
|
-
none: 'none',
|
|
26
|
-
};
|
|
27
|
-
// ============================================================================
|
|
28
|
-
// FOCUS RINGS
|
|
29
|
-
// ============================================================================
|
|
30
|
-
/**
|
|
31
|
-
* Focus ring shadows — 4px spread + xs shadow for depth.
|
|
32
|
-
* Used via `shadow-focus-primary`, `shadow-focus-neutral`, `shadow-focus-error`.
|
|
33
|
-
*
|
|
34
|
-
* Colors reference design system color tokens:
|
|
35
|
-
* primary → brand-5 (#dd6d69)
|
|
36
|
-
* neutral → slateGrey-8 (#87919f)
|
|
37
|
-
* error → red-5 (#ff5150)
|
|
38
|
-
*/
|
|
39
|
-
export const focusRings = {
|
|
40
|
-
primary: '0 0 0 4px rgba(221,109,105,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)',
|
|
41
|
-
neutral: '0 0 0 4px rgba(135,145,159,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)',
|
|
42
|
-
error: '0 0 0 4px rgba(255,81,80,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)',
|
|
43
|
-
};
|
|
44
|
-
// ============================================================================
|
|
45
|
-
// BACKDROP BLUR
|
|
46
|
-
// ============================================================================
|
|
47
|
-
/**
|
|
48
|
-
* Figma backdrop blur scale.
|
|
49
|
-
*/
|
|
50
|
-
export const backdropBlur = {
|
|
51
|
-
sm: '8px',
|
|
52
|
-
md: '16px',
|
|
53
|
-
lg: '24px',
|
|
54
|
-
xl: '40px',
|
|
55
|
-
};
|
|
56
|
-
// ============================================================================
|
|
57
|
-
// OVERLAY
|
|
58
|
-
// ============================================================================
|
|
59
|
-
/**
|
|
60
|
-
* Modal/dialog overlay backgrounds.
|
|
61
|
-
* solid → full-screen scrim (opaque)
|
|
62
|
-
* blur → lighter scrim intended to pair with backdrop-blur
|
|
63
|
-
*/
|
|
64
|
-
export const overlay = {
|
|
65
|
-
solid: 'rgba(0,0,0,0.70)',
|
|
66
|
-
blur: 'rgba(0,0,0,0.25)',
|
|
67
|
-
};
|
|
68
|
-
// ============================================================================
|
|
69
|
-
// PRODUCT GLOW SHADOWS
|
|
70
|
-
// ============================================================================
|
|
71
|
-
/**
|
|
72
|
-
* Product-specific glow shadows not in the Figma shadow scale.
|
|
73
|
-
* Used for validated states, brand highlights, and UI depth cues.
|
|
74
|
-
*/
|
|
75
|
-
export const glowShadows = {
|
|
76
|
-
'glow-green': '0 0 20px -8px rgba(34,197,94,0.3)',
|
|
77
|
-
'glow-brand': '0 0 25px rgba(212,72,68,0.25)',
|
|
78
|
-
'glow-brand-sm': '0 0 0 1px rgba(212,72,68,0.15)',
|
|
79
|
-
'glow-brand-md': '0 0 0 2px rgba(212,72,68,0.3)',
|
|
80
|
-
'glow-brand-active': '0 0.375rem 0.875rem -0.625rem rgba(212,72,68,0.8)',
|
|
81
|
-
'glow-brand-tab': '0 0.5rem 1.25rem -0.75rem rgba(212,72,68,0.7)',
|
|
82
|
-
'glow-brand-nav': '0 0.625rem 1.875rem -1.125rem rgba(212,72,68,0.9)',
|
|
83
|
-
};
|
|
84
|
-
// ============================================================================
|
|
85
|
-
// ELEVATION SHADOWS
|
|
86
|
-
// ============================================================================
|
|
87
|
-
/**
|
|
88
|
-
* Dark-on-dark elevation shadows for card depth.
|
|
89
|
-
*/
|
|
90
|
-
export const elevationShadows = {
|
|
91
|
-
'elevation-sm': '0 8px 24px -16px rgba(0,0,0,0.6)',
|
|
92
|
-
'elevation-md': '0 12px 32px -18px rgba(0,0,0,0.6)',
|
|
93
|
-
'elevation-lg': '0 18px 48px -24px rgba(0,0,0,0.65)',
|
|
94
|
-
'elevation-card': '0 0.75rem 2rem -1.25rem rgba(0,0,0,0.7)',
|
|
95
|
-
'elevation-card-soft': '0 0.75rem 2.375rem -0.75rem rgba(0,0,0,0.4)',
|
|
96
|
-
'elevation-card-tight': '0 0.625rem 1.625rem -1.125rem rgba(0,0,0,0.6)',
|
|
97
|
-
};
|
|
98
|
-
// ============================================================================
|
|
99
|
-
// ANIMATION TIMING CONSTANTS
|
|
100
|
-
// ============================================================================
|
|
101
|
-
/**
|
|
102
|
-
* Shared animation duration constants for consistent motion across the UI.
|
|
103
|
-
*/
|
|
104
|
-
export const animationDuration = {
|
|
105
|
-
DURATION_SHORT: '150ms',
|
|
106
|
-
DURATION_MEDIUM: '200ms',
|
|
107
|
-
DURATION_LONG: '300ms',
|
|
108
|
-
};
|
|
109
|
-
// ============================================================================
|
|
110
|
-
// DEFAULT EXPORT
|
|
111
|
-
// ============================================================================
|
|
112
|
-
export const effects = {
|
|
113
|
-
shadows,
|
|
114
|
-
focusRings,
|
|
115
|
-
backdropBlur,
|
|
116
|
-
overlay,
|
|
117
|
-
glowShadows,
|
|
118
|
-
elevationShadows,
|
|
119
|
-
animationDuration,
|
|
120
|
-
};
|
|
121
|
-
export default effects;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Syntro Design System - Tokens
|
|
3
|
-
*
|
|
4
|
-
* Re-exports all design tokens
|
|
5
|
-
*/
|
|
6
|
-
export * from './colors';
|
|
7
|
-
export { default as colors } from './colors';
|
|
8
|
-
export * from './effects';
|
|
9
|
-
export { default as effects } from './effects';
|
|
10
|
-
export * from './panel-shell';
|
|
11
|
-
export { default as panelShell } from './panel-shell';
|
|
12
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Syntro Design System - Tokens
|
|
3
|
-
*
|
|
4
|
-
* Re-exports all design tokens
|
|
5
|
-
*/
|
|
6
|
-
export * from './colors';
|
|
7
|
-
export { default as colors } from './colors';
|
|
8
|
-
export * from './effects';
|
|
9
|
-
export { default as effects } from './effects';
|
|
10
|
-
export * from './panel-shell';
|
|
11
|
-
export { default as panelShell } from './panel-shell';
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Syntro Design System — Editor Panel Shell Tokens
|
|
3
|
-
*
|
|
4
|
-
* Single source of truth for the floating editor panel's visuals and behavior.
|
|
5
|
-
* Consumed by:
|
|
6
|
-
* - packages/shared-editor-ui/src/components/EditorPanelShell.tsx (React)
|
|
7
|
-
* - packages/shared-editor-ui/src/controllers/PanelShellController.ts (Lit)
|
|
8
|
-
*
|
|
9
|
-
* Any change here updates both React and Lit panels in one step — no drift.
|
|
10
|
-
*/
|
|
11
|
-
/** Dark gradient rendered behind the panel contents (backdrop-blur layered on). */
|
|
12
|
-
export declare const panelBackground = "linear-gradient(160deg, rgba(7,8,10,0.84) 0%, rgba(14,17,20,0.88) 45%, rgba(15,19,24,0.84) 100%)";
|
|
13
|
-
/** Outer shadows for the panel, indexed by dock state. */
|
|
14
|
-
export declare const panelShadows: {
|
|
15
|
-
/** Free-floating panel — shadow all sides. */
|
|
16
|
-
readonly floating: "0 8px 60px rgba(0,0,0,0.5)";
|
|
17
|
-
/** Docked to left — shadow cast rightward into page. */
|
|
18
|
-
readonly dockedLeft: "20px 0 60px rgba(0,0,0,0.5)";
|
|
19
|
-
/** Docked to right — shadow cast leftward into page. */
|
|
20
|
-
readonly dockedRight: "-20px 0 60px rgba(0,0,0,0.5)";
|
|
21
|
-
};
|
|
22
|
-
/** Backdrop-filter blur radius applied to the panel surface. */
|
|
23
|
-
export declare const panelBackdropBlur = "12px";
|
|
24
|
-
export declare const fab: {
|
|
25
|
-
/** Diameter in pixels. */
|
|
26
|
-
readonly size: 56;
|
|
27
|
-
/** Inset from the panel's top-left corner in pixels. */
|
|
28
|
-
readonly inset: 12;
|
|
29
|
-
/** Background color (always the brand black). */
|
|
30
|
-
readonly background: "#000000";
|
|
31
|
-
/** Icon / logo color. */
|
|
32
|
-
readonly color: "#ffffff";
|
|
33
|
-
/** Border — 2px brand red ring. */
|
|
34
|
-
readonly border: "2px solid #b72e2a";
|
|
35
|
-
/** Shadow when the panel is open (inner ring for "active" state). */
|
|
36
|
-
readonly shadowOpen: "0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)";
|
|
37
|
-
/** Shadow when the panel is closed. */
|
|
38
|
-
readonly shadowClosed: "0 4px 24px rgba(0,0,0,0.6)";
|
|
39
|
-
};
|
|
40
|
-
export declare const panelBehavior: {
|
|
41
|
-
/** Minimum panel width when resizing or undocked. */
|
|
42
|
-
readonly minWidth: 480;
|
|
43
|
-
/** Minimum panel height when resizing or undocked. */
|
|
44
|
-
readonly minHeight: 400;
|
|
45
|
-
/** Edge thickness of resize handles in pixels. */
|
|
46
|
-
readonly handleSize: 8;
|
|
47
|
-
/** Pixels the FAB must move before a press becomes a drag (vs a click). */
|
|
48
|
-
readonly dragThreshold: 5;
|
|
49
|
-
/** Distance from a viewport edge that triggers edge-dock snapping. */
|
|
50
|
-
readonly snapThreshold: 20;
|
|
51
|
-
};
|
|
52
|
-
export declare const panelShell: {
|
|
53
|
-
readonly background: "linear-gradient(160deg, rgba(7,8,10,0.84) 0%, rgba(14,17,20,0.88) 45%, rgba(15,19,24,0.84) 100%)";
|
|
54
|
-
readonly shadows: {
|
|
55
|
-
/** Free-floating panel — shadow all sides. */
|
|
56
|
-
readonly floating: "0 8px 60px rgba(0,0,0,0.5)";
|
|
57
|
-
/** Docked to left — shadow cast rightward into page. */
|
|
58
|
-
readonly dockedLeft: "20px 0 60px rgba(0,0,0,0.5)";
|
|
59
|
-
/** Docked to right — shadow cast leftward into page. */
|
|
60
|
-
readonly dockedRight: "-20px 0 60px rgba(0,0,0,0.5)";
|
|
61
|
-
};
|
|
62
|
-
readonly backdropBlur: "12px";
|
|
63
|
-
readonly fab: {
|
|
64
|
-
/** Diameter in pixels. */
|
|
65
|
-
readonly size: 56;
|
|
66
|
-
/** Inset from the panel's top-left corner in pixels. */
|
|
67
|
-
readonly inset: 12;
|
|
68
|
-
/** Background color (always the brand black). */
|
|
69
|
-
readonly background: "#000000";
|
|
70
|
-
/** Icon / logo color. */
|
|
71
|
-
readonly color: "#ffffff";
|
|
72
|
-
/** Border — 2px brand red ring. */
|
|
73
|
-
readonly border: "2px solid #b72e2a";
|
|
74
|
-
/** Shadow when the panel is open (inner ring for "active" state). */
|
|
75
|
-
readonly shadowOpen: "0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)";
|
|
76
|
-
/** Shadow when the panel is closed. */
|
|
77
|
-
readonly shadowClosed: "0 4px 24px rgba(0,0,0,0.6)";
|
|
78
|
-
};
|
|
79
|
-
readonly behavior: {
|
|
80
|
-
/** Minimum panel width when resizing or undocked. */
|
|
81
|
-
readonly minWidth: 480;
|
|
82
|
-
/** Minimum panel height when resizing or undocked. */
|
|
83
|
-
readonly minHeight: 400;
|
|
84
|
-
/** Edge thickness of resize handles in pixels. */
|
|
85
|
-
readonly handleSize: 8;
|
|
86
|
-
/** Pixels the FAB must move before a press becomes a drag (vs a click). */
|
|
87
|
-
readonly dragThreshold: 5;
|
|
88
|
-
/** Distance from a viewport edge that triggers edge-dock snapping. */
|
|
89
|
-
readonly snapThreshold: 20;
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
export default panelShell;
|
|
93
|
-
//# sourceMappingURL=panel-shell.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"panel-shell.d.ts","sourceRoot":"","sources":["../../src/tokens/panel-shell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,mFAAmF;AACnF,eAAO,MAAM,eAAe,qGACwE,CAAC;AAErG,0DAA0D;AAC1D,eAAO,MAAM,YAAY;IACvB,8CAA8C;;IAE9C,wDAAwD;;IAExD,wDAAwD;;CAEhD,CAAC;AAEX,gEAAgE;AAChE,eAAO,MAAM,iBAAiB,SAAS,CAAC;AAMxC,eAAO,MAAM,GAAG;IACd,0BAA0B;;IAE1B,wDAAwD;;IAExD,iDAAiD;;IAEjD,yBAAyB;;IAEzB,mCAAmC;;IAEnC,qEAAqE;;IAErE,uCAAuC;;CAE/B,CAAC;AAMX,eAAO,MAAM,aAAa;IACxB,qDAAqD;;IAErD,sDAAsD;;IAEtD,kDAAkD;;IAElD,2EAA2E;;IAE3E,sEAAsE;;CAE9D,CAAC;AAMX,eAAO,MAAM,UAAU;;;QArDrB,8CAA8C;;QAE9C,wDAAwD;;QAExD,wDAAwD;;;;;QAYxD,0BAA0B;;QAE1B,wDAAwD;;QAExD,iDAAiD;;QAEjD,yBAAyB;;QAEzB,mCAAmC;;QAEnC,qEAAqE;;QAErE,uCAAuC;;;;QASvC,qDAAqD;;QAErD,sDAAsD;;QAEtD,kDAAkD;;QAElD,2EAA2E;;QAE3E,sEAAsE;;;CAc9D,CAAC;AAEX,eAAe,UAAU,CAAC"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Syntro Design System — Editor Panel Shell Tokens
|
|
3
|
-
*
|
|
4
|
-
* Single source of truth for the floating editor panel's visuals and behavior.
|
|
5
|
-
* Consumed by:
|
|
6
|
-
* - packages/shared-editor-ui/src/components/EditorPanelShell.tsx (React)
|
|
7
|
-
* - packages/shared-editor-ui/src/controllers/PanelShellController.ts (Lit)
|
|
8
|
-
*
|
|
9
|
-
* Any change here updates both React and Lit panels in one step — no drift.
|
|
10
|
-
*/
|
|
11
|
-
import { base, brand } from './colors';
|
|
12
|
-
// ============================================================================
|
|
13
|
-
// Panel background & shadows
|
|
14
|
-
// ============================================================================
|
|
15
|
-
/** Dark gradient rendered behind the panel contents (backdrop-blur layered on). */
|
|
16
|
-
export const panelBackground = 'linear-gradient(160deg, rgba(7,8,10,0.84) 0%, rgba(14,17,20,0.88) 45%, rgba(15,19,24,0.84) 100%)';
|
|
17
|
-
/** Outer shadows for the panel, indexed by dock state. */
|
|
18
|
-
export const panelShadows = {
|
|
19
|
-
/** Free-floating panel — shadow all sides. */
|
|
20
|
-
floating: '0 8px 60px rgba(0,0,0,0.5)',
|
|
21
|
-
/** Docked to left — shadow cast rightward into page. */
|
|
22
|
-
dockedLeft: '20px 0 60px rgba(0,0,0,0.5)',
|
|
23
|
-
/** Docked to right — shadow cast leftward into page. */
|
|
24
|
-
dockedRight: '-20px 0 60px rgba(0,0,0,0.5)',
|
|
25
|
-
};
|
|
26
|
-
/** Backdrop-filter blur radius applied to the panel surface. */
|
|
27
|
-
export const panelBackdropBlur = '12px';
|
|
28
|
-
// ============================================================================
|
|
29
|
-
// FAB (floating action button) visuals
|
|
30
|
-
// ============================================================================
|
|
31
|
-
export const fab = {
|
|
32
|
-
/** Diameter in pixels. */
|
|
33
|
-
size: 56,
|
|
34
|
-
/** Inset from the panel's top-left corner in pixels. */
|
|
35
|
-
inset: 12,
|
|
36
|
-
/** Background color (always the brand black). */
|
|
37
|
-
background: base.black,
|
|
38
|
-
/** Icon / logo color. */
|
|
39
|
-
color: base.white,
|
|
40
|
-
/** Border — 2px brand red ring. */
|
|
41
|
-
border: `2px solid ${brand[3]}`,
|
|
42
|
-
/** Shadow when the panel is open (inner ring for "active" state). */
|
|
43
|
-
shadowOpen: '0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)',
|
|
44
|
-
/** Shadow when the panel is closed. */
|
|
45
|
-
shadowClosed: '0 4px 24px rgba(0,0,0,0.6)',
|
|
46
|
-
};
|
|
47
|
-
// ============================================================================
|
|
48
|
-
// Behavior: resize, drag, snap
|
|
49
|
-
// ============================================================================
|
|
50
|
-
export const panelBehavior = {
|
|
51
|
-
/** Minimum panel width when resizing or undocked. */
|
|
52
|
-
minWidth: 480,
|
|
53
|
-
/** Minimum panel height when resizing or undocked. */
|
|
54
|
-
minHeight: 400,
|
|
55
|
-
/** Edge thickness of resize handles in pixels. */
|
|
56
|
-
handleSize: 8,
|
|
57
|
-
/** Pixels the FAB must move before a press becomes a drag (vs a click). */
|
|
58
|
-
dragThreshold: 5,
|
|
59
|
-
/** Distance from a viewport edge that triggers edge-dock snapping. */
|
|
60
|
-
snapThreshold: 20,
|
|
61
|
-
};
|
|
62
|
-
// ============================================================================
|
|
63
|
-
// Aggregate export
|
|
64
|
-
// ============================================================================
|
|
65
|
-
export const panelShell = {
|
|
66
|
-
background: panelBackground,
|
|
67
|
-
shadows: panelShadows,
|
|
68
|
-
backdropBlur: panelBackdropBlur,
|
|
69
|
-
fab,
|
|
70
|
-
behavior: panelBehavior,
|
|
71
|
-
};
|
|
72
|
-
export default panelShell;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@syntro/design-system",
|
|
3
|
-
"version": "1.0.0",
|
|
4
|
-
"description": "Syntro design system tokens and Tailwind preset",
|
|
5
|
-
"main": "dist/index.js",
|
|
6
|
-
"types": "dist/index.d.ts",
|
|
7
|
-
"exports": {
|
|
8
|
-
".": {
|
|
9
|
-
"types": "./dist/index.d.ts",
|
|
10
|
-
"import": "./dist/index.js",
|
|
11
|
-
"require": "./dist/index.js"
|
|
12
|
-
},
|
|
13
|
-
"./tailwind-preset": {
|
|
14
|
-
"types": "./dist/tailwind-preset.d.ts",
|
|
15
|
-
"import": "./dist/tailwind-preset.js",
|
|
16
|
-
"require": "./dist/tailwind-preset.js"
|
|
17
|
-
},
|
|
18
|
-
"./tokens": {
|
|
19
|
-
"types": "./dist/tokens/index.d.ts",
|
|
20
|
-
"import": "./dist/tokens/index.js",
|
|
21
|
-
"require": "./dist/tokens/index.js"
|
|
22
|
-
},
|
|
23
|
-
"./colors.css": "./dist/tokens/colors.css",
|
|
24
|
-
"./effects.css": "./dist/tokens/effects.css",
|
|
25
|
-
"./assets/*": "./dist/assets/*"
|
|
26
|
-
},
|
|
27
|
-
"files": [
|
|
28
|
-
"dist",
|
|
29
|
-
"README.md",
|
|
30
|
-
"src/assets"
|
|
31
|
-
],
|
|
32
|
-
"scripts": {
|
|
33
|
-
"build": "tsc && npm run copy-css && npm run copy-assets",
|
|
34
|
-
"typecheck": "tsc --noEmit",
|
|
35
|
-
"copy-css": "cp src/tokens/colors.css src/tokens/effects.css dist/tokens/",
|
|
36
|
-
"copy-assets": "mkdir -p dist/assets && cp src/assets/*.svg dist/assets/",
|
|
37
|
-
"dev": "tsc --watch",
|
|
38
|
-
"clean": "rm -rf dist"
|
|
39
|
-
},
|
|
40
|
-
"keywords": [
|
|
41
|
-
"design-system",
|
|
42
|
-
"design-tokens",
|
|
43
|
-
"tailwind",
|
|
44
|
-
"colors"
|
|
45
|
-
],
|
|
46
|
-
"author": "Syntro",
|
|
47
|
-
"license": "MIT",
|
|
48
|
-
"devDependencies": {
|
|
49
|
-
"tailwindcss": "3.4.19",
|
|
50
|
-
"typescript": "5.9.3"
|
|
51
|
-
},
|
|
52
|
-
"peerDependencies": {
|
|
53
|
-
"tailwindcss": "^3.0.0"
|
|
54
|
-
}
|
|
55
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 394.905 63" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#syntrologie-logo-clip)">
|
|
3
|
-
<path d="M51.989 0.283777C52.3855 0.289606 52.8082 0.341289 53.1915 0.44279C53.7694 0.595826 54.3616 0.982776 54.7445 1.44205C55.8946 2.82165 56.7669 4.78162 57.669 6.35672C59.9465 10.3335 62.1516 14.3716 64.4975 18.3065C64.6706 18.5968 65.1272 19.3427 65.4747 19.4107C66.6544 19.6414 79.2783 11.5231 81.1229 10.3167C80.7042 8.59965 80.6244 7.20977 81.3344 5.52518C82.0143 3.91609 83.3172 2.65105 84.9455 2.01865C86.5927 1.3655 88.286 1.41976 89.9022 2.12312C91.4861 2.79508 92.7332 4.07597 93.3626 5.67737C95.1107 10.2176 91.3466 15.0131 86.5607 14.4416C85.3918 14.3021 84.6493 13.9267 83.5999 13.4412C76.542 18.2473 69.0942 22.5974 61.2065 25.907C60.1532 26.3489 59.4196 26.6003 58.519 27.3282C60.5828 27.4303 87.0339 24.2357 87.8776 23.7809C87.9259 23.7549 88.0477 23.697 88.0797 23.652C88.2442 23.4206 88.277 23.0066 88.3755 22.7346C88.8189 21.5112 89.5627 20.3792 90.6037 19.5858C91.8871 18.6081 93.6003 18.0931 95.2081 18.3244C96.9916 18.5809 98.6704 19.5497 99.7401 21.0052C100.733 22.3644 101.141 24.0636 100.875 25.7255C100.607 27.3935 99.6917 28.8884 98.3287 29.8868C96.0202 31.5734 92.6413 31.6131 90.3915 29.789C89.5788 29.1301 89.1771 28.5349 88.5659 27.692C86.6915 28.1029 83.4469 28.4625 81.4723 28.7301C76.5765 29.3988 71.6705 29.9901 66.7561 30.5038C65.7522 30.6079 59.2791 31.0128 58.7788 31.2402L58.7806 31.3872C59.1058 31.5766 66.974 33.0254 68.3281 33.3582C72.4748 34.4048 76.5717 35.6401 80.6058 37.0603C82.7092 37.8181 84.721 38.6858 86.8143 39.4565C88.5053 38.0506 89.2433 36.8746 91.9253 36.8412C93.6653 36.833 95.3393 37.5063 96.589 38.717C97.9856 40.0866 98.4148 41.5412 98.429 43.4219C98.4168 44.842 98.0992 45.9776 97.2288 47.1365C96.1679 48.5309 94.5965 49.4466 92.8602 49.682C91.1614 49.9224 89.437 49.4717 88.073 48.4308C86.2014 47.0199 85.7949 45.4623 85.488 43.3233C85.2551 43.1928 85.0175 43.0711 84.7756 42.9581C83.9074 42.5529 78.5107 40.3586 77.9108 40.5773C77.8374 41.1469 78.9262 42.5922 79.2429 43.1553L84.3362 52.073C85.1647 53.5291 86.0269 54.9908 86.7891 56.4833C87.2525 57.3908 87.4136 58.3554 87.056 59.3431C86.5569 60.7218 85.0135 61.4076 83.6258 61.4384C81.429 61.4268 79.2281 61.4272 77.0287 61.4272L62.9668 61.4265L35.5492 61.4348C33.3374 61.4358 20.6927 61.6261 19.5792 61.1994C18.7576 60.8894 18.0929 60.2654 17.7318 59.4648C17.455 58.8441 17.3345 57.9943 17.577 57.3607C18.242 55.6228 19.4995 53.6589 20.4377 52.043L28.1191 39.0284C28.9001 37.7009 31.2132 33.8912 31.6996 32.6343C25.6709 32.9355 18.7358 32.5465 12.6004 32.7213C11.7503 34.1381 10.9915 35.2814 9.36809 35.9347C7.74448 36.5881 5.70425 36.6039 4.09691 35.9216C2.54559 35.2716 1.31871 34.028 0.689636 32.4682C0.0528398 30.8392 0.0858366 29.0247 0.781432 27.42C2.81227 22.7389 9.25869 22.2019 12.05 26.4637C12.5553 27.2352 12.7743 27.8398 13.1037 28.7025L26.4623 28.7108C28.9255 28.7129 31.7288 28.7792 34.1703 28.6678C35.279 26.8924 36.4415 24.7334 37.5146 22.9005L45.376 9.37457C46.7966 6.90236 48.2141 4.36783 49.6854 1.92356C50.2221 1.03167 50.9618 0.493152 51.989 0.283777ZM22.1189 57.31C23.5115 57.5031 26.0454 57.4307 27.5262 57.4294L36.6607 57.4199L68.4121 57.4215C73.1129 57.4206 77.9937 57.3508 82.6797 57.4377L75.6641 45.0982C74.5622 43.1706 73.0929 40.7733 72.1039 38.8271C71.2449 38.3511 70.2914 38.1092 69.3349 37.8479C59.1886 35.0763 48.6693 33.4214 38.1718 32.7958C37.6418 32.7642 36.9939 32.766 36.4687 32.7943L25.8547 50.865C24.6335 52.9351 23.3644 55.3019 22.1189 57.31ZM52.2161 5.5133C49.3839 10.6112 46.4729 15.6649 43.4839 20.6725C42.1925 22.8783 40.8618 25.0707 39.6297 27.3099C39.4602 27.6181 39.3599 27.782 39.4532 28.1333C40.522 28.342 45.8655 26.9729 47.1117 26.6442C49.1688 26.1371 60.1347 22.6844 61.1737 21.4357C61.2479 21.1625 61.2873 21.0694 61.1251 20.7624C60.2791 19.163 59.3261 17.5272 58.4351 15.9577L53.5923 7.32853C53.3554 6.91456 52.677 5.59928 52.2161 5.5133ZM96.1802 26.4944C96.9633 25.7131 97.1204 24.5018 96.5625 23.5467C96.0045 22.5915 94.8722 22.1333 93.807 22.4317C92.9716 22.6655 92.3241 23.3269 92.108 24.1671C91.8917 25.0073 92.1395 25.899 92.7582 26.5072C93.3962 27.1343 94.3268 27.3605 95.1815 27.0961C95.5582 26.9796 95.9011 26.7731 96.1802 26.4944ZM87.8705 10.3994C89.1471 10.0869 89.9409 8.81284 89.659 7.52921C89.3771 6.24558 88.1223 5.4215 86.8323 5.67273C85.97 5.84067 85.2664 6.46265 84.994 7.29783C84.7215 8.13302 84.9229 9.05025 85.5203 9.69437C86.1177 10.3385 87.0172 10.6083 87.8705 10.3994ZM91.5053 40.8792C90.1846 41.1218 89.3098 42.388 89.5501 43.709C89.7905 45.0302 91.0551 45.9071 92.3766 45.6691C93.2198 45.5172 93.9211 44.9331 94.2231 44.1313C94.5251 43.3294 94.3831 42.4278 93.8496 41.7575C93.2901 41.0546 92.389 40.717 91.5053 40.8792ZM9.13761 29.557C9.00499 28.8804 8.59181 28.2918 8.00059 27.9371C7.40936 27.5825 6.69553 27.4951 6.03621 27.6967C5.66493 27.8101 5.32618 28.0107 5.04818 28.2817C4.23968 29.0698 4.07897 30.3103 4.65994 31.2784C5.24091 32.2465 6.41115 32.6884 7.48697 32.3457C8.66563 31.9703 9.37556 30.7709 9.13761 29.557Z" fill="currentColor"/>
|
|
4
|
-
<path d="M335.705 25.9551C336.402 25.884 337.521 25.9466 338.221 26.0401C341.703 26.5097 344.854 28.3475 346.979 31.147C348.12 32.6432 348.929 34.3658 349.35 36.1999C349.846 38.3889 349.862 49.2172 349.534 51.5758C349.048 55.0477 347.192 58.1802 344.38 60.2741C341.583 62.3793 338.061 63.2803 334.596 62.777C331.283 62.3069 328.164 60.5229 326.099 57.8663C325.538 57.1458 323.864 54.5861 323.994 53.684L324.334 53.6309H331.182C332.198 54.8865 333.466 55.7816 335.065 56.1341C336.76 56.5091 338.535 56.1926 339.997 55.2547C341.773 54.1175 342.565 52.5834 343.001 50.6056C341.359 51.532 339.54 52.1018 337.662 52.278C334.163 52.5946 330.683 51.5016 327.993 49.2418C325.3 46.986 323.619 43.7492 323.324 40.2493C323.027 36.7654 324.128 33.3067 326.383 30.6343C328.827 27.7331 331.971 26.2769 335.705 25.9551ZM337.561 45.6125C341.141 45.0134 343.557 41.6247 342.956 38.0452C342.354 34.4658 338.964 32.0522 335.385 32.6555C331.809 33.2582 329.398 36.6449 329.998 40.2215C330.599 43.7981 333.984 46.2112 337.561 45.6125Z" fill="currentColor"/>
|
|
5
|
-
<path d="M304.471 25.9657C311.827 25.4417 318.218 30.9716 318.757 38.3259C319.296 45.6802 313.778 52.0825 306.424 52.6361C299.05 53.1912 292.626 47.6551 292.086 40.2799C291.545 32.9046 297.095 26.4913 304.471 25.9657ZM305.696 45.9536C309.364 45.8028 312.218 42.709 312.072 39.0401C311.927 35.371 308.836 32.5134 305.167 32.6543C301.491 32.7955 298.627 35.8926 298.773 39.5686C298.919 43.2446 302.019 46.1047 305.696 45.9536Z" fill="currentColor"/>
|
|
6
|
-
<path d="M259.592 25.9657C266.947 25.4417 273.339 30.9713 273.877 38.3255C274.416 45.6799 268.899 52.0822 261.546 52.6359C254.172 53.1913 247.748 47.6554 247.207 40.28C246.667 32.9047 252.215 26.4913 259.592 25.9657ZM260.818 45.9536C264.486 45.8025 267.339 42.7087 267.193 39.0398C267.047 35.371 263.958 32.5135 260.289 32.654C256.612 32.7947 253.748 35.8921 253.894 39.5685C254.04 43.2449 257.141 46.1051 260.818 45.9536Z" fill="currentColor"/>
|
|
7
|
-
<path d="M131.785 16.7086C137.239 15.7085 143.977 19.5963 145.339 25.0049C145.625 26.1421 145.72 26.8652 145.773 28.0413H138.223C137.797 24.8185 134.64 23.9078 131.775 24.2027C130.364 24.3479 127.804 25.0498 127.993 27.0081C128.132 28.4506 130.856 29.3844 132.104 29.7783C135.698 30.9131 139.774 31.4438 142.863 33.7699C146.943 36.7959 147.65 43.0189 144.496 46.9571C142.269 49.7369 138.931 51.1323 135.468 51.5693C128.085 52.7041 120.611 48.1354 120.372 40.2264H127.838C128.119 41.2669 128.386 41.8851 129.289 42.656C131.545 44.5819 136.299 44.3751 138.427 42.3315C138.78 41.9929 139.02 40.8902 138.869 40.4414C137.708 36.9957 131.794 36.9383 128.873 35.6297C127.194 35.0751 125.828 34.3963 124.408 33.3314C120.575 30.4583 120.095 24.4779 123.035 20.7907C125.196 18.0814 128.401 17.0917 131.785 16.7086Z" fill="currentColor"/>
|
|
8
|
-
<path d="M380.625 25.9542C381.415 25.8805 382.493 25.9458 383.282 26.0569C386.804 26.5529 389.983 28.4317 392.117 31.2777C394.562 34.5293 395.167 37.9798 394.607 41.9287H375.188C375.569 42.6944 375.981 43.3535 376.573 43.9727C377.8 45.2722 379.497 46.0252 381.284 46.0628C383.354 46.1001 384.901 45.2763 386.344 43.8899H393.896L393.966 43.9603C393.971 44.7602 392.351 47.2154 391.781 47.8955C389.542 50.5642 386.274 52.4112 382.795 52.7339C379.195 53.0985 375.599 52.0041 372.812 49.6957C370.065 47.4159 368.343 44.1341 368.026 40.5789C367.702 37.0133 368.815 33.4659 371.12 30.7253C373.612 27.7603 376.813 26.2785 380.625 25.9542ZM382.682 36.982H387.658C386.197 33.7368 383.824 32.5039 380.308 32.7461C377.718 33.3767 376.225 34.5484 375.145 36.982H382.682Z" fill="currentColor"/>
|
|
9
|
-
<path d="M150.85 26.3613H158.434L164.674 40.371L170.762 26.3613H178.331C176.02 32.0579 173.211 38.1856 170.743 43.8582C168.452 49.3381 165.948 54.9176 163.576 60.3774H156.005L160.918 49.0172C157.795 41.5921 154.14 33.7646 150.85 26.3613Z" fill="currentColor"/>
|
|
10
|
-
<path d="M193.952 25.9551C194.146 25.9331 194.34 25.9221 194.535 25.9221C198.103 25.8835 201.538 27.278 204.07 29.7932C208.318 34.044 207.957 38.3988 207.952 43.8331L207.943 52.3064H201.173L201.18 43.5404C201.187 42.1966 201.266 39.3199 201.069 38.1208C200.925 37.2 200.591 36.3192 200.087 35.5346C199.011 33.8802 197.524 33.131 195.662 32.7367C195.414 32.7136 195.166 32.7016 194.917 32.7004C193.142 32.6872 191.53 33.2198 190.256 34.4926C189.393 35.3623 188.79 36.4555 188.514 37.6494C188.164 39.1289 188.284 41.9876 188.285 43.616L188.292 52.3064H181.56L181.551 43.9197C181.547 38.7886 181.101 34.8613 184.684 30.5824C187.063 27.7417 190.292 26.2694 193.952 25.9551Z" fill="currentColor"/>
|
|
11
|
-
<path d="M213.575 17.2481H220.346V26.3614H226.295V32.5946H220.346C220.354 35.2976 219.914 40.2277 221.1 42.4527C222.442 44.9731 224.291 45.0614 226.382 45.7039L226.44 46.0642V52.3342C222.962 52.267 219.84 51.0582 217.357 48.5795C215.692 46.9211 214.516 44.838 213.954 42.5567C213.357 40.1099 213.576 34.9482 213.58 32.1978L213.575 17.2481Z" fill="currentColor"/>
|
|
12
|
-
<path d="M279.67 17.2473H286.421V52.3271H279.67V17.2473Z" fill="currentColor"/>
|
|
13
|
-
<path d="M242.696 25.9527C242.965 25.9205 243.121 25.874 243.35 26.0108C243.511 27.2279 243.406 31.1681 243.399 32.6418C237.681 33.1467 238.479 38.0572 238.48 42.2417L238.493 52.1854H232.51L231.927 52.1766L231.792 52.0029C231.676 47.9661 231.833 43.8607 231.764 39.8172C231.739 38.2361 231.726 36.5277 232.076 34.986C232.48 33.1994 233.299 31.5332 234.468 30.1225C236.623 27.5288 239.383 26.2619 242.696 25.9527Z" fill="currentColor"/>
|
|
14
|
-
<path d="M356.007 25.8006H362.631V51.5521H356.007V25.8006Z" fill="currentColor"/>
|
|
15
|
-
</g>
|
|
16
|
-
<defs>
|
|
17
|
-
<clipPath id="syntrologie-logo-clip">
|
|
18
|
-
<rect width="394.905" height="63" fill="white"/>
|
|
19
|
-
</clipPath>
|
|
20
|
-
</defs>
|
|
21
|
-
</svg>
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 101 63" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#syntrologie-logomark-clip)">
|
|
3
|
-
<path d="M51.989 0.283777C52.3855 0.289606 52.8082 0.341289 53.1915 0.44279C53.7694 0.595826 54.3616 0.982776 54.7445 1.44205C55.8946 2.82165 56.7669 4.78162 57.669 6.35672C59.9465 10.3335 62.1516 14.3716 64.4975 18.3065C64.6706 18.5968 65.1272 19.3427 65.4747 19.4107C66.6544 19.6414 79.2783 11.5231 81.1229 10.3167C80.7042 8.59965 80.6244 7.20977 81.3344 5.52518C82.0143 3.91609 83.3172 2.65105 84.9455 2.01865C86.5927 1.3655 88.286 1.41976 89.9022 2.12312C91.4861 2.79508 92.7332 4.07597 93.3626 5.67737C95.1107 10.2176 91.3466 15.0131 86.5607 14.4416C85.3918 14.3021 84.6493 13.9267 83.5999 13.4412C76.542 18.2473 69.0942 22.5974 61.2065 25.907C60.1532 26.3489 59.4196 26.6003 58.519 27.3282C60.5828 27.4303 87.0339 24.2357 87.8776 23.7809C87.9259 23.7549 88.0477 23.697 88.0797 23.652C88.2442 23.4206 88.277 23.0066 88.3755 22.7346C88.8189 21.5112 89.5627 20.3792 90.6037 19.5858C91.8871 18.6081 93.6003 18.0931 95.2081 18.3244C96.9916 18.5809 98.6704 19.5497 99.7401 21.0052C100.733 22.3644 101.141 24.0636 100.875 25.7255C100.607 27.3935 99.6917 28.8884 98.3287 29.8868C96.0202 31.5734 92.6413 31.6131 90.3915 29.789C89.5788 29.1301 89.1771 28.5349 88.5659 27.692C86.6915 28.1029 83.4469 28.4625 81.4723 28.7301C76.5765 29.3988 71.6705 29.9901 66.7561 30.5038C65.7522 30.6079 59.2791 31.0128 58.7788 31.2402L58.7806 31.3872C59.1058 31.5766 66.974 33.0254 68.3281 33.3582C72.4748 34.4048 76.5717 35.6401 80.6058 37.0603C82.7092 37.8181 84.721 38.6858 86.8143 39.4565C88.5053 38.0506 89.2433 36.8746 91.9253 36.8412C93.6653 36.833 95.3393 37.5063 96.589 38.717C97.9856 40.0866 98.4148 41.5412 98.429 43.4219C98.4168 44.842 98.0992 45.9776 97.2288 47.1365C96.1679 48.5309 94.5965 49.4466 92.8602 49.682C91.1614 49.9224 89.437 49.4717 88.073 48.4308C86.2014 47.0199 85.7949 45.4623 85.488 43.3233C85.2551 43.1928 85.0175 43.0711 84.7756 42.9581C83.9074 42.5529 78.5107 40.3586 77.9108 40.5773C77.8374 41.1469 78.9262 42.5922 79.2429 43.1553L84.3362 52.073C85.1647 53.5291 86.0269 54.9908 86.7891 56.4833C87.2525 57.3908 87.4136 58.3554 87.056 59.3431C86.5569 60.7218 85.0135 61.4076 83.6258 61.4384C81.429 61.4268 79.2281 61.4272 77.0287 61.4272L62.9668 61.4265L35.5492 61.4348C33.3374 61.4358 20.6927 61.6261 19.5792 61.1994C18.7576 60.8894 18.0929 60.2654 17.7318 59.4648C17.455 58.8441 17.3345 57.9943 17.577 57.3607C18.242 55.6228 19.4995 53.6589 20.4377 52.043L28.1191 39.0284C28.9001 37.7009 31.2132 33.8912 31.6996 32.6343C25.6709 32.9355 18.7358 32.5465 12.6004 32.7213C11.7503 34.1381 10.9915 35.2814 9.36809 35.9347C7.74448 36.5881 5.70425 36.6039 4.09691 35.9216C2.54559 35.2716 1.31871 34.028 0.689636 32.4682C0.0528398 30.8392 0.0858366 29.0247 0.781432 27.42C2.81227 22.7389 9.25869 22.2019 12.05 26.4637C12.5553 27.2352 12.7743 27.8398 13.1037 28.7025L26.4623 28.7108C28.9255 28.7129 31.7288 28.7792 34.1703 28.6678C35.279 26.8924 36.4415 24.7334 37.5146 22.9005L45.376 9.37457C46.7966 6.90236 48.2141 4.36783 49.6854 1.92356C50.2221 1.03167 50.9618 0.493152 51.989 0.283777ZM22.1189 57.31C23.5115 57.5031 26.0454 57.4307 27.5262 57.4294L36.6607 57.4199L68.4121 57.4215C73.1129 57.4206 77.9937 57.3508 82.6797 57.4377L75.6641 45.0982C74.5622 43.1706 73.0929 40.7733 72.1039 38.8271C71.2449 38.3511 70.2914 38.1092 69.3349 37.8479C59.1886 35.0763 48.6693 33.4214 38.1718 32.7958C37.6418 32.7642 36.9939 32.766 36.4687 32.7943L25.8547 50.865C24.6335 52.9351 23.3644 55.3019 22.1189 57.31ZM52.2161 5.5133C49.3839 10.6112 46.4729 15.6649 43.4839 20.6725C42.1925 22.8783 40.8618 25.0707 39.6297 27.3099C39.4602 27.6181 39.3599 27.782 39.4532 28.1333C40.522 28.342 45.8655 26.9729 47.1117 26.6442C49.1688 26.1371 60.1347 22.6844 61.1737 21.4357C61.2479 21.1625 61.2873 21.0694 61.1251 20.7624C60.2791 19.163 59.3261 17.5272 58.4351 15.9577L53.5923 7.32853C53.3554 6.91456 52.677 5.59928 52.2161 5.5133ZM96.1802 26.4944C96.9633 25.7131 97.1204 24.5018 96.5625 23.5467C96.0045 22.5915 94.8722 22.1333 93.807 22.4317C92.9716 22.6655 92.3241 23.3269 92.108 24.1671C91.8917 25.0073 92.1395 25.899 92.7582 26.5072C93.3962 27.1343 94.3268 27.3605 95.1815 27.0961C95.5582 26.9796 95.9011 26.7731 96.1802 26.4944ZM87.8705 10.3994C89.1471 10.0869 89.9409 8.81284 89.659 7.52921C89.3771 6.24558 88.1223 5.4215 86.8323 5.67273C85.97 5.84067 85.2664 6.46265 84.994 7.29783C84.7215 8.13302 84.9229 9.05025 85.5203 9.69437C86.1177 10.3385 87.0172 10.6083 87.8705 10.3994ZM91.5053 40.8792C90.1846 41.1218 89.3098 42.388 89.5501 43.709C89.7905 45.0302 91.0551 45.9071 92.3766 45.6691C93.2198 45.5172 93.9211 44.9331 94.2231 44.1313C94.5251 43.3294 94.3831 42.4278 93.8496 41.7575C93.2901 41.0546 92.389 40.717 91.5053 40.8792ZM9.13761 29.557C9.00499 28.8804 8.59181 28.2918 8.00059 27.9371C7.40936 27.5825 6.69553 27.4951 6.03621 27.6967C5.66493 27.8101 5.32618 28.0107 5.04818 28.2817C4.23968 29.0698 4.07897 30.3103 4.65994 31.2784C5.24091 32.2465 6.41115 32.6884 7.48697 32.3457C8.66563 31.9703 9.37556 30.7709 9.13761 29.557Z" fill="currentColor"/>
|
|
4
|
-
</g>
|
|
5
|
-
<defs>
|
|
6
|
-
<clipPath id="syntrologie-logomark-clip">
|
|
7
|
-
<rect width="101" height="63" fill="white"/>
|
|
8
|
-
</clipPath>
|
|
9
|
-
</defs>
|
|
10
|
-
</svg>
|