@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.40de3ec

package/dist/elements/Loading/index.scss

@@ -1,138 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .loading-overlay {
-    isolation: isolate;
-    height: 100%;
-    width: 100%;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    position: fixed;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    pointer-events: none;
-    z-index: calc(var(--z-status) + 1);
-    transition-property: left, width;
-    transition: 250ms ease;
-
-    &.loading-overlay--entering {
-      opacity: 1;
-      animation: fade-in ease;
-      pointer-events: all;
-    }
-
-    &.loading-overlay--exiting {
-      opacity: 0;
-      animation: fade-out ease;
-    }
-
-    &:after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-color: var(--theme-elevation-0);
-      opacity: 0.85;
-      z-index: -1;
-    }
-
-    &__bars {
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-      gap: 7px;
-      align-items: center;
-    }
-
-    &__bar {
-      width: 2px;
-      background-color: currentColor;
-      height: 15px;
-
-      &:nth-child(1) {
-        transform: translateY(0);
-        animation: animate-bar--odd 1.25s infinite;
-      }
-
-      &:nth-child(2) {
-        transform: translateY(-2px);
-        animation: animate-bar--even 1.25s infinite;
-      }
-
-      &:nth-child(3) {
-        transform: translateY(0);
-        animation: animate-bar--odd 1.25s infinite;
-      }
-
-      &:nth-child(4) {
-        transform: translateY(-2px);
-        animation: animate-bar--even 1.25s infinite;
-      }
-
-      &:nth-child(5) {
-        transform: translateY(0);
-        animation: animate-bar--odd 1.25s infinite;
-      }
-    }
-
-    &__text {
-      margin-top: base(0.75);
-      text-transform: uppercase;
-      font-family: var(--font-body);
-      font-size: base(0.65);
-      letter-spacing: 3px;
-    }
-  }
-
-  @keyframes animate-bar--even {
-    0% {
-      transform: translateY(2px);
-    }
-
-    50% {
-      transform: translateY(-2px);
-    }
-
-    100% {
-      transform: translateY(2px);
-    }
-  }
-
-  @keyframes animate-bar--odd {
-    0% {
-      transform: translateY(-2px);
-    }
-
-    50% {
-      transform: translateY(2px);
-    }
-
-    100% {
-      transform: translateY(-2px);
-    }
-  }
-
-  @keyframes fade-in {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-
-  @keyframes fade-out {
-    0% {
-      opacity: 1;
-    }
-
-    100% {
-      opacity: 0;
-    }
-  }
-}

