@payloadcms/ui 4.0.0-internal.c2b57ce → 4.0.0-internal.ccea85d

package/dist/providers/LivePreview/index.scss

@@ -1,68 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .live-preview {
-    width: 100%;
-    display: flex;
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
-
-    [dir='rtl'] & {
-      flex-direction: row-reverse;
-    }
-
-    &--popup-open {
-      .live-preview {
-        &__edit {
-          padding-right: var(--gutter-h);
-        }
-      }
-    }
-
-    &__main {
-      width: 40%;
-      display: flex;
-      flex-direction: column;
-      min-height: 100%;
-      position: relative;
-
-      &--popup-open {
-        width: 100%;
-      }
-
-      &::after {
-        content: ' ';
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: calc(var(--base) * 2);
-        height: 100%;
-        background: var(--gradient);
-        pointer-events: none;
-        z-index: -1;
-      }
-    }
-
-    @include mid-break {
-      flex-direction: column;
-
-      &__main {
-        min-height: initial;
-        width: 100%;
-
-        &::after {
-          display: none;
-        }
-      }
-
-      &__form {
-        display: block;
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .live-preview {
-      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
-    }
-  }
-}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { useParams as useNextParams } from '../RouterAdapter/index.js';
-export type Params = ReturnType<typeof useNextParams>;
-interface IParamsContext extends Params {
-}
-/**
- * @deprecated
- * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export declare const ParamsProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-/**
- * @deprecated
- * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export declare const useParams: () => IParamsContext;
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Params/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEtE,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;AACrD,UAAU,cAAe,SAAQ,MAAM;CAAG;AAI1C;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAGnE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,QAAO,cAA8B,CAAA"}

package/dist/providers/Params/index.js

@@ -1,37 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, use } from 'react';
-import { useParams as useNextParams } from '../RouterAdapter/index.js';
-const Context = /*#__PURE__*/createContext({});
-/**
- * @deprecated
- * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export const ParamsProvider = t0 => {
-  const $ = _c(3);
-  const {
-    children
-  } = t0;
-  const params = useNextParams();
-  let t1;
-  if ($[0] !== children || $[1] !== params) {
-    t1 = _jsx(Context, {
-      value: params,
-      children
-    });
-    $[0] = children;
-    $[1] = params;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
-};
-/**
- * @deprecated
- * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export const useParams = () => use(Context);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useParams","useNextParams","Context","ParamsProvider","t0","$","children","params","t1","_jsx","value"],"sources":["../../../src/providers/Params/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use } from 'react'\n\nimport { useParams as useNextParams } from '../RouterAdapter/index.js'\n\nexport type Params = ReturnType<typeof useNextParams>\ninterface IParamsContext extends Params {}\n\nconst Context = createContext<IParamsContext>({} as IParamsContext)\n\n/**\n * @deprecated\n * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n */\nexport const ParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const params = useNextParams()\n  return <Context value={params}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n */\nexport const useParams = (): IParamsContext => use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,SAASC,SAAA,IAAaC,aAAa,QAAQ;AAK3C,MAAMC,OAAA,gBAAUJ,aAAA,CAA8B,CAAC;AAE/C;;;;AAIA,OAAO,MAAMK,cAAA,GAA2DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EACnF,MAAAG,MAAA,GAAeN,aAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,MAAA;IACRC,EAAA,GAAAC,IAAA,CAAAP,OAAA;MAAAQ,KAAA,EAAgBH,MAAA;MAAAD;IAAA,C;;;;;;;SAAhBE,E;CACT;AAEA;;;;AAIA,OAAO,MAAMR,SAAA,GAAYA,CAAA,KAAsBD,GAAA,CAAIG,OAAA","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.scss

@@ -1,23 +0,0 @@
-@layer payload-default {
-  .progress-bar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    z-index: 9999;
-    opacity: 1;
-
-    &__progress {
-      height: 100%;
-      background-color: var(--theme-elevation-1000);
-      transition: width ease-in var(--transition-duration);
-    }
-
-    &--fade-out {
-      opacity: 0;
-      transition: opacity linear var(--transition-duration);
-      transition-delay: var(--transition-duration);
-    }
-  }
-}

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

