@redocly/theme 0.6.1 → 0.6.2-beta.3

package/README.md

@@ -1 +1 @@
-For more details, contact team@redocly.com
+For more details, contact team@redocly.com.

package/lib/Sidebar/ArrowBack.js

@@ -7,12 +7,12 @@ exports.ArrowBack = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Arrow = ({ className }) => (react_1.default.createElement("span", { "data-component-name": "Sidebar/ArrowBack" },
-    react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 10", width: "12px", height: "10px", className: className },
+    react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 10", width: "10px", height: "10px", className: className },
         react_1.default.createElement("path", { d: "M2.414 5l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L2.414 5z" }),
         react_1.default.createElement("path", { d: "M2 5a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" }))));
 exports.ArrowBack = (0, styled_components_1.default)(Arrow) `
   fill: var(--sidebar-back-button-icon-color);
-  margin-right: calc(var(--sidebar-spacing-unit) * 1.5);
+  margin-right: calc(var(--sidebar-spacing-unit));
 
   background-image: var(--sidebar-back-button-icon);
   background-repeat: no-repeat;

package/lib/Sidebar/SidebarLayout.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 interface SidebarLayoutProps {
     versions: React.ReactNode;
     menu: React.ReactNode;
+    backLink?: {
+        label: string;
+        slug: string;
+    };
 }
-export declare function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element | null;
+export declare function SidebarLayout({ versions, menu, backLink, }: SidebarLayoutProps): JSX.Element | null;
 export {};

package/lib/Sidebar/SidebarLayout.js

@@ -12,7 +12,9 @@ const MobileSidebarButton_1 = require("../Sidebar/MobileSidebarButton");
 const MenuContainer_1 = require("../Sidebar/MenuContainer");
 const SidebarSearch_1 = require("../Search/SidebarSearch");
 const useThemeConfig_1 = require("../hooks/useThemeConfig");
-function SidebarLayout({ versions, menu }) {
+const ArrowBack_1 = require("../Sidebar/ArrowBack");
+const Link_1 = require("../mocks/Link");
+function SidebarLayout({ versions, menu, backLink, }) {
     const [isOpen, setIsOpen] = (0, useMobileMenu_1.useMobileMenu)();
     const toggleMenu = () => setIsOpen(!isOpen);
     const { search, sidebar } = (0, useThemeConfig_1.useThemeConfig)();
@@ -23,9 +25,32 @@ function SidebarLayout({ versions, menu }) {
         react_1.default.createElement(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu }),
         !(search === null || search === void 0 ? void 0 : search.hide) && (search === null || search === void 0 ? void 0 : search.placement) === 'sidebar' ? react_1.default.createElement(SidebarSearch_1.SidebarSearch, null) : null,
         react_1.default.createElement(Sidebar_1.Sidebar, { animate: true, opened: isOpen },
+            (backLink && (react_1.default.createElement(BackLinkWrapper, null,
+                react_1.default.createElement(Link_1.Link, { to: backLink.slug },
+                    react_1.default.createElement(ArrowBack_1.ArrowBack, null),
+                    "Back to ",
+                    backLink.label)))) ||
+                null,
             versions,
             react_1.default.createElement(MenuContainer_1.MenuContainer, null, menu))));
 }
 exports.SidebarLayout = SidebarLayout;
+const BackLinkWrapper = styled_components_1.default.div `
+  padding: var(--sidebar-offset-top) var(--sidebar-item-padding-horizontal)
+    var(--sidebar-item-padding-horizontal)
+    calc(var(--sidebar-offset-left) + var(--sidebar-item-padding-horizontal));
+
+  a {
+    color: var(--sidebar-back-button-text-color);
+    font-size: var(--sidebar-back-button-font-size);
+    font-family: var(--sidebar-back-button-font-family);
+    text-decoration: none;
+    &:hover {
+      color: var(--sidebar-back-button-hover-text-color);
+    }
+  }
+
+  border-bottom: 1px solid var(--sidebar-border-color);
+`;
 const Wrapper = styled_components_1.default.div ``;
 //# sourceMappingURL=SidebarLayout.js.map

package/lib/Sidebar/types/NavItem.d.ts

@@ -18,7 +18,7 @@ export interface NavItem {
     target?: string;
     external?: boolean;
     items?: NavItem[];
-    permission?: string;
+    requiredPermission?: string;
     menuStyle?: MenuStyle;
     separatorLine?: boolean;
     version?: string;

package/lib/config.d.ts

@@ -49,9 +49,185 @@ export declare const ThemeConfig: z.ZodDefault<z.ZodObject<{
     }, {
         hide?: boolean | undefined;
     }>>;
-    scripts: z.ZodOptional<z.ZodArray<z.ZodUnion<[z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodBoolean, z.ZodString]>>]>, "many">>;
-    postBodyScripts: z.ZodOptional<z.ZodArray<z.ZodUnion<[z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodBoolean, z.ZodString]>>]>, "many">>;
-    stylesheets: z.ZodOptional<z.ZodArray<z.ZodUnion<[z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodBoolean, z.ZodString]>>]>, "many">>;
+    scripts: z.ZodOptional<z.ZodObject<{
+        head: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            src: z.ZodString;
+            async: z.ZodOptional<z.ZodBoolean>;
+            crossorigin: z.ZodOptional<z.ZodString>;
+            defer: z.ZodOptional<z.ZodBoolean>;
+            fetchpriority: z.ZodOptional<z.ZodString>;
+            integrity: z.ZodOptional<z.ZodString>;
+            module: z.ZodOptional<z.ZodBoolean>;
+            nomodule: z.ZodOptional<z.ZodBoolean>;
+            nonce: z.ZodOptional<z.ZodString>;
+            referrerpolicy: z.ZodOptional<z.ZodString>;
+            type: z.ZodOptional<z.ZodString>;
+        }, "passthrough", z.ZodTypeAny, {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }, {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }>, "many">>;
+        body: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            src: z.ZodString;
+            async: z.ZodOptional<z.ZodBoolean>;
+            crossorigin: z.ZodOptional<z.ZodString>;
+            defer: z.ZodOptional<z.ZodBoolean>;
+            fetchpriority: z.ZodOptional<z.ZodString>;
+            integrity: z.ZodOptional<z.ZodString>;
+            module: z.ZodOptional<z.ZodBoolean>;
+            nomodule: z.ZodOptional<z.ZodBoolean>;
+            nonce: z.ZodOptional<z.ZodString>;
+            referrerpolicy: z.ZodOptional<z.ZodString>;
+            type: z.ZodOptional<z.ZodString>;
+        }, "passthrough", z.ZodTypeAny, {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }, {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }>, "many">>;
+    }, "strip", z.ZodTypeAny, {
+        head?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+        body?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+    }, {
+        head?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+        body?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+    }>>;
+    links: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        href: z.ZodString;
+        as: z.ZodOptional<z.ZodString>;
+        crossorigin: z.ZodOptional<z.ZodString>;
+        fetchpriority: z.ZodOptional<z.ZodString>;
+        hreflang: z.ZodOptional<z.ZodString>;
+        imagesizes: z.ZodOptional<z.ZodString>;
+        imagesrcset: z.ZodOptional<z.ZodString>;
+        integrity: z.ZodOptional<z.ZodString>;
+        media: z.ZodOptional<z.ZodString>;
+        prefetch: z.ZodOptional<z.ZodString>;
+        referrerpolicy: z.ZodOptional<z.ZodString>;
+        rel: z.ZodOptional<z.ZodString>;
+        sizes: z.ZodOptional<z.ZodString>;
+        title: z.ZodOptional<z.ZodString>;
+        type: z.ZodOptional<z.ZodString>;
+    }, "passthrough", z.ZodTypeAny, {
+        type?: string | undefined;
+        crossorigin?: string | undefined;
+        fetchpriority?: string | undefined;
+        integrity?: string | undefined;
+        referrerpolicy?: string | undefined;
+        as?: string | undefined;
+        hreflang?: string | undefined;
+        imagesizes?: string | undefined;
+        imagesrcset?: string | undefined;
+        media?: string | undefined;
+        prefetch?: string | undefined;
+        rel?: string | undefined;
+        sizes?: string | undefined;
+        title?: string | undefined;
+        href: string;
+    }, {
+        type?: string | undefined;
+        crossorigin?: string | undefined;
+        fetchpriority?: string | undefined;
+        integrity?: string | undefined;
+        referrerpolicy?: string | undefined;
+        as?: string | undefined;
+        hreflang?: string | undefined;
+        imagesizes?: string | undefined;
+        imagesrcset?: string | undefined;
+        media?: string | undefined;
+        prefetch?: string | undefined;
+        rel?: string | undefined;
+        sizes?: string | undefined;
+        title?: string | undefined;
+        href: string;
+    }>, "many">>;
     search: z.ZodOptional<z.ZodDefault<z.ZodObject<z.extendShape<{
         placement: z.ZodOptional<z.ZodDefault<z.ZodString>>;
     }, {
@@ -259,9 +435,51 @@ export declare const ThemeConfig: z.ZodDefault<z.ZodObject<{
     sidebar?: {
         hide?: boolean | undefined;
     } | undefined;
-    scripts?: (string | Record<string, string | boolean>)[] | undefined;
-    postBodyScripts?: (string | Record<string, string | boolean>)[] | undefined;
-    stylesheets?: (string | Record<string, string | boolean>)[] | undefined;
+    scripts?: {
+        head?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+        body?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+    } | undefined;
+    links?: {
+        type?: string | undefined;
+        crossorigin?: string | undefined;
+        fetchpriority?: string | undefined;
+        integrity?: string | undefined;
+        referrerpolicy?: string | undefined;
+        as?: string | undefined;
+        hreflang?: string | undefined;
+        imagesizes?: string | undefined;
+        imagesrcset?: string | undefined;
+        media?: string | undefined;
+        prefetch?: string | undefined;
+        rel?: string | undefined;
+        sizes?: string | undefined;
+        title?: string | undefined;
+        href: string;
+    }[] | undefined;
     search?: {
         hide?: boolean | undefined;
         placement?: string | undefined;
@@ -329,9 +547,51 @@ export declare const ThemeConfig: z.ZodDefault<z.ZodObject<{
     sidebar?: {
         hide?: boolean | undefined;
     } | undefined;
-    scripts?: (string | Record<string, string | boolean>)[] | undefined;
-    postBodyScripts?: (string | Record<string, string | boolean>)[] | undefined;
-    stylesheets?: (string | Record<string, string | boolean>)[] | undefined;
+    scripts?: {
+        head?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+        body?: {
+            async?: boolean | undefined;
+            type?: string | undefined;
+            crossorigin?: string | undefined;
+            defer?: boolean | undefined;
+            fetchpriority?: string | undefined;
+            integrity?: string | undefined;
+            module?: boolean | undefined;
+            nomodule?: boolean | undefined;
+            nonce?: string | undefined;
+            referrerpolicy?: string | undefined;
+            src: string;
+        }[] | undefined;
+    } | undefined;
+    links?: {
+        type?: string | undefined;
+        crossorigin?: string | undefined;
+        fetchpriority?: string | undefined;
+        integrity?: string | undefined;
+        referrerpolicy?: string | undefined;
+        as?: string | undefined;
+        hreflang?: string | undefined;
+        imagesizes?: string | undefined;
+        imagesrcset?: string | undefined;
+        media?: string | undefined;
+        prefetch?: string | undefined;
+        rel?: string | undefined;
+        sizes?: string | undefined;
+        title?: string | undefined;
+        href: string;
+    }[] | undefined;
     search?: {
         hide?: boolean | undefined;
         placement?: string | undefined;
@@ -381,11 +641,15 @@ export declare const ThemeConfig: z.ZodDefault<z.ZodObject<{
     graphql?: {} | undefined;
 }>>;
 export declare type ThemeConfig = z.infer<typeof ThemeConfig>;
-export declare type ThemeUIConfig = Omit<ThemeConfig, 'navbar' | 'footer' | 'styles' | 'scripts' | 'postBodyScripts'> & {
+export declare type ThemeUIConfig = Omit<ThemeConfig, 'navbar' | 'footer' | 'links' | 'scripts'> & {
     navbar?: any;
     footer?: any;
     auth?: {
-        idpIds?: string[];
+        idpsInfo?: {
+            idpId: string;
+            type: string;
+            title: string | undefined;
+        }[];
         devLogin?: boolean;
     };
 };

package/lib/config.js

@@ -13,6 +13,40 @@ const LogoConfig = zod_1.z
 const HideConfig = zod_1.z.object({
     hide: zod_1.z.boolean().optional(),
 });
+const ScriptConfig = zod_1.z
+    .object({
+    src: zod_1.z.string(),
+    async: zod_1.z.boolean().optional(),
+    crossorigin: zod_1.z.string().optional(),
+    defer: zod_1.z.boolean().optional(),
+    fetchpriority: zod_1.z.string().optional(),
+    integrity: zod_1.z.string().optional(),
+    module: zod_1.z.boolean().optional(),
+    nomodule: zod_1.z.boolean().optional(),
+    nonce: zod_1.z.string().optional(),
+    referrerpolicy: zod_1.z.string().optional(),
+    type: zod_1.z.string().optional(),
+})
+    .passthrough();
+const LinksConfig = zod_1.z
+    .object({
+    href: zod_1.z.string(),
+    as: zod_1.z.string().optional(),
+    crossorigin: zod_1.z.string().optional(),
+    fetchpriority: zod_1.z.string().optional(),
+    hreflang: zod_1.z.string().optional(),
+    imagesizes: zod_1.z.string().optional(),
+    imagesrcset: zod_1.z.string().optional(),
+    integrity: zod_1.z.string().optional(),
+    media: zod_1.z.string().optional(),
+    prefetch: zod_1.z.string().optional(),
+    referrerpolicy: zod_1.z.string().optional(),
+    rel: zod_1.z.string().optional(),
+    sizes: zod_1.z.string().optional(),
+    title: zod_1.z.string().optional(),
+    type: zod_1.z.string().optional(),
+})
+    .passthrough();
 exports.ThemeConfig = zod_1.z
     .object({
     imports: zod_1.z.array(zod_1.z.string()).default([]).optional(),
@@ -34,14 +68,12 @@ exports.ThemeConfig = zod_1.z
         .optional(),
     sidebar: HideConfig.strict().optional(),
     scripts: zod_1.z
-        .array(zod_1.z.union([zod_1.z.string(), zod_1.z.record(zod_1.z.union([zod_1.z.boolean(), zod_1.z.string()]))]))
-        .optional(),
-    postBodyScripts: zod_1.z
-        .array(zod_1.z.union([zod_1.z.string(), zod_1.z.record(zod_1.z.union([zod_1.z.boolean(), zod_1.z.string()]))]))
-        .optional(),
-    stylesheets: zod_1.z
-        .array(zod_1.z.union([zod_1.z.string(), zod_1.z.record(zod_1.z.union([zod_1.z.boolean(), zod_1.z.string()]))]))
+        .object({
+        head: zod_1.z.array(ScriptConfig).optional(),
+        body: zod_1.z.array(ScriptConfig).optional(),
+    })
         .optional(),
+    links: zod_1.z.array(LinksConfig).optional(),
     search: zod_1.z
         .object({
         placement: zod_1.z.string().default('navbar').optional(),

package/lib/globalStyle.js

@@ -512,7 +512,7 @@ const sidebar = (0, styled_components_1.css) `
   --sidebar-back-button-font-family: var(--sidebar-item-font-family);
   --sidebar-back-button-font-size: var(--sidebar-item-font-size);
   --sidebar-back-button-transform: inherit;
