@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.28c161d

package/dist/providers/Selection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","qs","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","t0","$","children","docs","t1","totalDocs","t2","undefined","contextRef","code","locale","t3","rows","forEach","t4","id","selected","setSelected","selectAll","setSelectAll","count","setCount","searchParams","t5","allAvailable","rows_0","t6","id_0","t7","id_1","t8","id_2","toggleAll","id_3","isSelected","newSelected","setSelection","additionalParams","where","params","not_equals","filter","id_4","map","id_5","stringify","addQueryPrefix","getQueryParams","some","all","Object","values","val","t9","t10","newCount","keys","id_6","length","current","_jsx","Provider","value","useSelection"],"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Record<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  children: React.ReactNode\n  docs: any[]\n  totalDocs: number\n}\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = {}\n    docs.forEach(({ id }) => {\n      rows[id] = false\n    })\n    return rows\n  })\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = {}\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id }) => {\n          rows[id] = true\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n        docs.forEach(({ id }) => {\n          rows[id] = false\n        })\n      } else {\n        docs.forEach(({ id }) => {\n          rows[id] = selectAll !== SelectAllStatus.Some\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const isSelected = !selected[id]\n      const newSelected = {\n        ...selected,\n        [id]: isSelected,\n      }\n      if (!isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n      setSelected(newSelected)\n    },\n    [selected],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        where = {\n          id: {\n            in: Object.keys(selected)\n              .filter((id) => selected[id])\n              .map((id) => id),\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n    Object.values(selected).forEach((val) => {\n      all = all && val\n      some = some || val\n    })\n\n    if (all) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected])\n\n  useEffect(() => {\n    const newCount =\n      selectAll === SelectAllStatus.AllAvailable\n        ? totalDocs\n        : Object.keys(selected).filter((id) => selected[id]).length\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["qs","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","user","contextRef","code","locale","selected","setSelected","rows","Map","forEach","id","set","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","_isLocked","_userEditing","setSelection","doc","find","existingValue","get","isSelected","newMap","getQueryParams","additionalParams","where","params","not_equals","ids","key","value","push","in","and","stringify","addQueryPrefix","some","all","size","_","length","newCount","current","_jsx","Provider","useSelection"],"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser, Where } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Map<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  readonly children: React.ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly docs: any[]\n  readonly totalDocs: number\n  user: ClientUser\n}\n\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs, user }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = new Map()\n    docs.forEach(({ id }) => {\n      rows.set(id, false)\n    })\n    return rows\n  })\n\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = new Map()\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, true)\n          }\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n      } else {\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, selectAll !== SelectAllStatus.Some)\n          }\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll, user?.id],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const doc = docs.find((doc) => doc.id === id)\n\n      if (doc?._isLocked && user?.id !== doc?._userEditing.id) {\n        return // Prevent selection if the document is locked\n      }\n\n      const existingValue = selected.get(id)\n      const isSelected = typeof existingValue === 'boolean' ? !existingValue : true\n\n      let newMap = new Map()\n\n      if (isSelected) {\n        newMap = new Map(selected.set(id, isSelected))\n      } else {\n        newMap = new Map(selected.set(id, false))\n      }\n\n      setSelected(newMap)\n    },\n    [selected, docs, user?.id],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        const ids = []\n\n        for (const [key, value] of selected) {\n          if (value) {\n            ids.push(key)\n          }\n        }\n\n        where = {\n          id: {\n            in: ids,\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n\n    if (!selected.size) {\n      all = false\n      some = false\n    } else {\n      for (const [_, value] of selected) {\n        all = all && value\n        some = some || value\n      }\n    }\n\n    if (all && selected.size === docs.length) {\n      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected, totalDocs, docs])\n\n  useEffect(() => {\n    let newCount = 0\n\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      newCount = totalDocs\n    } else {\n      for (const [_, value] of selected) {\n        if (value) {\n          newCount++\n        }\n      }\n    }\n\n    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Theme/index.d.ts

@@ -8,7 +8,6 @@ export type ThemeContext = {
 export declare const defaultTheme = "light";
 export declare const ThemeProvider: React.FC<{
     children?: React.ReactNode;
-    cookiePrefix?: string;
     theme?: Theme;
 }>;
 export declare const useTheme: () => ThemeContext;

package/dist/providers/Theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAE1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4CD,eAAO,MAAM,YAAY,UAAU,CAAA;AAEnC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAoCA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAI1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4CD,eAAO,MAAM,YAAY,UAAU,CAAA;AAEnC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CA2CA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAAmC,CAAA"}

package/dist/providers/Theme/index.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
+import { useConfig } from '../Config/index.js';
 const initialContext = {
   autoMode: true,
   setTheme: () => null,
@@ -31,19 +32,25 @@ const getTheme = cookieKey => {
 };
 export const defaultTheme = 'light';
 export const ThemeProvider = t0 => {
-  const $ = _c(10);
+  const $ = _c(11);
   const {
     children,
-    cookiePrefix,
     theme: initialTheme
   } = t0;
-  const cookieKey = `${cookiePrefix || "payload"}-theme`;
+  const {
+    config
+  } = useConfig();
+  const preselectedTheme = config.admin.theme;
+  const cookieKey = `${config.cookiePrefix || "payload"}-theme`;
   const [theme, setThemeState] = useState(initialTheme || defaultTheme);
   const [autoMode, setAutoMode] = useState();
   let t1;
   let t2;
-  if ($[0] !== cookieKey) {
+  if ($[0] !== preselectedTheme || $[1] !== cookieKey) {
     t1 = () => {
+      if (preselectedTheme !== "all") {
+        return;
+      }
       const {
         theme: theme_0,
         themeFromCookies
@@ -51,17 +58,18 @@ export const ThemeProvider = t0 => {
       setThemeState(theme_0);
       setAutoMode(!themeFromCookies);
     };
-    t2 = [cookieKey];
-    $[0] = cookieKey;
-    $[1] = t1;
-    $[2] = t2;
+    t2 = [preselectedTheme, cookieKey];
+    $[0] = preselectedTheme;
+    $[1] = cookieKey;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t1 = $[1];
-    t2 = $[2];
+    t1 = $[2];
+    t2 = $[3];
   }
   useEffect(t1, t2);
   let t3;
-  if ($[3] !== cookieKey) {
+  if ($[4] !== cookieKey) {
     t3 = themeToSet => {
       if (themeToSet === "light" || themeToSet === "dark") {
         setThemeState(themeToSet);
@@ -78,14 +86,14 @@ export const ThemeProvider = t0 => {
         }
       }
     };
-    $[3] = cookieKey;
-    $[4] = t3;
+    $[4] = cookieKey;
+    $[5] = t3;
   } else {
-    t3 = $[4];
+    t3 = $[5];
   }
   const setTheme = t3;
   let t4;
-  if ($[5] !== autoMode || $[6] !== setTheme || $[7] !== theme || $[8] !== children) {
+  if ($[6] !== autoMode || $[7] !== setTheme || $[8] !== theme || $[9] !== children) {
     t4 = _jsx(Context.Provider, {
       value: {
         autoMode,
@@ -94,13 +102,13 @@ export const ThemeProvider = t0 => {
       },
       children
     });
-    $[5] = autoMode;
-    $[6] = setTheme;
-    $[7] = theme;
-    $[8] = children;
-    $[9] = t4;
+    $[6] = autoMode;
+    $[7] = setTheme;
+    $[8] = theme;
+    $[9] = children;
+    $[10] = t4;
   } else {
-    t4 = $[9];
+    t4 = $[10];
   }
   return t4;
 };

package/dist/providers/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","getTheme","cookieKey","themeFromCookies","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","defaultTheme","ThemeProvider","t0","$","children","cookiePrefix","initialTheme","setThemeState","setAutoMode","t1","t2","theme_0","t3","themeToSet","themeFromOS","t4","_jsx","Provider","value","useTheme"],"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  cookiePrefix?: string\n  theme?: Theme\n}> = ({ children, cookiePrefix, theme: initialTheme }) => {\n  const cookieKey = `${cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useState","useConfig","initialContext","autoMode","setTheme","theme","Context","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","getTheme","cookieKey","themeFromCookies","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","defaultTheme","ThemeProvider","t0","$","children","initialTheme","config","preselectedTheme","admin","cookiePrefix","setThemeState","setAutoMode","t1","t2","theme_0","t3","themeToSet","themeFromOS","t4","_jsx","Provider","value","useTheme"],"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nimport { useConfig } from '../Config/index.js'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  theme?: Theme\n}> = ({ children, theme: initialTheme }) => {\n  const { config } = useConfig()\n\n  const preselectedTheme = config.admin.theme\n  const cookieKey = `${config.cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    if (preselectedTheme !== 'all') {\n      return\n    }\n\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [preselectedTheme, cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Translation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI5D,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,0BAA0B,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6D/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,OACvB,gCAAgC,SAAS,MAAM,qFACiD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK5D,OAAO,KAAyD,MAAM,OAAO,CAAA;AAE7E,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,0BAA0B,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6D/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,OACvB,gCAAgC,SAAS,MAAM,qFACiD,CAAA"}

package/dist/providers/Translation/index.js

@@ -4,8 +4,8 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { importDateFNSLocale, t } from '@payloadcms/translations';
 import { enUS } from 'date-fns/locale/en-US';
+import { useRouter } from 'next/navigation.js';
 import React, { createContext, useContext, useEffect, useState } from 'react';
-import { useRouteCache } from '../RouteCache/index.js';
 const Context = /*#__PURE__*/createContext({
   // Use `any` here to be replaced later with a more specific type when used
   i18n: {
@@ -31,9 +31,7 @@ export const TranslationProvider = t0 => {
     switchLanguageServerAction,
     translations
   } = t0;
-  const {
-    clearRouteCache
-  } = useRouteCache();
+  const router = useRouter();
   const [dateFNS, setDateFNS] = useState();
   let t1;
   if ($[0] !== translations) {
@@ -49,19 +47,19 @@ export const TranslationProvider = t0 => {
   }
   const nextT = t1;
   let t2;
-  if ($[2] !== switchLanguageServerAction || $[3] !== clearRouteCache) {
+  if ($[2] !== switchLanguageServerAction || $[3] !== router) {
     t2 = async lang => {
       ;
       try {
         await switchLanguageServerAction(lang);
-        clearRouteCache();
+        router.refresh();
       } catch (t3) {
         const error = t3;
         console.error(`Error loading language: "${lang}"`, error);
       }
     };
     $[2] = switchLanguageServerAction;
-    $[3] = clearRouteCache;
+    $[3] = router;
     $[4] = t2;
   } else {
     t2 = $[4];

package/dist/providers/Translation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","React","createContext","useContext","useEffect","useState","useRouteCache","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","switchLanguageServerAction","clearRouteCache","setDateFNS","t1","vars","nextT","t2","lang","t3","error","console","t4","loadDateFNS","imported","t5","_jsx","Provider","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig, LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useRouteCache } from '../RouteCache/index.js'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const { clearRouteCache } = useRouteCache()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = (key, vars): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        clearRouteCache()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, clearRouteCache],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context.Provider\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => useContext<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","useRouter","React","createContext","useContext","useEffect","useState","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","switchLanguageServerAction","router","setDateFNS","t1","vars","nextT","t2","lang","refresh","t3","error","console","t4","loadDateFNS","imported","t5","_jsx","Provider","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig, LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport { useRouter } from 'next/navigation.js'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const router = useRouter()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = (key, vars): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        router.refresh()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, router],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context.Provider\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => useContext<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/WindowInfo/index.d.ts

@@ -1,4 +1,4 @@
 declare const WindowInfoProvider: import("react").FC<import("@faceless-ui/window-info/dist/WindowInfoProvider/index.js").WindowInfoProviderProps>;
 declare const useWindowInfo: () => import("@faceless-ui/window-info/dist/WindowInfoProvider/context.js").IWindowInfoContext;
-export { WindowInfoProvider, useWindowInfo };
+export { useWindowInfo, WindowInfoProvider };
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/WindowInfo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/WindowInfo/index.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAQ,kBAAkB,iHAGa,CAAA;AACvC,QAAA,MAAQ,aAAa,gGAGa,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/WindowInfo/index.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAQ,kBAAkB,iHAGa,CAAA;AACvC,QAAA,MAAQ,aAAa,gGAGa,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/providers/WindowInfo/index.js

@@ -11,5 +11,5 @@ const {
 } = facelessUIImport && 'useWindowInfo' in facelessUIImport ? facelessUIImport : {
   useWindowInfo: undefined
 };
-export { WindowInfoProvider, useWindowInfo };
+export { useWindowInfo, WindowInfoProvider };
 //# sourceMappingURL=index.js.map

package/dist/providers/WindowInfo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["facelessUIImport","WindowInfoProvider","undefined","useWindowInfo"],"sources":["../../../src/providers/WindowInfo/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/window-info'\nconst { WindowInfoProvider } =\n  facelessUIImport && 'WindowInfoProvider' in facelessUIImport\n    ? facelessUIImport\n    : { WindowInfoProvider: undefined }\nconst { useWindowInfo } =\n  facelessUIImport && 'useWindowInfo' in facelessUIImport\n    ? facelessUIImport\n    : { useWindowInfo: undefined }\nexport { WindowInfoProvider, useWindowInfo }\n"],"mappings":"AAAA;;AACA,YAAYA,gBAAA,MAAsB;AAClC,MAAM;EAAEC;AAAkB,CAAE,GAC1BD,gBAAA,IAAoB,wBAAwBA,gBAAA,GACxCA,gBAAA,GACA;EAAEC,kBAAA,EAAoBC;AAAU;AACtC,MAAM;EAAEC;AAAa,CAAE,GACrBH,gBAAA,IAAoB,mBAAmBA,gBAAA,GACnCA,gBAAA,GACA;EAAEG,aAAA,EAAeD;AAAU;AACjC,SAASD,kBAAkB,EAAEE,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["facelessUIImport","WindowInfoProvider","undefined","useWindowInfo"],"sources":["../../../src/providers/WindowInfo/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/window-info'\nconst { WindowInfoProvider } =\n  facelessUIImport && 'WindowInfoProvider' in facelessUIImport\n    ? facelessUIImport\n    : { WindowInfoProvider: undefined }\nconst { useWindowInfo } =\n  facelessUIImport && 'useWindowInfo' in facelessUIImport\n    ? facelessUIImport\n    : { useWindowInfo: undefined }\nexport { useWindowInfo, WindowInfoProvider }\n"],"mappings":"AAAA;;AACA,YAAYA,gBAAA,MAAsB;AAClC,MAAM;EAAEC;AAAkB,CAAE,GAC1BD,gBAAA,IAAoB,wBAAwBA,gBAAA,GACxCA,gBAAA,GACA;EAAEC,kBAAA,EAAoBC;AAAU;AACtC,MAAM;EAAEC;AAAa,CAAE,GACrBH,gBAAA,IAAoB,mBAAmBA,gBAAA,GACnCA,gBAAA,GACA;EAAEG,aAAA,EAAeD;AAAU;AACjC,SAASC,aAAa,EAAEF,kBAAkB","ignoreList":[]}

package/dist/scss/app.scss

@@ -21,8 +21,8 @@
   --theme-baseline-body-size: #{$baseline-body-size};
   --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif;
-  --font-serif: Georgia, 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
-  --font-mono: monospace;
+  --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
+  --font-mono: 'SF Mono', Menlo, Consolas, Monaco, monospace;
 
   --style-radius-s: #{$style-radius-s};
   --style-radius-m: #{$style-radius-m};
@@ -45,8 +45,8 @@
 
   @include mid-break {
     --gutter-h: #{base(2)};
-    --app-header-height: calc(var(--base) * 2.8);
-    --doc-controls-height: calc(var(--base) * 2.5);
+    --app-header-height: calc(var(--base) * 2.4);
+    --doc-controls-height: calc(var(--base) * 2.4);
   }
 
   @include small-break {
@@ -146,13 +146,13 @@ h6 {
 }
 
 p {
-  margin: 0 0 $baseline;
+  margin: 0;
 }
 
 ul,
 ol {
   padding-left: $baseline;
-  margin: 0 0 $baseline;
+  margin: 0;
 }
 
 :focus-visible {

package/dist/scss/type.scss

@@ -16,7 +16,7 @@
 }
 
 %h1 {
-  margin: 0 0 base(1);
+  margin: 0;
   font-size: base(1.6);
   line-height: base(1.8);
 
@@ -27,7 +27,7 @@
 }
 
 %h2 {
-  margin: 0 0 base(1);
+  margin: 0;
   font-size: base(1.3);
   line-height: base(1.6);
 
@@ -37,7 +37,7 @@
 }
 
 %h3 {
-  margin: 0 0 base(1);
+  margin: 0;
   font-size: base(1);
   line-height: base(1.2);
 
@@ -48,7 +48,7 @@
 }
 
 %h4 {
-  margin: 0 0 $baseline;
+  margin: 0;
   font-size: base(0.8);
   line-height: base(1);
   letter-spacing: -0.375px;