@@ -1,27 +0,0 @@
-import * as qs from 'qs-esm';
-import React from 'react';
-export type SearchParamsContext = {
-    searchParams: qs.ParsedQs;
-    stringifyParams: ({ params, replace }: {
-        params: qs.ParsedQs;
-        replace?: boolean;
-    }) => string;
-};
-/**
- * @deprecated
- * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export declare const SearchParamsProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-/**
- * @deprecated
- * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.
- * ```tsx
- * import { parseSearchParams } from '@payloadcms/ui'
- * const parsedSearchParams = parseSearchParams(searchParams)
- * ```
- */
-export declare const useSearchParams: () => SearchParamsContext;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/SearchParams/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,KAA6B,MAAM,OAAO,CAAA;AAIjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAA;IACzB,eAAe,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;QAAE,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,CAAA;CAC7F,CAAA;AASD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA2BzE,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,QAAO,mBAAmC,CAAA"}

package/dist/providers/SearchParams/index.js

@@ -1,54 +0,0 @@
-'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as qs from 'qs-esm';
-import React, { createContext, use } from 'react';
-import { useSearchParams as useNextSearchParams } from '../RouterAdapter/index.js';
-const initialContext = {
-  searchParams: {},
-  stringifyParams: () => ''
-};
-const Context = /*#__PURE__*/createContext(initialContext);
-/**
- * @deprecated
- * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export const SearchParamsProvider = ({
-  children
-}) => {
-  const nextSearchParams = useNextSearchParams();
-  const searchString = nextSearchParams.toString();
-  const searchParams = React.useMemo(() => qs.parse(searchString, {
-    depth: 10,
-    ignoreQueryPrefix: true
-  }), [searchString]);
-  const stringifyParams = React.useCallback(({
-    params,
-    replace = false
-  }) => {
-    return qs.stringify({
-      ...(replace ? {} : searchParams),
-      ...params
-    }, {
-      addQueryPrefix: true
-    });
-  }, [searchParams]);
-  return /*#__PURE__*/_jsx(Context, {
-    value: {
-      searchParams,
-      stringifyParams
-    },
-    children: children
-  });
-};
-/**
- * @deprecated
- * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.
- * ```tsx
- * import { parseSearchParams } from '@payloadcms/ui'
- * const parsedSearchParams = parseSearchParams(searchParams)
- * ```
- */
-export const useSearchParams = () => use(Context);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["qs","React","createContext","use","useSearchParams","useNextSearchParams","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","_jsx","value"],"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nimport { useSearchParams as useNextSearchParams } from '../RouterAdapter/index.js'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"mappings":"AAAA;;;AAEA,YAAYA,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,SAASC,eAAA,IAAmBC,mBAAmB,QAAQ;AAOvD,MAAMC,cAAA,GAAsC;EAC1CC,YAAA,EAAc,CAAC;EACfC,eAAA,EAAiBA,CAAA,KAAM;AACzB;AAEA,MAAMC,OAAA,gBAAUP,aAAA,CAAcI,cAAA;AAE9B;;;;AAIA,OAAO,MAAMI,oBAAA,GAAiEA,CAAC;EAAEC;AAAQ,CAAE;EACzF,MAAMC,gBAAA,GAAmBP,mBAAA;EACzB,MAAMQ,YAAA,GAAeD,gBAAA,CAAiBE,QAAQ;EAE9C,MAAMP,YAAA,GAAeN,KAAA,CAAMc,OAAO,CAChC,MACEf,EAAA,CAAGgB,KAAK,CAACH,YAAA,EAAc;IACrBI,KAAA,EAAO;IACPC,iBAAA,EAAmB;EACrB,IACF,CAACL,YAAA,CAAa;EAGhB,MAAML,eAAA,GAAkBP,KAAA,CAAMkB,WAAW,CACvC,CAAC;IAAEC,MAAM;IAAEC,OAAA,GAAU;EAAK,CAA8C;IACtE,OAAOrB,EAAA,CAAGsB,SAAS,CACjB;MACE,IAAID,OAAA,GAAU,CAAC,IAAId,YAAY;MAC/B,GAAGa;IACL,GACA;MAAEG,cAAA,EAAgB;IAAK;EAE3B,GACA,CAAChB,YAAA,CAAa;EAGhB,oBAAOiB,IAAA,CAACf,OAAA;IAAQgB,KAAA,EAAO;MAAElB,YAAA;MAAcC;IAAgB;cAAIG;;AAC7D;AAEA;;;;;;;;;AASA,OAAO,MAAMP,eAAA,GAAkBA,CAAA,KAA2BD,GAAA,CAAIM,OAAA","ignoreList":[]}