package/dist/elements/Localizer/LocalizerLabel/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './index.scss';
-export declare const LocalizerLabel: React.FC<{
-    ariaLabel?: string;
-    className?: string;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/Localizer/LocalizerLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoBA,CAAA"}

package/dist/elements/Localizer/LocalizerLabel/index.js

@@ -1,61 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
-import { ChevronIcon } from '../../../icons/Chevron/index.js';
-import { useLocale } from '../../../providers/Locale/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import './index.scss';
-const baseClass = 'localizer-button';
-export const LocalizerLabel = props => {
-  const $ = _c(8);
-  const {
-    ariaLabel,
-    className
-  } = props;
-  const locale = useLocale();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  let t0;
-  if ($[0] !== ariaLabel || $[1] !== className || $[2] !== i18n || $[3] !== locale || $[4] !== t) {
-    let t1;
-    if ($[6] !== className) {
-      t1 = [baseClass, className].filter(Boolean);
-      $[6] = className;
-      $[7] = t1;
-    } else {
-      t1 = $[7];
-    }
-    t0 = _jsxs("div", {
-      "aria-label": ariaLabel || t("general:locale"),
-      className: t1.join(" "),
-      "data-locale": locale ? locale.code : undefined,
-      children: [_jsxs("div", {
-        className: `${baseClass}__label`,
-        children: [`${t("general:locale")}:`, "\xA0"]
-      }), _jsxs("div", {
-        className: `${baseClass}__current`,
-        children: [_jsx("span", {
-          className: `${baseClass}__current-label`,
-          children: `${getTranslation(locale.label, i18n)}`
-        }), _jsx(ChevronIcon, {
-          className: `${baseClass}__chevron`
-        })]
-      })]
-    });
-    $[0] = ariaLabel;
-    $[1] = className;
-    $[2] = i18n;
-    $[3] = locale;
-    $[4] = t;
-    $[5] = t0;
-  } else {
-    t0 = $[5];
-  }
-  return t0;
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/Localizer/LocalizerLabel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","ChevronIcon","useLocale","useTranslation","baseClass","LocalizerLabel","props","$","ariaLabel","className","locale","i18n","t","t0","t1","filter","Boolean","_jsxs","join","code","undefined","children","_jsx","label"],"sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer-button'\n\nexport const LocalizerLabel: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = (props) => {\n  const { ariaLabel, className } = props\n  const locale = useLocale()\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      aria-label={ariaLabel || t('general:locale')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      data-locale={locale ? locale.code : undefined}\n    >\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}&nbsp;</div>\n      <div className={`${baseClass}__current`}>\n        <span className={`${baseClass}__current-label`}>\n          {`${getTranslation(locale.label, i18n)}`}\n        </span>\n        <ChevronIcon className={`${baseClass}__chevron`} />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,SAAA;IAAAC;EAAA,IAAiCH,KAAA;EACjC,MAAAI,MAAA,GAAeR,SAAA;EACf;IAAAS,IAAA;IAAAC;EAAA,IAAoBT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAK,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAP,CAAA,QAAAE,SAAA;MAKLK,EAAA,IAAAV,SAAA,EAAYK,SAAA,EAAAM,MAAA,CAAAC,OAAkB;MAAAT,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAO,EAAA;IAAA;MAAAA,EAAA,GAAAP,CAAA;IAAA;IAF3CM,EAAA,GAAAI,KAAA,CAAC;MAAA,cACaT,SAAA,IAAaI,CAAA,CAAE;MAAAH,SAAA,EAChBK,EAA8B,CAAAI,IAAA,CAAc;MAAA,eAC1CR,MAAA,GAASA,MAAA,CAAAS,IAAA,GAAAC,SAAc;MAAAC,QAAA,GAEpCJ,KAAA,CAAC;QAAAR,SAAA,EAAe,GAAAL,SAAA,SAAqB;QAAAiB,QAAA,GAAG,GAAGT,CAAA,CAAE,oBAAoB,EAAC;MAAA,C,GAClEK,KAAA,CAAC;QAAAR,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAiB,QAAA,GACrCC,IAAA,CAAC;UAAAb,SAAA,EAAgB,GAAAL,SAAA,iBAA6B;UAAAiB,QAAA,EAC3C,GAAGtB,cAAA,CAAeW,MAAA,CAAAa,KAAA,EAAcZ,IAAA;QAAO,C,GAE1CW,IAAA,CAAArB,WAAA;UAAAQ,SAAA,EAAwB,GAAAL,SAAA;QAAuB,C;;;;;;;;;;;;SAVnDS,E;CAcJ","ignoreList":[]}

package/dist/elements/Localizer/LocalizerLabel/index.scss

@@ -1,56 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .localizer-button {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    display: flex;
-    padding-inline-start: base(0.4);
-    padding-inline-end: base(0.2);
-    background-color: var(--theme-elevation-100);
-    border-radius: var(--style-radius-s);
-
-    &__label {
-      color: var(--theme-elevation-500);
-    }
-
-    &__chevron {
-      .stroke {
-        stroke: currentColor;
-      }
-    }
-
-    &__current {
-      display: flex;
-      align-items: center;
-    }
-
-    button {
-      color: currentColor;
-      padding: 0;
-      font-size: 1rem;
-      line-height: base(1);
-      background: transparent;
-      border: 0;
-      font-weight: 600;
-      cursor: pointer;
-
-      &:hover,
-      &:focus-visible {
-        text-decoration: underline;
-      }
-
-      &:active,
-      &:focus {
-        outline: none;
-      }
-    }
-
-    @include small-break {
-      &__label {
-        display: none;
-      }
-    }
-  }
-}

package/dist/elements/Localizer/index.scss

@@ -1,10 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .localizer {
-    position: relative;
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
-  }
-}

package/dist/elements/Locked/index.scss

@@ -1,16 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .locked {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: all;
-    color: currentColor;
-    &__tooltip {
-      left: 0;
-      transform: translate3d(-0%, calc(var(--caret-size) * -1), 0);
-    }
-  }
-}

package/dist/elements/Nav/NavToggler/index.scss

@@ -1,12 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .nav-toggler {
-    position: relative;
-    background: transparent;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    cursor: pointer;
-  }
-}

package/dist/elements/NoListResults/index.scss

@@ -1,30 +0,0 @@
-.no-results {
-  padding-top: calc(var(--base) / 2);
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  border-radius: var(--style-radius-m);
-
-  h3 {
-    margin: 0;
-  }
-
-  p {
-    margin: calc(var(--base) / 2) 0 0 0;
-
-    &:first-child {
-      margin-top: 0;
-    }
-  }
-
-  &__actions {
-    display: flex;
-    gap: calc(var(--base) / 2);
-    margin-top: var(--base);
-
-    .btn {
-      margin: 0;
-    }
-  }
-}

