@redocly/theme 0.64.0-next.1 → 0.64.0-next.3

package/lib/core/styles/palette.js

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.activeBrandPaletteLight = void 0;
+const styled_components_1 = require("styled-components");
+function brandPaletteLight(palette) {
+    switch (palette) {
+        case 'slate':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #ededf2; // @presenter Color
+        --color-brand-2: #dcdde5; // @presenter Color
+        --color-brand-3: #c4c6d1; // @presenter Color
+        --color-brand-4: #9b9ca8; // @presenter Color
+        --color-brand-5: #6e6f7a; // @presenter Color
+        --color-brand-6: #1a1c21; // @presenter Color
+        --color-brand-7: #22242b; // @presenter Color
+        --color-brand-8: #2a2b33; // @presenter Color
+        --color-brand-9: #3b3c45; // @presenter Color
+        --color-brand-10: #555761; // @presenter Color
+        --color-brand-11: #6e6f7a; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'pink':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #ffe8f7; // @presenter Color
+        --color-brand-2: #f7bfe2; // @presenter Color
+        --color-brand-3: #ef99cf; // @presenter Color
+        --color-brand-4: #e677bd; // @presenter Color
+        --color-brand-5: #de59ad; // @presenter Color
+        --color-brand-6: #d6409f; // @presenter Color
+        --color-brand-7: #bb3d8d; // @presenter Color
+        --color-brand-8: #a03a7b; // @presenter Color
+        --color-brand-9: #853668; // @presenter Color
+        --color-brand-10: #6a3055; // @presenter Color
+        --color-brand-11: #4f2841; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'coral':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #ffe8ea; // @presenter Color
+        --color-brand-2: #fac5c9; // @presenter Color
+        --color-brand-3: #f5a3aa; // @presenter Color
+        --color-brand-4: #ef858d; // @presenter Color
+        --color-brand-5: #ea6a75; // @presenter Color
+        --color-brand-6: #e5535f; // @presenter Color
+        --color-brand-7: #c74b55; // @presenter Color
+        --color-brand-8: #a9434c; // @presenter Color
+        --color-brand-9: #8b3c42; // @presenter Color
+        --color-brand-10: #6d3338; // @presenter Color
+        --color-brand-11: #4f282b; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'amber':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #fff4e8; // @presenter Color
+        --color-brand-2: #feddba; // @presenter Color
+        --color-brand-3: #fdc78c; // @presenter Color
+        --color-brand-4: #fcb261; // @presenter Color
+        --color-brand-5: #fb9f3a; // @presenter Color
+        --color-brand-6: #fa8d15; // @presenter Color
+        --color-brand-7: #d88121; // @presenter Color
+        --color-brand-8: #b6732a; // @presenter Color
+        --color-brand-9: #93632f; // @presenter Color
+        --color-brand-10: #71512e; // @presenter Color
+        --color-brand-11: #4f3c28; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'jade':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #e8fff9; // @presenter Color
+        --color-brand-2: #b5edde; // @presenter Color
+        --color-brand-3: #88dac4; // @presenter Color
+        --color-brand-4: #61c8ad; // @presenter Color
+        --color-brand-5: #42b597; // @presenter Color
+        --color-brand-6: #29a383; // @presenter Color
+        --color-brand-7: #2a9277; // @presenter Color
+        --color-brand-8: #2b816b; // @presenter Color
+        --color-brand-9: #2b715e; // @presenter Color
+        --color-brand-10: #2a6052; // @presenter Color
+        --color-brand-11: #284f45; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'cyan':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #e8fbff; // @presenter Color
+        --color-brand-2: #aee7f4; // @presenter Color
+        --color-brand-3: #79d4e9; // @presenter Color
+        --color-brand-4: #4ac2dd; // @presenter Color
+        --color-brand-5: #22b2d2; // @presenter Color
+        --color-brand-6: #00a2c7; // @presenter Color
+        --color-brand-7: #0f91af; // @presenter Color
+        --color-brand-8: #1b8097; // @presenter Color
+        --color-brand-9: #246e7f; // @presenter Color
+        --color-brand-10: #285c67; // @presenter Color
+        --color-brand-11: #28484f; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'ocean':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #e8f5ff; // @presenter Color
+        --color-brand-2: #b6dfff; // @presenter Color
+        --color-brand-3: #85caff; // @presenter Color
+        --color-brand-4: #56b5ff; // @presenter Color
+        --color-brand-5: #29a2ff; // @presenter Color
+        --color-brand-6: #0090ff; // @presenter Color
+        --color-brand-7: #1384dc; // @presenter Color
+        --color-brand-8: #2277b9; // @presenter Color
+        --color-brand-9: #2a6795; // @presenter Color
+        --color-brand-10: #2d5472; // @presenter Color
+        --color-brand-11: #283e4f; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'indigo':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #e8edff; // @presenter Color
+        --color-brand-2: #b5d7ff; // @presenter Color
+        --color-brand-3: #99aef1; // @presenter Color
+        --color-brand-4: #7691eb; // @presenter Color
+        --color-brand-5: #5879e4; // @presenter Color
+        --color-brand-6: #3e63dd; // @presenter Color
+        --color-brand-7: #3c5bc1; // @presenter Color
+        --color-brand-8: #3952a4; // @presenter Color
+        --color-brand-9: #364988; // @presenter Color
+        --color-brand-10: #303e6b; // @presenter Color
+        --color-brand-11: #28314f; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        case 'iris':
+            return (0, styled_components_1.css) `
+        --color-brand-1: #ebebff; // @presenter Color
+        --color-brand-2: #c8c8f7; // @presenter Color
+        --color-brand-3: #a7a7ef; // @presenter Color
+        --color-brand-4: #8a8ae6; // @presenter Color
+        --color-brand-5: #7070de; // @presenter Color
+        --color-brand-6: #5b5bd6; // @presenter Color
+        --color-brand-7: #5353bb; // @presenter Color
+        --color-brand-8: #4c4ca0; // @presenter Color
+        --color-brand-9: #434385; // @presenter Color
+        --color-brand-10: #3a3a6a; // @presenter Color
+        --color-brand-11: #2e2e4f; // @presenter Color
+        --text-color-on-color: #ffffff; // @presenter Color
+      `;
+        default:
+            return (0, styled_components_1.css) `
+        --button-bg-color-primary-legacy: var(--color-blue-6); // @presenter Color
+        --button-bg-color-primary-hover-legacy: var(--color-blue-7); // @presenter Color
+        --button-bg-color-primary-pressed-legacy: var(--color-blue-8); // @presenter Color
+
+        --toc-item-text-color-active-legacy: var(--text-color-primary); // @presenter Color
+        --toc-item-border-color-active-legacy: var(--border-color-invers); // @presenter Color
+
+        --checkbox-border-color-legacy: var(--border-color-primary); // @presenter Color
+        --checkbox-box-color-active-legacy: var(--color-warm-grey-10); // @presenter Color
+
+        --switch-bg-color-selected-legacy: var(--color-warm-grey-9); // @presenter Color
+
+        --md-tabs-active-tab-bg-color-legacy: var(--bg-color-active); // @presenter Color
+        --md-tabs-active-tab-text-color-legacy: var(--text-color-primary); // @presenter Color
+        --md-tabs-active-tab-border-color-legacy: var(--text-color-primary); // @presenter Color
+
+        --admonition-default-bg-color-legacy: var(--color-warm-grey-2); // @presenter Color
+        --admonition-default-icon-color-legacy: var(--color-warm-grey-11); // @presenter Color
+        --admonition-default-border-color-legacy: var(--color-warm-grey-4); // @presenter Color
+
+        --menu-item-bg-color-active-legacy: var(--tree-bg-color-active); // @presenter Color
+        --menu-item-color-active-legacy: var(--tree-content-color-default); // @presenter Color
+      `;
+    }
+}
+/**
+ * @tokens Palette
+ */
+exports.activeBrandPaletteLight = (0, styled_components_1.css) `
+  ${({ palette }) => brandPaletteLight(palette)}
+`;
+//# sourceMappingURL=palette.js.map

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

