@redocly/theme 0.57.0-next.2 → 0.57.0-next.4

package/src/markdoc/components/CodeWalkthrough/CodeFilters.tsx

@@ -72,11 +72,11 @@ const FilterWrapper = styled.div`
   flex-wrap: wrap;
   position: sticky;
 
-  padding-top: calc(var(--spacing-xs) + var(--spacing-xl));
+  padding-top: var(--spacing-xl);
   padding-right: var(--spacing-xl);
   padding-left: var(--spacing-xl);
   padding-bottom: var(--spacing-xs);
-  top: calc(var(--navbar-height));
+  top: var(--navbar-height);
   background-color: var(--bg-color);
   z-index: 1;
   max-width: var(--md-content-max-width);

package/src/markdoc/components/CodeWalkthrough/CodePanel.tsx

@@ -58,6 +58,7 @@ const CodePanelWrapper = styled.div`
   min-width: 0;
   height: 100%;
   word-wrap: break-word;
+  margin-top: var(--spacing-xl);
 
   background-color: var(--code-panel-bg-color);
   border: 1px solid var(--code-panel-border-color);

package/src/markdoc/components/CodeWalkthrough/CodeToggle.tsx

@@ -26,7 +26,11 @@ export function CodeToggle(props: CodeToggleProps) {
     <ToggleWrapper data-component-name="Markdoc/CodeWalkthrough/CodeToggle">
       <ToggleContentWrapper>
         <ToggleSubtitle>
-          <Switch value={checked} onChange={(newValue) => changeControlState(id, newValue)} />
+          <Switch
+            value={checked}
+            onChange={(newValue) => changeControlState(id, newValue)}
+            stopPropagation
+          />
           <div>{label}</div>
         </ToggleSubtitle>
         {description ? (

package/src/markdoc/components/CodeWalkthrough/CodeWalkthrough.tsx

@@ -82,9 +82,14 @@ const DocsPanel = styled.div`
   min-height: 0;
   min-height: calc(100vh - var(--navbar-height));
 
+  padding-top: var(--spacing-xl);
   padding-right: var(--spacing-xs);
   padding-bottom: calc(var(--spacing-xs) + var(--spacing-xl));
   gap: var(--spacing-xl);
+
+  &:has([data-component-name='Markdoc/CodeWalkthrough/CodeFilters']) {
+    padding-top: 0;
+  }
 `;
 
 const ContentWrapper = styled.div`
@@ -111,13 +116,7 @@ const ContentWrapper = styled.div`
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
 
-  &:first-child {
-    padding-top: var(--spacing-sm);
-  }
-
-  &:not(:first-child) {
-    & > *:first-child {
-      margin-top: 0;
-    }
+  && > *:first-child {
+    margin-top: 0;
   }
 `;

package/lib/core/types/telemetry.d.ts

@@ -1,17 +0,0 @@
-import { AsyncApiRealm } from '@redocly/realm-asyncapi-sdk';
-type ExtractEventType<T> = T extends {
-    type: infer EventType;
-} ? EventType : never;
-export type EventType = ExtractEventType<AsyncApiRealm.Messages>;
-type GetMessageForEventType<TEventType extends EventType> = Extract<AsyncApiRealm.Messages, {
-    type: TEventType;
-}>;
-type ExtractEventDataForType<TEventType extends EventType> = GetMessageForEventType<TEventType> extends {
-    data: infer Data;
-} ? Data : never;
-export type EventPayload<TEventType extends EventType> = ExtractEventDataForType<TEventType>;
-export interface SendEventParams<TEventType extends EventType> {
-    type: TEventType;
-    payload?: EventPayload<TEventType>;
-}
-export {};

package/lib/core/types/telemetry.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=telemetry.js.map

package/src/core/types/telemetry.ts

@@ -1,28 +0,0 @@
-import { AsyncApiRealm } from '@redocly/realm-asyncapi-sdk';
-
-type ExtractEventType<T> = T extends {
-  type: infer EventType;
-}
-  ? EventType
-  : never;
-
-export type EventType = ExtractEventType<AsyncApiRealm.Messages>;
-
-type GetMessageForEventType<TEventType extends EventType> = Extract<
-  AsyncApiRealm.Messages,
-  { type: TEventType }
->;
-
-type ExtractEventDataForType<TEventType extends EventType> =
-  GetMessageForEventType<TEventType> extends {
-    data: infer Data;
-  }
-    ? Data
-    : never;
-
-export type EventPayload<TEventType extends EventType> = ExtractEventDataForType<TEventType>;
-
-export interface SendEventParams<TEventType extends EventType> {
-  type: TEventType;
-  payload?: EventPayload<TEventType>;
-}