package/dist/elements/PageControls/index.scss

@@ -1,40 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .page-controls {
-    width: 100%;
-    display: flex;
-    align-items: center;
-
-    &__page-info {
-      [dir='ltr'] & {
-        margin-right: base(1);
-        margin-left: auto;
-      }
-
-      [dir='rtl'] & {
-        margin-left: base(1);
-        margin-right: auto;
-      }
-    }
-
-    @include small-break {
-      flex-wrap: wrap;
-
-      &__page-info {
-        [dir='ltr'] & {
-          margin-left: base(0.5);
-        }
-
-        [dir='rtl'] & {
-          margin-right: 0;
-        }
-      }
-
-      .paginator {
-        width: 100%;
-        margin-bottom: base(0.5);
-      }
-    }
-  }
-}

package/dist/elements/Pagination/ClickableArrow/index.scss

@@ -1,47 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .clickable-arrow {
-    cursor: pointer;
-
-    width: base(1.5);
-    height: base(1.5);
-    display: flex;
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-    outline: 0;
-    padding: base(0.25);
-    color: var(--theme-elevation-800);
-    line-height: base(1);
-
-    &:not(.clickable-arrow--is-disabled) {
-      &:hover,
-      &:focus-visible {
-        background: var(--theme-elevation-100);
-      }
-    }
-
-    &:focus-visible {
-      outline: var(--accessibility-outline);
-    }
-
-    &--right {
-      .icon {
-        transform: rotate(-90deg);
-      }
-    }
-
-    &--left .icon {
-      transform: rotate(90deg);
-    }
-
-    &--is-disabled {
-      cursor: default;
-
-      .icon .stroke {
-        stroke: var(--theme-elevation-400);
-      }
-    }
-  }
-}

package/dist/elements/Pagination/Page/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type PageProps = {
-    isCurrent?: boolean;
-    isFirstPage?: boolean;
-    isLastPage?: boolean;
-    page?: number;
-    updatePage?: (page: any) => void;
-};
-export declare const Page: React.FC<PageProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/Page/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Page/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAA;CAC5B,CAAA;AAID,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqBpC,CAAA"}

package/dist/elements/Pagination/Page/index.js

@@ -1,21 +0,0 @@
-'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-const baseClass = 'paginator__page';
-export const Page = ({
-  isCurrent,
-  isFirstPage = false,
-  isLastPage = false,
-  page = 1,
-  updatePage
-}) => {
-  const classes = [baseClass, isCurrent && `${baseClass}--is-current`, isFirstPage && `${baseClass}--is-first-page`, isLastPage && `${baseClass}--is-last-page`].filter(Boolean).join(' ');
-  return /*#__PURE__*/_jsx("button", {
-    className: classes,
-    onClick: () => updatePage(page),
-    type: "button",
-    children: page
-  });
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Page/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","baseClass","Page","isCurrent","isFirstPage","isLastPage","page","updatePage","classes","filter","Boolean","join","_jsx","className","onClick","type"],"sources":["../../../../src/elements/Pagination/Page/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type PageProps = {\n  isCurrent?: boolean\n  isFirstPage?: boolean\n  isLastPage?: boolean\n  page?: number\n  updatePage?: (page) => void\n}\n\nconst baseClass = 'paginator__page'\n\nexport const Page: React.FC<PageProps> = ({\n  isCurrent,\n  isFirstPage = false,\n  isLastPage = false,\n  page = 1,\n  updatePage,\n}) => {\n  const classes = [\n    baseClass,\n    isCurrent && `${baseClass}--is-current`,\n    isFirstPage && `${baseClass}--is-first-page`,\n    isLastPage && `${baseClass}--is-last-page`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button className={classes} onClick={() => updatePage(page)} type=\"button\">\n      {page}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAUlB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAA4BA,CAAC;EACxCC,SAAS;EACTC,WAAA,GAAc,KAAK;EACnBC,UAAA,GAAa,KAAK;EAClBC,IAAA,GAAO,CAAC;EACRC;AAAU,CACX;EACC,MAAMC,OAAA,GAAU,CACdP,SAAA,EACAE,SAAA,IAAa,GAAGF,SAAA,cAAuB,EACvCG,WAAA,IAAe,GAAGH,SAAA,iBAA0B,EAC5CI,UAAA,IAAc,GAAGJ,SAAA,gBAAyB,CAC3C,CACEQ,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,IAAA,CAAC;IAAOC,SAAA,EAAWL,OAAA;IAASM,OAAA,EAASA,CAAA,KAAMP,UAAA,CAAWD,IAAA;IAAOS,IAAA,EAAK;cAC/DT;;AAGP","ignoreList":[]}

package/dist/elements/Pagination/Separator/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const Separator: React.FC;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/Pagination/Separator/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAgE,CAAA"}

package/dist/elements/Pagination/Separator/index.js

@@ -1,9 +0,0 @@
-'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export const Separator = () => /*#__PURE__*/_jsx("span", {
-  className: "paginator__separator",
-  children: "—"
-});
-//# sourceMappingURL=index.js.map