@@ -2,7 +2,6 @@ import { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
 import { ENTITY_RELATION_TYPES } from '@redocly/config';
 import type { CatalogEntityConfig, EntitiesCatalogConfig, LayoutVariant } from '@redocly/config';
 import type { CatalogFilterConfig } from '../../config';
-export type SortOption = 'title' | '-title' | 'type' | '-type';
 export type FilterResult = {
     value: string;
     count: number;
@@ -20,8 +19,8 @@ export type UseCatalogResponse = {
     filterQuery: string;
     searchQuery: string;
     setSearchQuery: (query: string) => void;
-    sortOption: SortOption | null;
-    setSortOption: (option: SortOption | null) => void;
+    sortOption: string | null;
+    setSortOption: (option: string | null) => void;
     handleSortClick: (sortKey: string, direction: 'asc' | 'desc') => void;
     isColumnSorted: (sortKey: string, direction: 'asc' | 'desc') => boolean;
     viewMode: CatalogViewMode;
@@ -34,8 +33,8 @@ export type UseCatalogResponse = {
     collapsedSidebar: boolean;
 };
 export type UseCatalogSortResponse = {
-    sortOption: SortOption | null;
-    setSortOption: (option: SortOption | null) => void;
+    sortOption: string | null;
+    setSortOption: (option: string | null) => void;
     handleSortClick: (sortKey: string, direction: 'asc' | 'desc') => void;
     isColumnSorted: (sortKey: string, direction: 'asc' | 'desc') => boolean;
 };
@@ -134,8 +133,8 @@ export type BffCatalogRelatedEntity = {
     metadata?: Record<string, any>;
     version?: string | null;
     revision?: string | null;
-    readonly createdAt: string | null;
-    readonly updatedAt: string | null;
+    readonly createdAt: string;
+    readonly updatedAt: string;
 };
 export type BffCatalogEntity = {
     readonly id: string;
@@ -220,3 +219,20 @@ export type SidebarConnectedEntity = {
     key: string;
     version?: string;
 };
+export type CatalogEntityPageProps = {
+    status: 'success';
+    entity: BffCatalogEntity;
+    relatedEntity: BffCatalogRelatedEntity | null;
+    relations: BffCatalogRelatedEntityList;
+    entitiesCatalogConfig: EntitiesCatalogConfig;
+    catalogConfig: CatalogEntityConfig;
+    sharedDataIds?: Record<string, string>;
+};
+export type CatalogEntityProps = {
+    RedocSchema: React.ComponentType<any>;
+    StoreProvider: React.ComponentType<any>;
+    GraphqlTypeRenderer?: React.ComponentType<{
+        sdl: string;
+        typeName: string;
+    }>;
+};

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

@@ -1,11 +1,12 @@
+import type { ResolvedBannerConfig } from '@redocly/config';
 import type { AsyncApiRealmUI } from '@redocly/realm-asyncapi-sdk';
-import type { BannerConfig, PageData, PageProps, ResolvedNavItemWithLink, Version } from '@redocly/config';
+import type { PageData, PageProps, ResolvedNavItemWithLink, Version } from '@redocly/config';
 import type { ShikiTransformer } from '@shikijs/types';
 import type { Callback, TFunction as TFunc } from 'i18next';
 import type { To, Location, NavigateFunction } from 'react-router-dom';
 import type { UseQueryResult } from '@tanstack/react-query';
 import type { CatalogConfig, ProductUiConfig } from '../../config';
-import type { UseCatalogResponse, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse, UseCatalogProps, CatalogApiParams, CatalogApiResults, SortOption } from './catalog';
+import type { UseCatalogResponse, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse, UseCatalogProps, CatalogApiParams, CatalogApiResults } from './catalog';
 import type { UserMenuData } from './user-menu';
 import type { ItemState } from './sidebar';
 import type { SearchItemData, SearchFacet, SearchFilterItem, SearchFacetQuery, AiSearchConversationItem, ToolCallName, ContentSegment } from './search';
@@ -65,7 +66,7 @@ export type ThemeHooks = {
         currentItemSiblings?: BreadcrumbItem[];
     };
     useBanner: () => {
-        banner: BannerConfig | undefined;
+        banner: ResolvedBannerConfig | undefined;
         dismissBanner: (content: string) => void;
     };
     useSearch: (product?: string, autoSearchDisabled?: boolean) => {
@@ -111,6 +112,7 @@ export type ThemeHooks = {
         contentSegments: ContentSegment[];
     };
     useMarkdownText: (text: string) => React.ReactNode;
+    useMarkdocRenderer: (ast: unknown) => React.ReactNode;
     useFacetQuery: (field: string) => {
         searchFacet: SearchFacet | null;
         setSearchFacet: React.Dispatch<React.SetStateAction<SearchFacet | null>>;
@@ -137,7 +139,7 @@ export type ThemeHooks = {
         nextPage?: ResolvedNavItemWithLink;
     } | undefined;
     useCatalog: (props?: UseCatalogProps) => UseCatalogResponse;
-    useCatalogSort: (defaultSortOption?: SortOption | null) => UseCatalogSortResponse;
+    useCatalogSort: (defaultSortOption?: string | null) => UseCatalogSortResponse;
     useCatalogSearch: () => UseCatalogSearchResponse;
     useFetchCatalogEntities: (params: CatalogApiParams, initialData?: BffCatalogEntityList) => CatalogApiResults<BffCatalogEntity>;
     useFetchCatalogEntitiesRelations: (params: CatalogApiParams & {

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

@@ -20,3 +20,4 @@ export type * from './page-actions';
 export type * from './open-api-info';
 export type * from './segmented';
 export type * from './tooltip';
+export type * from './toast';

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

@@ -60,6 +60,7 @@ export type SearchFacet = {
     type: SearchFacetType;
     values: string[] | SearchFacetCount[];
     index?: number;
+    queryable?: boolean;
 };
 export type SearchFacetCount = {
     value: string;

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export type ToastType = 'info' | 'success' | 'warning' | 'error' | 'loading';
+export interface ToastOptions {
+    type?: ToastType;
+    title: string;
+    description?: string;
+    duration?: number;
+    onClose?: () => void;
+}
+export interface ToastItem extends ToastOptions {
+    id: string;
+    type: ToastType;
+    isExiting: boolean;
+}
+export interface ToastContextValue {
+    showToast: (options: ToastOptions) => string;
+    dismissToast: (id: string) => void;
+    updateToast: (id: string, updates: Partial<ToastOptions>) => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+    mountId?: string;
+}

package/lib/core/types/toast.js

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

package/lib/core/utils/get-auto-dismiss-duration.d.ts

@@ -0,0 +1,2 @@
+import type { ToastType } from '../types/toast';
+export declare function getAutoDismissDuration(hasDetails: boolean, type: ToastType, duration?: number): number | null;

package/lib/core/utils/get-auto-dismiss-duration.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAutoDismissDuration = getAutoDismissDuration;
+const SIMPLE_TOAST_DURATION_MS = 2500;
+const DETAILED_TOAST_DURATION_MS = 4000;
+function getAutoDismissDuration(hasDetails, type, duration) {
+    if (duration !== undefined) {
+        return duration;
+    }
+    if (type === 'loading') {
+        return null;
+    }
+    return hasDetails ? DETAILED_TOAST_DURATION_MS : SIMPLE_TOAST_DURATION_MS;
+}
+//# sourceMappingURL=get-auto-dismiss-duration.js.map

package/lib/core/utils/index.d.ts

@@ -45,3 +45,4 @@ export * from './transform-revisions-to-version-history';
 export * from './build-revision-url';
 export * from './content-segments';
 export * from './custom-catalog-options-casing';
+export * from './get-auto-dismiss-duration';

package/lib/core/utils/index.js

@@ -61,4 +61,5 @@ __exportStar(require("./transform-revisions-to-version-history"), exports);
 __exportStar(require("./build-revision-url"), exports);
 __exportStar(require("./content-segments"), exports);
 __exportStar(require("./custom-catalog-options-casing"), exports);
+__exportStar(require("./get-auto-dismiss-duration"), exports);
 //# sourceMappingURL=index.js.map

package/lib/icons/CheckboxIcon/CheckboxIcon.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className, checked = false, onClick, }) => (react_1.default.createElement("span", { className: className, onClick: onClick }, checked ? (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H12C14.2091 0 16 1.79086 16 4V12C16 14.2091 14.2091 16 12 16H4C1.79086 16 0 14.2091 0 12V4Z", fill: "var(--checkbox-box-color-active)" }),
-    react_1.default.createElement("path", { d: "M3.91308 7.03516H3.91326C3.99256 7.03525 4.07081 7.05331 4.14213 7.08798C4.21341 7.12262 4.27591 7.17295 4.32497 7.2352L3.91308 7.03516ZM3.91308 7.03516H3.09394C2.89031 7.03516 2.7766 7.26975 2.90232 7.4292L2.90237 7.42927L6.11214 11.4957L6.11218 11.4957C6.32247 11.7619 6.72568 11.7611 6.93667 11.4962L6.93708 11.4957L12.6597 4.24398C12.6598 4.24378 12.66 4.24358 12.6602 4.24338C12.7884 4.08295 12.6699 3.85 12.4689 3.85H11.6498C11.4894 3.85 11.3367 3.9235 11.2376 4.05044C11.2375 4.05055 11.2374 4.05066 11.2373 4.05077L6.52403 10.0216M3.91308 7.03516L6.52403 10.0216M6.52403 10.0216L4.32506 7.23531L6.52403 10.0216Z", fill: "var(--checkbox-content-color-inverse)", stroke: "var(--checkbox-content-color-inverse)" }))) : (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "var(--checkbox-box-color)", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("rect", { x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5", stroke: "var(--checkbox-border-color)" })))));
+const Icon = ({ className, checked = false, onClick, }) => (react_1.default.createElement("span", { className: className, onClick: onClick }, checked ? (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H10C12.2091 0 14 1.79086 14 4V10C14 12.2091 12.2091 14 10 14H4C1.79086 14 0 12.2091 0 10V4Z", fill: "var(--checkbox-content-color-inverse)" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 1H4C2.34315 1 1 2.34315 1 4V10C1 11.6569 2.34315 13 4 13H10C11.6569 13 13 11.6569 13 10V4C13 2.34315 11.6569 1 10 1ZM4 0C1.79086 0 0 1.79086 0 4V10C0 12.2091 1.79086 14 4 14H10C12.2091 14 14 12.2091 14 10V4C14 1.79086 12.2091 0 10 0H4Z", fill: "var(--checkbox-box-color-active)" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.36018 9.98574L10.9106 4.21938C11.0343 4.06448 10.9203 3.83984 10.7272 3.83984H10.0758C9.93597 3.83984 9.80268 3.90389 9.71608 4.01474L9.03424 4.8785L5.99975 8.72257L4.28308 6.54742C4.24025 6.49305 4.18567 6.44909 4.12342 6.41883C4.06118 6.38858 3.99269 6.37282 3.92348 6.37273H3.27208C3.07619 6.37273 2.96673 6.59854 3.08778 6.75208L5.64029 9.98581C5.82388 10.2182 6.17616 10.2168 6.36018 9.98574Z", fill: "var(--checkbox-box-color-active)" }))) : (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "var(--checkbox-box-color)", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H10C12.2091 0 14 1.79086 14 4V10C14 12.2091 12.2091 14 10 14H4C1.79086 14 0 12.2091 0 10V4Z", fill: "var(--checkbox-content-color-inverse)" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 1H4C2.34315 1 1 2.34315 1 4V10C1 11.6569 2.34315 13 4 13H10C11.6569 13 13 11.6569 13 10V4C13 2.34315 11.6569 1 10 1ZM4 0C1.79086 0 0 1.79086 0 4V10C0 12.2091 1.79086 14 4 14H10C12.2091 14 14 12.2091 14 10V4C14 1.79086 12.2091 0 10 0H4Z", fill: "var(--checkbox-border-color)" })))));
 exports.CheckboxIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CheckboxIcon/CheckboxIcon',
 }) `

package/lib/icons/CheckboxIcon/variables.dark.js

@@ -5,6 +5,7 @@ const styled_components_1 = require("styled-components");
 exports.checkboxDarkMode = (0, styled_components_1.css) `
   --checkbox-box-color-disabled: var(--color-warm-grey-3);
   --checkbox-border-color-disabled: var(--border-color-primary);
-  --checkbox-content-color-inverse: var(--color-warm-grey-1);
+  --checkbox-content-color-inverse: transparent;
+  --checkbox-border-color: var(--color-brand-subtle-border, var(--checkbox-border-color-legacy));
 `;
 //# sourceMappingURL=variables.dark.js.map

package/lib/icons/CheckboxIcon/variables.js

@@ -9,14 +9,14 @@ exports.checkbox = (0, styled_components_1.css) `
   --checkbox-content-color-disabled: var(--text-color-disabled);
 
   --checkbox-box-color: transparent;
-  --checkbox-box-color-active: var(--color-warm-grey-10);
+  --checkbox-box-color-active: var(--color-primary-base, var(--checkbox-box-color-active-legacy));
   --checkbox-box-color-focused: var(--color-warm-grey-9);
   --checkbox-box-color-disabled: var(--color-warm-grey-1);
 
-  --checkbox-border-color: var(--border-color-primary);
+  --checkbox-border-color: var(--color-primary-border, var(--checkbox-border-color-legacy));
   --checkbox-border-color-active: var(--color-warm-grey-8);
   --checkbox-border-color-disabled: var(--border-color-secondary);
 
-  --checkbox-content-color-inverse: var(--color-white);
+  --checkbox-content-color-inverse: transparent;
 `;
 //# sourceMappingURL=variables.js.map

package/lib/icons/IdeaIcon/IdeaIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const IdeaIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/IdeaIcon/IdeaIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IdeaIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "16", viewBox: "0 0 12 16", fill: "none" }, props),
+    react_1.default.createElement("path", { d: "M8.44309 12.375H2.81809V13.5H8.44309V12.375Z" }),
+    react_1.default.createElement("path", { d: "M7.31809 14.625H3.94309V15.75H7.31809V14.625Z" }),
+    react_1.default.createElement("path", { d: "M5.63059 0C4.13874 0 2.708 0.592632 1.65311 1.64752C0.59822 2.70242 0.00558778 4.13316 0.00558778 5.625C-0.0324517 6.4425 0.124148 7.25735 0.462504 8.00252C0.80086 8.74768 1.3113 9.40187 1.95184 9.91125C2.51434 10.4344 2.81809 10.7325 2.81809 11.25H3.94309C3.94309 10.215 3.31871 9.63562 2.71121 9.07875C2.18548 8.67615 1.76648 8.15078 1.49091 7.54866C1.21535 6.94654 1.09163 6.28603 1.13059 5.625C1.13059 4.43153 1.60469 3.28693 2.44861 2.44302C3.29252 1.59911 4.43711 1.125 5.63059 1.125C6.82406 1.125 7.96865 1.59911 8.81257 2.44302C9.65648 3.28693 10.1306 4.43153 10.1306 5.625C10.1689 6.28652 10.0443 6.94734 9.76775 7.5495C9.49119 8.15166 9.0711 8.67676 8.54434 9.07875C7.94246 9.64125 7.31809 10.2037 7.31809 11.25H8.44309C8.44309 10.7325 8.74121 10.4344 9.30934 9.90563C9.94943 9.39711 10.4596 8.74389 10.798 7.99971C11.1364 7.25552 11.2932 6.44163 11.2556 5.625C11.2556 4.88631 11.1101 4.15486 10.8274 3.47241C10.5447 2.78995 10.1304 2.16985 9.60806 1.64752C9.08573 1.12519 8.46564 0.71086 7.78318 0.428178C7.10073 0.145495 6.36927 0 5.63059 0Z" })));
+exports.IdeaIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/IdeaIcon/IdeaIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=IdeaIcon.js.map

package/lib/icons/NewChatIcon/NewChatIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare function Icon(props: IconProps): React.JSX.Element;
+export declare const NewChatIcon: import("styled-components").StyledComponent<typeof Icon, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+export {};

package/lib/icons/NewChatIcon/NewChatIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewChatIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+function Icon(props) {
+    return (react_1.default.createElement("svg", Object.assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M11.375 11.375H2.625V2.625H7V1.75H2.625C2.39301 1.75023 2.17058 1.84249 2.00654 2.00654C1.84249 2.17058 1.75023 2.39301 1.75 2.625V11.375C1.75023 11.607 1.84249 11.8294 2.00654 11.9935C2.17058 12.1575 2.39301 12.2498 2.625 12.25H11.375C11.607 12.2498 11.8294 12.1575 11.9935 11.9935C12.1575 11.8294 12.2498 11.607 12.25 11.375V7H11.375V11.375Z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M11.375 2.625V0.875H10.5V2.625H8.75V3.5H10.5V5.25H11.375V3.5H13.125V2.625H11.375Z" })));
+}
+exports.NewChatIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/NewChatIcon/NewChatIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size = '14px' }) => size};
+  width: ${({ size = '14px' }) => size};
+`;
+//# sourceMappingURL=NewChatIcon.js.map

package/lib/index.d.ts

@@ -17,6 +17,8 @@ export * from './components/Loaders/Loading';
 export * from './components/LoadMore/LoadMore';
 export * from './components/Link/Link';
 export * from './components/Portal/Portal';
+export * from './components/Toast/Toast';
+export * from './core/contexts/Toast/ToastProvider';
 export * from './components/Segmented/Segmented';
 export * from './components/LanguagePicker/LanguagePicker';
 export * from './components/Tooltip/Tooltip';
@@ -115,7 +117,7 @@ export * from './components/Catalog/CatalogTableView/CatalogTableHeaderCell';
 export * from './components/Catalog/CatalogTableView/CatalogTableView';
 export * from './components/Catalog/CatalogSelector';
 export * from './components/Catalog/CatalogSortButton';
-export * from './components/Catalog/CatalogTagsWithTooltip';
+export * from './components/Catalog/CatalogTags';
 export * from './components/Catalog/CatalogViewModeToggle';
 export * from './components/Catalog/CatalogEntity/CatalogEntityHistory/CatalogEntityHistoryButton';
 export * from './components/Catalog/CatalogEntity/CatalogEntityHistory/CatalogEntityHistorySidebar';
@@ -271,6 +273,8 @@ export * from './icons/ShareIcon/ShareIcon';
 export * from './icons/HashtagIcon/HashtagIcon';
 export * from './icons/FitToViewIcon/FitToViewIcon';
 export * from './icons/ColorPaletteIcon/ColorPaletteIcon';
+export * from './icons/IdeaIcon/IdeaIcon';
+export * from './icons/NewChatIcon/NewChatIcon';
 export * from './layouts/RootLayout';
 export * from './layouts/PageLayout';
 export * from './layouts/NotFound';

package/lib/index.js

@@ -56,6 +56,8 @@ __exportStar(require("./components/Loaders/Loading"), exports);
 __exportStar(require("./components/LoadMore/LoadMore"), exports);
 __exportStar(require("./components/Link/Link"), exports);
 __exportStar(require("./components/Portal/Portal"), exports);
+__exportStar(require("./components/Toast/Toast"), exports);
+__exportStar(require("./core/contexts/Toast/ToastProvider"), exports);
 __exportStar(require("./components/Segmented/Segmented"), exports);
 __exportStar(require("./components/LanguagePicker/LanguagePicker"), exports);
 __exportStar(require("./components/Tooltip/Tooltip"), exports);
@@ -173,7 +175,7 @@ __exportStar(require("./components/Catalog/CatalogTableView/CatalogTableHeaderCe
 __exportStar(require("./components/Catalog/CatalogTableView/CatalogTableView"), exports);
 __exportStar(require("./components/Catalog/CatalogSelector"), exports);
 __exportStar(require("./components/Catalog/CatalogSortButton"), exports);
-__exportStar(require("./components/Catalog/CatalogTagsWithTooltip"), exports);
+__exportStar(require("./components/Catalog/CatalogTags"), exports);
 __exportStar(require("./components/Catalog/CatalogViewModeToggle"), exports);
 __exportStar(require("./components/Catalog/CatalogEntity/CatalogEntityHistory/CatalogEntityHistoryButton"), exports);
 __exportStar(require("./components/Catalog/CatalogEntity/CatalogEntityHistory/CatalogEntityHistorySidebar"), exports);
@@ -334,6 +336,8 @@ __exportStar(require("./icons/ShareIcon/ShareIcon"), exports);
 __exportStar(require("./icons/HashtagIcon/HashtagIcon"), exports);
 __exportStar(require("./icons/FitToViewIcon/FitToViewIcon"), exports);
 __exportStar(require("./icons/ColorPaletteIcon/ColorPaletteIcon"), exports);
+__exportStar(require("./icons/IdeaIcon/IdeaIcon"), exports);
+__exportStar(require("./icons/NewChatIcon/NewChatIcon"), exports);
 /* Layouts */
 __exportStar(require("./layouts/RootLayout"), exports);
 __exportStar(require("./layouts/PageLayout"), exports);

package/lib/markdoc/components/Heading/Heading.js

@@ -70,11 +70,11 @@ function renderWithSpanWrapper(children) {
  */
 const mdClassName = 'md';
 function Heading({ level, id, children, 'data-source': dataSource, 'data-hash': dataHash, className, __idx, }) {
-    var _a;
+    var _a, _b;
     const { pathname } = (0, react_router_dom_1.useLocation)();
     const { usePageProps } = (0, hooks_1.useThemeHooks)();
     const pageProps = usePageProps();
-    const isMarkdownPage = ((_a = pageProps === null || pageProps === void 0 ? void 0 : pageProps.metadata) === null || _a === void 0 ? void 0 : _a.type) === 'markdown';
+    const isMarkdownPage = ((_a = pageProps === null || pageProps === void 0 ? void 0 : pageProps.metadata) === null || _a === void 0 ? void 0 : _a.type) === 'markdown' || ((_b = pageProps === null || pageProps === void 0 ? void 0 : pageProps.metadata) === null || _b === void 0 ? void 0 : _b.type) === 'asciidoc';
     const linkEl = (react_1.default.createElement("a", { "aria-label": `link  to ${id}`, href: `#${id}`, className: (0, utils_1.concatClassNames)('anchor', 'before') },
         react_1.default.createElement(LinkIcon_1.LinkIcon, { size: "14px", color: "--heading-anchor-color" })));
     return (0, react_1.createElement)(`h${level}`, {

package/lib/markdoc/components/Mermaid/Mermaid.js

@@ -81,8 +81,6 @@ const Wrapper = styled_components_1.default.div `
   }
 `;
 const ViewerContent = styled_components_1.default.div `
-  background-color: var(--mermaid-bg-color);
-
   * {
     font-family: var(--mermaid-font-family) !important;
   }

package/lib/markdoc/components/Tabs/variables.js

@@ -54,11 +54,11 @@ exports.markdownTabs = (0, styled_components_1.css) `
   --md-tabs-small-tab-line-height: var(--line-height-base); // @presenter LineHeight
   --md-tabs-small-tab-border-radius: var(--border-radius); // @presenter BorderRadius
 
-  --md-tabs-active-tab-text-color: var(--text-color-primary); // @presenter Color
+  --md-tabs-active-tab-text-color: var(--color-primary-text, var(--md-tabs-active-tab-text-color-legacy)); // @presenter Color
   --md-tabs-active-tab-font-family: var(--md-tabs-tab-font-family); // @presenter FontFamily
   --md-tabs-active-tab-font-style: normal; // @presenter FontStyle
-  --md-tabs-active-tab-bg-color: var(--bg-color-active); // @presenter Color
-  --md-tabs-active-tab-border-color: var(--text-color-primary); // @presenter Color
+  --md-tabs-active-tab-bg-color: var(--color-primary-bg, var(--md-tabs-active-tab-bg-color-legacy)); // @presenter Color
+  --md-tabs-active-tab-border-color: var(--color-primary-active, var(--md-tabs-active-tab-border-color-legacy)); // @presenter Color
 
   --md-tabs-medium-active-tab-font-size: var(--md-tabs-medium-tab-font-size); // @presenter FontSize
   --md-tabs-medium-active-tab-font-weight: var(--md-tabs-medium-tab-font-weight); // @presenter FontWeight

package/lib/markdoc/components/default.d.ts

@@ -3,7 +3,6 @@ export * from '../../markdoc/components/InlineSvg/InlineSvg';
 export * from '../../markdoc/components/MarkdocExample/MarkdocExample';
 export * from '../../markdoc/components/Heading/Heading';
 export * from '../../markdoc/components/Mermaid/Mermaid';
-export * from '../../markdoc/components/ExcalidrawDiagram/ExcalidrawDiagram';
 export * from '../../markdoc/components/HtmlBlock/HtmlBlock';
 export * from '../../markdoc/components/Tabs/Tab';
 export * from '../../markdoc/components/Tabs/TabList';

package/lib/markdoc/components/default.js

@@ -19,7 +19,6 @@ __exportStar(require("../../markdoc/components/InlineSvg/InlineSvg"), exports);
 __exportStar(require("../../markdoc/components/MarkdocExample/MarkdocExample"), exports);
 __exportStar(require("../../markdoc/components/Heading/Heading"), exports);
 __exportStar(require("../../markdoc/components/Mermaid/Mermaid"), exports);
-__exportStar(require("../../markdoc/components/ExcalidrawDiagram/ExcalidrawDiagram"), exports);
 __exportStar(require("../../markdoc/components/HtmlBlock/HtmlBlock"), exports);
 __exportStar(require("../../markdoc/components/Tabs/Tab"), exports);
 __exportStar(require("../../markdoc/components/Tabs/TabList"), exports);

package/lib/markdoc/tags/admonition.js

@@ -8,7 +8,7 @@ exports.admonition = {
                 type: String,
                 required: true,
                 default: 'info',
-                matches: ['warning', 'info', 'danger', 'success'],
+                matches: ['warning', 'info', 'danger', 'success', 'default'],
             },
             name: { type: String },
         },