-  --sidebar-back-button-text-color: var(--sidebar-item-text-color);
+  --sidebar-back-button-text-color: var(--link-text-color);
   --sidebar-back-button-background-color: transparent;
   --sidebar-back-button-hover-text-color: var(--sidebar-item-active-color);
   --sidebar-back-button-hover-background-color: transparent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.6.1",
+  "version": "0.6.2-beta.3",
   "description": "Shared UI components",
   "author": "team@redocly.com",
   "license": "SEE LICENSE IN LICENSE",

package/src/Sidebar/ArrowBack.tsx

@@ -7,7 +7,7 @@ const Arrow = ({ className }: { className?: string }): JSX.Element => (
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 12 10"
-      width="12px"
+      width="10px"
       height="10px"
       className={className}
     >
@@ -19,7 +19,7 @@ const Arrow = ({ className }: { className?: string }): JSX.Element => (
 
 export const ArrowBack = styled(Arrow)`
   fill: var(--sidebar-back-button-icon-color);
-  margin-right: calc(var(--sidebar-spacing-unit) * 1.5);
+  margin-right: calc(var(--sidebar-spacing-unit));
 
   background-image: var(--sidebar-back-button-icon);
   background-repeat: no-repeat;

package/src/Sidebar/SidebarLayout.tsx

@@ -7,13 +7,23 @@ import { MobileSidebarButton } from '@theme/Sidebar/MobileSidebarButton';
 import { MenuContainer } from '@theme/Sidebar/MenuContainer';
 import { SidebarSearch } from '@theme/Search/SidebarSearch';
 import { useThemeConfig } from '@theme/hooks/useThemeConfig';
+import { ArrowBack } from '@theme/Sidebar/ArrowBack';
+import { Link } from '@portal/Link';
 
 interface SidebarLayoutProps {
   versions: React.ReactNode;
   menu: React.ReactNode;
+  backLink?: {
+    label: string;
+    slug: string;
+  };
 }
 
-export function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element | null {
+export function SidebarLayout({
+  versions,
+  menu,
+  backLink,
+}: SidebarLayoutProps): JSX.Element | null {
   const [isOpen, setIsOpen] = useMobileMenu();
   const toggleMenu = () => setIsOpen(!isOpen);
   const { search, sidebar } = useThemeConfig();
@@ -28,6 +38,15 @@ export function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Eleme
 
       {!search?.hide && search?.placement === 'sidebar' ? <SidebarSearch /> : null}
       <Sidebar animate={true} opened={isOpen}>
+        {(backLink && (
+          <BackLinkWrapper>
+            <Link to={backLink.slug}>
+              <ArrowBack />
+              Back to {backLink.label}
+            </Link>
+          </BackLinkWrapper>
+        )) ||
+          null}
         {versions}
         <MenuContainer>{menu}</MenuContainer>
       </Sidebar>
@@ -35,4 +54,22 @@ export function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Eleme
   );
 }
 
+const BackLinkWrapper = styled.div`
+  padding: var(--sidebar-offset-top) var(--sidebar-item-padding-horizontal)
+    var(--sidebar-item-padding-horizontal)
+    calc(var(--sidebar-offset-left) + var(--sidebar-item-padding-horizontal));
+
+  a {
+    color: var(--sidebar-back-button-text-color);
+    font-size: var(--sidebar-back-button-font-size);
+    font-family: var(--sidebar-back-button-font-family);
+    text-decoration: none;
+    &:hover {
+      color: var(--sidebar-back-button-hover-text-color);
+    }
+  }
+
+  border-bottom: 1px solid var(--sidebar-border-color);
+`;
+
 const Wrapper = styled.div``;

package/src/Sidebar/types/NavItem.ts

@@ -19,7 +19,7 @@ export interface NavItem {
   target?: string;
   external?: boolean;
   items?: NavItem[];
-  permission?: string;
+  requiredPermission?: string;
   menuStyle?: MenuStyle;
   separatorLine?: boolean;
   version?: string;

package/src/config.ts

@@ -13,6 +13,43 @@ const HideConfig = z.object({
   hide: z.boolean().optional(),
 });
 
+const ScriptConfig = z
+  .object({
+    src: z.string(),
+    async: z.boolean().optional(),
+    crossorigin: z.string().optional(),
+    defer: z.boolean().optional(),
+    fetchpriority: z.string().optional(),
+    integrity: z.string().optional(),
+    module: z.boolean().optional(),
+    nomodule: z.boolean().optional(),
+    nonce: z.string().optional(),
+    referrerpolicy: z.string().optional(),
+    type: z.string().optional(),
+  })
+  .passthrough();
+
+const LinksConfig = z
+  .object({
+    href: z.string(),
+
+    as: z.string().optional(),
+    crossorigin: z.string().optional(),
+    fetchpriority: z.string().optional(),
+    hreflang: z.string().optional(),
+    imagesizes: z.string().optional(),
+    imagesrcset: z.string().optional(),
+    integrity: z.string().optional(),
+    media: z.string().optional(),
+    prefetch: z.string().optional(),
+    referrerpolicy: z.string().optional(),
+    rel: z.string().optional(),
+    sizes: z.string().optional(),
+    title: z.string().optional(),
+    type: z.string().optional(),
+  })
+  .passthrough();
+
 export const ThemeConfig = z
   .object({
     imports: z.array(z.string()).default([]).optional(),
@@ -37,14 +74,12 @@ export const ThemeConfig = z
     sidebar: HideConfig.strict().optional(),
 
     scripts: z
-      .array(z.union([z.string(), z.record(z.union([z.boolean(), z.string()]))]))
-      .optional(),
-    postBodyScripts: z
-      .array(z.union([z.string(), z.record(z.union([z.boolean(), z.string()]))]))
-      .optional(),
-    stylesheets: z
-      .array(z.union([z.string(), z.record(z.union([z.boolean(), z.string()]))]))
+      .object({
+        head: z.array(ScriptConfig).optional(),
+        body: z.array(ScriptConfig).optional(),
+      })
       .optional(),
+    links: z.array(LinksConfig).optional(),
 
     search: z
       .object({
@@ -129,15 +164,16 @@ export const ThemeConfig = z
   .default({});
 
 export type ThemeConfig = z.infer<typeof ThemeConfig>;
-export type ThemeUIConfig = Omit<
-  ThemeConfig,
-  'navbar' | 'footer' | 'styles' | 'scripts' | 'postBodyScripts'
-> & {
+export type ThemeUIConfig = Omit<ThemeConfig, 'navbar' | 'footer' | 'links' | 'scripts'> & {
   navbar?: any; // TODO
   footer?: any; // TODO
   auth?: {
     // used by portal dev login emulator
-    idpIds?: string[];
+    idpsInfo?: {
+      idpId: string;
+      type: string; // AuthProviderType
+      title: string | undefined;
+    }[];
     devLogin?: boolean;
   };
 };

package/src/globalStyle.ts

@@ -517,7 +517,7 @@ const sidebar = css`
   --sidebar-back-button-font-family: var(--sidebar-item-font-family);
   --sidebar-back-button-font-size: var(--sidebar-item-font-size);
   --sidebar-back-button-transform: inherit;
-  --sidebar-back-button-text-color: var(--sidebar-item-text-color);
+  --sidebar-back-button-text-color: var(--link-text-color);
   --sidebar-back-button-background-color: transparent;
   --sidebar-back-button-hover-text-color: var(--sidebar-item-active-color);
   --sidebar-back-button-hover-background-color: transparent;

package/src/types/portal/src/shared/types/nav.d.ts

@@ -77,10 +77,9 @@ export interface PageStaticData {
   [k: string]: unknown;
 }
 export declare type UserData = {
-  isAuthorized: boolean;
+  isAuthenticated: boolean;
   name: string;
   picture: string;
-  logoutDisabled?: boolean;
 };
 export interface PageData {
   templateId: string;