@planningcenter/tapestry 4.12.0-rc.0 → 4.12.0

package/dist/unstable.css

@@ -1411,6 +1411,13 @@
 }
   }
 
+.tds-data-table-saved-view-default-indicator{
+  display:inline-flex;
+  margin-inline-start:var(--t-spacing-1);
+  font-size:var(--t-font-size-sm);
+  color:var(--t-text-color-secondary);
+}
+
 .tds-data-table-filters-shelf{
   height:auto;
   overflow:hidden;
@@ -3787,17 +3794,69 @@ a.tds-dropdown-item:is(:hover, :active){
 }
 
 .views-list-item-cWGsC{
+  position:relative;
   display:flex;
   -moz-column-gap:var(--t-spacing-1);
        column-gap:var(--t-spacing-1);
 }
 
+.views-list-item-cWGsC[data-dragging] > :not(.view-list-drop-indicator-zyDIt){
+    opacity:.5;
+  }
+
+.view-list-item-drag-handle-fiO5Z{
+  --tds-btn-color:var(--t-text-color-secondary);
+
+  cursor:grab;
+}
+.view-list-drop-indicator-zyDIt{
+  --_drop-indicator-width:var(--t-spacing-fourth);
+  position:absolute;
+  inset-inline:0;
+  block-size:var(--_drop-indicator-width);
+  border-radius:var(--_drop-indicator-width);
+}
+.view-list-drop-indicator-zyDIt[data-drop-position="before"]{
+    inset-block-start:calc((var(--t-spacing-1) + var(--_drop-indicator-width)) / -2);
+  }
+.view-list-drop-indicator-zyDIt[data-drop-position="after"]{
+    inset-block-end:calc((var(--t-spacing-1) + var(--_drop-indicator-width)) / -2);
+  }
+.view-list-drop-indicator-zyDIt[data-drop-target]{
+    background-color:var(--t-focus-ring-color);
+  }
+@media (forced-colors: active){
+.view-list-drop-indicator-zyDIt[data-drop-target]{
+      forced-color-adjust:none;
+      background-color:Highlight;
+  }
+    }
+
+.views-list-item--drag-ghost-zEVbL{
+  padding:var(--t-spacing-half);
+  background-color:var(--t-surface-color-canvas);
+  border-radius:var(--t-border-radius-md);
+  transform:translateZ(0);
+}
+
+.views-list-item--drag-ghost-zEVbL button:not(.view-list-item-drag-handle-fiO5Z){
+    opacity:.5;
+    transition:none;
+  }
+
 .view-list-item-input-dowHY{
   flex-grow:1;
 }
 
 .views-list-item--static-9zGpJ{
   display:flex;
+  -moz-column-gap:var(--t-spacing-1);
+       column-gap:var(--t-spacing-1);
+}
+
+.view-list-item-static-name-nxBiG{
+  display:flex;
+  flex-grow:1;
   align-items:center;
   min-block-size:var(--t-container-size-md);
   padding-inline:var(--t-spacing-1);
@@ -4573,6 +4632,15 @@ a.tds-dropdown-item:is(:hover, :active){
   --tds-loading-spinner-visibility:visible;
   --tds-loading-spinner-animation-play-state:running;
 }
+
+.tds-combo-box-loading-label--hidden{
+  position:absolute;
+  width:1px;
+  height:1px;
+  overflow:hidden;
+  white-space:nowrap;
+  clip-path:inset(50%);
+}
 .tds-combo-box-list-section:not(:first-child){
     margin-block-start:var(--t-spacing-half);
   }
@@ -5458,137 +5526,6 @@ a.tds-dropdown-item:is(:hover, :active){
     margin-inline-end:var(--tds-number-stepper-button-offset);
   }
 
-.tds-pane{
-  --tds-pane-background-color:var(--t-surface-color-card);
-  --tds-pane-border-radius:var(--t-border-radius-lg);
-  --tds-pane-border-color:var(--t-border-color);
-
-  --tds-pane-header-padding-block:var(--t-spacing-1-half);
-  --tds-pane-header-padding-inline:var(--tds-pane-body-padding);
-
-  --tds-pane-title-color:var(--t-text-color-headline);
-  --tds-pane-title-font-size:var(--t-font-size-lg);
-  --tds-pane-title-font-weight:var(--t-font-weight-medium);
-  --tds-pane-title-line-height:1.4;
-
-  --tds-pane-body-padding:var(--t-spacing-3);
-
-  --tds-pane-footer-padding-block:var(--t-spacing-2);
-  --tds-pane-footer-padding-inline:var(--tds-pane-body-padding);
-
-  --tds-pane-divider-margin-block:var(--tds-pane-body-padding);
-  --tds-pane-divider-margin-inline:calc(-1 * var(--tds-pane-body-padding));
-
-  background:var(--tds-pane-background-color);
-  border-radius:var(--tds-pane-border-radius);
-  border:var(--t-border-width) solid var(--tds-pane-border-color);
-  display:flex;
-  flex-direction:column;
-}
-
-.tds-pane-header{
-  border-bottom:var(--t-border-width) solid var(--tds-pane-border-color);
-  padding-block:var(--tds-pane-header-padding-block);
-  padding-inline:var(--tds-pane-header-padding-inline);
-}
-
-.tds-pane-header  > tds-helper-shelf > .tds-helper-shelf-trigger{
-    margin-inline:calc(-1 * var(--t-spacing-1)) auto;
-  }
-
-.tds-pane-header  > tds-helper-shelf > .tds-helper-shelf{
-    flex-basis:100%;
-    order:1;
-  }
-
-.tds-pane-header:has( > tds-helper-shelf){
-    row-gap:var(--tds-pane-header-padding-block);
-    padding-block-end:0;
-  }
-
-.tds-pane-header  > tds-helper-shelf > .tds-helper-shelf > .tds-helper-shelf-content{
-    font-size:var(--t-font-size-md);
-    margin-block-end:var(--tds-pane-header-padding-block);
-  }
-
-.tds-pane-title{
-  color:var(--tds-pane-title-color);
-  font-size:var(--tds-pane-title-font-size);
-  font-weight:var(--tds-pane-title-font-weight);
-  line-height:var(--tds-pane-title-line-height);
-  margin:0;
-}
-
-.tds-pane-body{
-  padding:var(--tds-pane-body-padding);
-}
-
-.tds-pane-footer{
-  padding-block-end:var(--tds-pane-footer-padding-block);
-  padding-inline:var(--tds-pane-footer-padding-inline);
-}
-
-.tds-pane-divider{
-  border:0;
-  border-top:var(--t-border-width) solid var(--tds-pane-border-color);
-  margin-block:var(--tds-pane-divider-margin-block);
-  margin-inline:var(--tds-pane-divider-margin-inline);
-}
-
-.tds-pane-divider.tds-pane-divider--inset{
-    margin-inline:0;
-  }
-
-tds-helper-shelf{
-  display:contents;
-}
-
-.tds-helper-shelf{
-  --tds-helper-shelf-background-color:var(--t-fill-color-neutral-090);
-  --tds-helper-shelf-border-radius:var(--t-border-radius-md);
-  --tds-helper-shelf-color:var(--t-text-color);
-  --tds-helper-shelf-font-size:var(--t-font-size-sm);
-  --tds-helper-shelf-padding:var(--t-spacing-1);
-
-  height:0;
-  overflow:hidden;
-  transition:height var(--t-duration-300) var(--t-ease-in);
-}
-
-@media (prefers-reduced-motion: reduce){
-
-.tds-helper-shelf{
-    transition:none;
-}
-  }
-
-.tds-helper-shelf--expanded{
-  height:auto;
-  transition-timing-function:var(--t-ease-out);
-}
-
-@supports (interpolate-size: allow-keywords){
-  .tds-helper-shelf{
-    interpolate-size:allow-keywords;
-  }
-}
-
-.tds-helper-shelf-content{
-  padding:var(--tds-helper-shelf-padding);
-  font-size:var(--tds-helper-shelf-font-size);
-  color:var(--tds-helper-shelf-color);
-  background:var(--tds-helper-shelf-background-color);
-  border-radius:var(--tds-helper-shelf-border-radius);
-}
-
-.tds-helper-shelf-trigger{
-  --tds-helper-shelf-trigger-color-expanded:var(--t-text-color-interaction);
-}
-
-.tds-helper-shelf-trigger[aria-expanded="true"]{
-    --tds-btn-color:var(--tds-helper-shelf-trigger-color-expanded);
-  }
-
 @layer t-critical, t-component;
 
 :root{
@@ -7918,6 +7855,139 @@ tds-sidenav-section:not(.hydrated)  > [slot="ssr"]{
   clip-path:inset(50%);
 }
 
+.tds-pane{
+  --tds-pane-background-color:var(--t-surface-color-card);
+  --tds-pane-border-radius:var(--t-border-radius-lg);
+  --tds-pane-border-color:var(--t-border-color);
+
+  --tds-pane-header-padding-block:var(--t-spacing-1-half);
+  --tds-pane-header-padding-inline:var(--tds-pane-body-padding);
+
+  --tds-pane-title-color:var(--t-text-color-headline);
+  --tds-pane-title-font-size:var(--t-font-size-lg);
+  --tds-pane-title-font-weight:var(--t-font-weight-medium);
+  --tds-pane-title-line-height:1.4;
+
+  --tds-pane-body-padding:var(--t-spacing-3);
+
+  --tds-pane-footer-padding-block:var(--t-spacing-2);
+  --tds-pane-footer-padding-inline:var(--tds-pane-body-padding);
+
+  --tds-pane-divider-margin-block:var(--tds-pane-body-padding);
+  --tds-pane-divider-margin-inline:calc(-1 * var(--tds-pane-body-padding));
+
+  background:var(--tds-pane-background-color);
+  border-radius:var(--tds-pane-border-radius);
+  border:var(--t-border-width) solid var(--tds-pane-border-color);
+  display:flex;
+  flex-direction:column;
+}
+
+.tds-pane-header{
+  border-bottom:var(--t-border-width) solid var(--tds-pane-border-color);
+  padding-block:var(--tds-pane-header-padding-block);
+  padding-inline:var(--tds-pane-header-padding-inline);
+}
+
+.tds-pane-header  > tds-helper-shelf > .tds-helper-shelf-trigger{
+    margin-inline:calc(-1 * var(--t-spacing-1)) auto;
+  }
+
+.tds-pane-header  > tds-helper-shelf > .tds-helper-shelf{
+    flex-basis:100%;
+    order:1;
+  }
+
+.tds-pane-header:has( > tds-helper-shelf){
+    row-gap:var(--tds-pane-header-padding-block);
+    padding-block-end:0;
+  }
+
+.tds-pane-header  > tds-helper-shelf > .tds-helper-shelf > .tds-helper-shelf-content{
+    font-size:var(--t-font-size-md);
+    margin-block-end:var(--tds-pane-header-padding-block);
+  }
+
+.tds-pane-title{
+  color:var(--tds-pane-title-color);
+  font-size:var(--tds-pane-title-font-size);
+  font-weight:var(--tds-pane-title-font-weight);
+  line-height:var(--tds-pane-title-line-height);
+  margin:0;
+}
+
+.tds-pane-body{
+  padding:var(--tds-pane-body-padding);
+}
+
+.tds-pane-footer{
+  padding-block-end:var(--tds-pane-footer-padding-block);
+  padding-inline:var(--tds-pane-footer-padding-inline);
+}
+
+.tds-pane-divider{
+  border:0;
+  border-top:var(--t-border-width) solid var(--tds-pane-border-color);
+  margin-block:var(--tds-pane-divider-margin-block);
+  margin-inline:var(--tds-pane-divider-margin-inline);
+}
+
+.tds-pane-divider.tds-pane-divider--inset{
+    margin-inline:0;
+  }
+
+tds-helper-shelf{
+  display:contents;
+}
+
+.tds-helper-shelf{
+  --tds-helper-shelf-background-color:var(--t-fill-color-neutral-090);
+  --tds-helper-shelf-border-radius:var(--t-border-radius-md);
+  --tds-helper-shelf-color:var(--t-text-color);
+  --tds-helper-shelf-font-size:var(--t-font-size-sm);
+  --tds-helper-shelf-line-height:1.5;
+  --tds-helper-shelf-padding:var(--t-spacing-1);
+
+  height:0;
+  overflow:hidden;
+  transition:height var(--t-duration-300) var(--t-ease-in);
+}
+
+@media (prefers-reduced-motion: reduce){
+
+.tds-helper-shelf{
+    transition:none;
+}
+  }
+
+.tds-helper-shelf--expanded{
+  height:auto;
+  transition-timing-function:var(--t-ease-out);
+}
+
+@supports (interpolate-size: allow-keywords){
+  .tds-helper-shelf{
+    interpolate-size:allow-keywords;
+  }
+}
+
+.tds-helper-shelf-content{
+  padding:var(--tds-helper-shelf-padding);
+  font-size:var(--tds-helper-shelf-font-size);
+  line-height:var(--tds-helper-shelf-line-height);
+  color:var(--tds-helper-shelf-color);
+  background:var(--tds-helper-shelf-background-color);
+  border-radius:var(--tds-helper-shelf-border-radius);
+}
+
+.tds-helper-shelf-trigger{
+  --tds-helper-shelf-trigger-color-expanded:var(--t-text-color-interaction);
+}
+
+.tds-helper-shelf-trigger[aria-expanded="true"]{
+    --tds-btn-color:var(--tds-helper-shelf-trigger-color-expanded);
+  }
+
 .tds-input:has(textarea){
   --tds-input-padding-block:6px;
   --tds-input-resizer-size:var(--t-element-size-sm);