@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/elements/ListControls/index.scss

@@ -1,101 +1,97 @@
 @import '../../scss/styles';
 
-.list-controls {
-  &__wrap {
-    display: flex;
-    align-items: center;
-    background-color: var(--theme-elevation-50);
-    border-radius: var(--style-radius-m);
-    padding: base(0.6);
-    gap: base(0.6);
-  }
-
-  .search-filter {
-    flex-grow: 1;
-
-    input {
-      margin: 0;
+@layer payload-default {
+  .list-controls {
+    &__wrap {
+      display: flex;
+      align-items: center;
+      background-color: var(--theme-elevation-50);
+      border-radius: var(--style-radius-m);
+      padding: base(0.6);
+      gap: base(0.6);
     }
-  }
 
-  &__buttons-wrap {
-    display: flex;
-    align-items: center;
-    gap: base(0.2);
-
-    .pill {
-      background-color: var(--theme-elevation-150);
+    .search-filter {
+      flex-grow: 1;
 
-      &:hover {
-        background-color: var(--theme-elevation-100);
+      input {
+        margin: 0;
       }
     }
-  }
 
-  &__buttons-active {
-    svg {
-      transform: rotate(180deg);
-    }
-  }
+    &__buttons-wrap {
+      display: flex;
+      align-items: center;
+      gap: base(0.2);
 
-  .column-selector,
-  .where-builder,
-  .sort-complex {
-    margin-top: base(1);
-  }
+      .pill {
+        background-color: var(--theme-elevation-150);
 
-  @include small-break {
-    &__wrap {
-      flex-wrap: wrap;
-      background-color: unset;
-      padding: 0;
-      position: relative;
+        &:hover {
+          background-color: var(--theme-elevation-100);
+        }
+      }
     }
 
-    .icon--search {
-      position: absolute;
-      top: base(0.4);
-      inset-inline-start: base(0.4);
-      z-index: 1;
+    .column-selector,
+    .where-builder,
+    .sort-complex {
+      margin-top: base(1);
     }
 
-    .search-filter {
-      width: 100%;
-      input {
-        padding: base(0.4) base(2);
+    @include small-break {
+      &__wrap {
+        flex-wrap: wrap;
+        background-color: unset;
+        padding: 0;
+        position: relative;
       }
-    }
 
-    &__buttons-wrap {
-      [dir='ltr'] & {
-        margin-right: 0;
+      .icon--search {
+        position: absolute;
+        top: base(0.4);
+        inset-inline-start: base(0.4);
+        z-index: 1;
       }
 
-      [dir='rtl'] & {
-        margin-left: 0;
+      .search-filter {
+        width: 100%;
+        input {
+          padding: base(0.4) base(2);
+        }
       }
 
-      .pill {
-        padding: base(0.2) base(0.2) base(0.2) base(0.4);
-        justify-content: space-between;
+      &__buttons-wrap {
+        [dir='ltr'] & {
+          margin-right: 0;
+        }
+
+        [dir='rtl'] & {
+          margin-left: 0;
+        }
+
+        .pill {
+          padding: base(0.2) base(0.2) base(0.2) base(0.4);
+          justify-content: space-between;
+        }
       }
-    }
 
-    &__buttons {
-      margin: 0;
-      width: 100%;
-    }
+      &__buttons {
+        margin: 0;
+        width: 100%;
+      }
 
-    .column-selector,
-    .where-builder,
-    .sort-complex {
-      margin-top: calc(var(--base) / 2);
-    }
+      .column-selector,
+      .where-builder,
+      .sort-complex {
+        margin-top: calc(var(--base) / 2);
+      }
 
-    &__toggle-columns,
-    &__toggle-where,
-    &__toggle-sort {
-      flex: 1;
+      &__toggle-columns,
+      &__toggle-where,
+      &__toggle-sort {
+        flex: 1;
+      }
     }
   }
 }

package/dist/elements/ListDrawer/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAE3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAqCjD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4RvD,CAAA"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAUjD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiJvD,CAAA"}