package/dist/elements/Pagination/Separator/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","Separator","_jsx","className"],"sources":["../../../../src/elements/Pagination/Separator/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Separator: React.FC = () => <span className=\"paginator__separator\">&mdash;</span>\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,SAAA,GAAsBA,CAAA,kBAAMC,IAAA,CAAC;EAAKC,SAAA,EAAU;YAAuB","ignoreList":[]}

package/dist/elements/Pagination/index.scss

@@ -1,52 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .paginator {
-    display: flex;
-
-    &__page {
-      cursor: pointer;
-
-      &--is-current {
-        background: var(--theme-elevation-100);
-        color: var(--theme-elevation-400);
-        cursor: default;
-      }
-
-      &--is-last-page {
-        margin-right: 0;
-      }
-    }
-
-    .clickable-arrow--right {
-      margin-right: base(0.25);
-    }
-
-    &__page {
-      width: base(1.5);
-      height: base(1.5);
-      display: flex;
-      justify-content: center;
-      align-content: center;
-      outline: 0;
-      border-radius: var(--style-radius-s);
-      padding: base(0.5);
-      color: var(--theme-elevation-800);
-      line-height: 0.9;
-
-      &:focus-visible {
-        outline: var(--accessibility-outline);
-      }
-    }
-
-    &__page,
-    &__separator {
-      margin-right: base(0.25);
-    }
-
-    &__separator {
-      align-self: center;
-      color: var(--theme-elevation-400);
-    }
-  }
-}

package/dist/elements/PerPage/index.scss

@@ -1,43 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .per-page {
-    ul {
-      list-style: none;
-      padding: 0;
-      margin: 0;
-      display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
-    }
-
-    &__base-button {
-      display: flex;
-      align-items: center;
-      font-weight: bold;
-    }
-
-    &__button {
-      cursor: pointer;
-      text-align: left;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      color: var(--theme-elevation-500);
-
-      &:hover,
-      &:focus-visible {
-        text-decoration: underline;
-      }
-
-      svg .stroke {
-        stroke: currentColor;
-      }
-    }
-
-    &__button-active {
-      font-weight: bold;
-      color: var(--theme-text);
-    }
-  }
-}

package/dist/elements/PillSelector/index.scss

@@ -1,47 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .pill-selector {
-    display: flex;
-    flex-wrap: wrap;
-    background: var(--theme-elevation-50);
-    padding: var(--base);
-    gap: calc(var(--base) / 2);
-
-    &__pill {
-      background-color: transparent;
-      box-shadow: 0 0 0 1px var(--theme-elevation-150);
-
-      &.pill-selector__pill {
-        cursor: pointer;
-
-        &:hover {
-          background-color: var(--theme-elevation-100);
-        }
-      }
-
-      &.pill-selector__pill--selected {
-        background-color: var(--theme-elevation-0);
-        box-shadow:
-          0 0px 1px 1px var(--theme-elevation-150),
-          0 2px 4px -2px rgba(0, 0, 0, 0.1);
-
-        &:hover {
-          background-color: var(--theme-elevation-0);
-          box-shadow:
-            0 0px 1px 1px var(--theme-elevation-250),
-            0 3px 4px -1px rgba(0, 0, 0, 0.1);
-        }
-      }
-    }
-
-    // TODO: delete this once all icons have been migrated to viewbox edge-to-edge
-    .pill__icon {
-      padding: 0;
-    }
-
-    @include small-break {
-      padding: calc(var(--base) / 2);
-    }
-  }
-}

package/dist/elements/Popup/PopupDivider/index.scss

@@ -1,11 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .popup-divider {
-    width: 100%;
-    height: 1px;
-    background-color: var(--theme-elevation-150);
-    border: none;
-    margin: calc(var(--base) * 0.75) 0;
-  }
-}

package/dist/elements/Popup/PopupGroupLabel/index.scss

@@ -1,11 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .popup-list-group-label {
-    color: var(--theme-elevation-500);
-    font-weight: 500;
-    line-height: 1;
-    margin-top: calc(var(--base) * 0.25);
-    margin-bottom: calc(var(--base) * 0.5);
-  }
-}