package/dist/providers/TableColumns/RenderDefaultCell/index.scss

@@ -1,15 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .default-cell {
-    &__first-cell {
-      border: 0;
-      background-color: transparent;
-      padding: 0;
-      cursor: pointer;
-      text-decoration: underline;
-      text-align: left;
-      white-space: nowrap;
-    }
-  }
-}

package/dist/scss/toasts.scss

@@ -1,146 +0,0 @@
-@import './styles.scss';
-
-@layer payload-default {
-  .payload-toast-container {
-    --offset: calc(var(--gutter-h) / 2);
-
-    padding: 0;
-    margin: 0;
-
-    .payload-toast-close-button {
-      position: absolute;
-      order: 3;
-      left: unset;
-      inset-inline-end: base(0.8);
-      top: 50%;
-      transform: translateY(-50%);
-      color: var(--theme-elevation-600);
-      background: unset;
-      border: none;
-
-      svg {
-        width: base(0.8);
-        height: base(0.8);
-      }
-
-      &:hover {
-        color: var(--theme-elevation-250);
-        background: none;
-      }
-
-      [dir='RTL'] & {
-        right: unset;
-        left: 0.5rem;
-      }
-    }
-
-    .toast-title {
-      line-height: base(1);
-      margin-right: base(1);
-    }
-
-    .payload-toast-item {
-      padding: base(0.8);
-      color: var(--theme-elevation-800);
-      font-style: normal;
-      font-weight: 600;
-      display: flex;
-      gap: 1rem;
-      align-items: center;
-      width: 100%;
-      border-radius: 4px;
-      border: var(--stroke-width-small) solid var(--theme-border-color);
-      background: var(--theme-input-bg);
-      box-shadow:
-        0px 10px 4px -8px rgba(0, 2, 4, 0.02),
-        0px 2px 3px 0px rgba(0, 2, 4, 0.05);
-
-      .toast-content {
-        transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
-        width: 100%;
-      }
-
-      &[data-front='false'] {
-        .toast-content {
-          opacity: 0;
-        }
-      }
-
-      &[data-expanded='true'] {
-        .toast-content {
-          opacity: 1;
-        }
-      }
-
-      .toast-icon {
-        width: base(0.8);
-        height: base(0.8);
-        margin: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        & > * {
-          width: base(1.2);
-          height: base(1.2);
-        }
-      }
-
-      &.toast-warning {
-        color: var(--theme-warning-800);
-        border-color: var(--theme-warning-250);
-        background-color: var(--theme-warning-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-warning-600);
-
-          &:hover {
-            color: var(--theme-warning-250);
-          }
-        }
-      }
-
-      &.toast-error {
-        color: var(--theme-error-800);
-        border-color: var(--theme-error-250);
-        background-color: var(--theme-error-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-error-600);
-
-          &:hover {
-            color: var(--theme-error-250);
-          }
-        }
-      }
-
-      &.toast-success {
-        color: var(--theme-success-800);
-        border-color: var(--theme-success-250);
-        background-color: var(--theme-success-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-success-600);
-
-          &:hover {
-            color: var(--theme-success-250);
-          }
-        }
-      }
-
-      &.toast-info {
-        color: var(--theme-elevation-800);
-        border-color: var(--theme-elevation-250);
-        background-color: var(--theme-elevation-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-elevation-600);
-
-          &:hover {
-            color: var(--theme-elevation-250);
-          }
-        }
-      }
-    }
-  }
-}

package/dist/views/Edit/Auth/index.scss

@@ -1,104 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .auth-fields {
-    padding: calc(var(--base) * 2);
-    background: var(--theme-elevation-50);
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-
-    &__controls {
-      display: flex;
-      align-items: center;
-      gap: calc(var(--base) / 2);
-      flex-wrap: wrap;
-    }
-
-    &__changing-password {
-      display: flex;
-      flex-direction: column;
-      gap: var(--base);
-    }
-
-    .btn {
-      margin: 0;
-    }
-
-    &__api-key-label {
-      position: relative;
-    }
-
-    @include mid-break {
-      padding: var(--base);
-      gap: calc(var(--base) / 2);
-
-      &__changing-password {
-        gap: calc(var(--base) / 2);
-      }
-    }
-
-    .field-type.api-key {
-      margin-bottom: var(--base);
-
-      input {
-        @include formInput;
-        width: 100%;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-    }
-
-    .api-key {
-      &__input-wrap {
-        display: flex;
-        align-items: center;
-      }
-
-      &__toggle-button-wrap {
-        display: flex;
-        align-self: stretch;
-      }
-
-      &__toggle-button {
-        @include formInput;
-        background: var(--theme-elevation-100);
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        margin: 0 0 0 -1px;
-        padding: 0 calc(var(--base) / 2);
-        box-shadow: none;
-        --btn-icon-size: var(--base);
-      }
-    }
-  }
-
-  @keyframes highlight {
-    0% {
-      background: var(--theme-success-250);
-      border: var(--stroke-width-small) solid var(--theme-success-500);
-    }
-
-    20% {
-      background: var(--theme-input-bg);
-      border: var(--stroke-width-small) solid var(--theme-elevation-250);
-      color: var(--theme-text);
-    }
-
-    80% {
-      background: var(--theme-input-bg);
-      border: var(--stroke-width-small) solid var(--theme-elevation-250);
-      color: var(--theme-text);
-    }
-
-    100% {
-      background: var(--theme-elevation-200);
-      border: var(--stroke-width-small) solid transparent;
-      color: var(--theme-elevation-400);
-    }
-  }
-
-  .highlight {
-    animation: highlight 10s;
-  }
-}

package/dist/views/Edit/index.scss

@@ -1,61 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .collection-edit {
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
-
-    &__main-wrapper {
-      width: 100%;
-      display: flex;
-    }
-
-    &__main {
-      width: 100%;
-      container-type: inline-size;
-
-      &--popup-open {
-        width: 100%;
-      }
-
-      &--is-live-previewing {
-        width: 40%;
-        position: relative;
-
-        &::after {
-          content: ' ';
-          position: absolute;
-          top: 0;
-          right: 0;
-          width: calc(var(--base) * 2);
-          height: 100%;
-          background: var(--gradient);
-          pointer-events: none;
-          z-index: -1;
-        }
-      }
-    }
-
-    &__form {
-      height: 100%;
-      width: 100%;
-    }
-
-    &__auth {
-      margin-bottom: base(1.6);
-      border-radius: var(--style-radius-s);
-    }
-
-    @include small-break {
-      &__auth {
-        margin-top: 0;
-        margin-bottom: var(--base);
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .collection-edit {
-      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
-    }
-  }
-}