@planningcenter/tapestry 4.12.0 → 4.13.0-rc.0

package/dist/index.css

@@ -347,7 +347,7 @@
   --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 100%, 0);
   --t-fill-color-button-pill:hsl(0, 0%, 93%);
   --t-fill-color-button-pill-hover:hsl(0, 0%, 88%);
-  --t-fill-color-button-pill-active:hsl(0, 0%, 88%);
+  --t-fill-color-button-pill-active:hsl(0, 0%, 81%);
   --t-fill-color-button-pill-disabled:hsl(0, 0%, 93%);
   --t-fill-color-transparency-light-010:hsla(0, 0%, 100%, 0.1);
   --t-fill-color-transparency-light-020:hsla(0, 0%, 100%, 0.2);
@@ -633,7 +633,7 @@
   --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
   --t-fill-color-button-pill:hsl(0, 0%, 18%);
   --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
-  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
+  --t-fill-color-button-pill-active:hsl(0, 0%, 32%);
   --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
   --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
   --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
@@ -857,7 +857,7 @@
   --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
   --t-fill-color-button-pill:hsl(0, 0%, 18%);
   --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
-  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
+  --t-fill-color-button-pill-active:hsl(0, 0%, 32%);
   --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
   --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
   --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
@@ -5367,7 +5367,7 @@ tds-helper-shelf{
 }
 
 .tds-helper-shelf{
-  --tds-helper-shelf-background-color:var(--t-fill-color-neutral-090);
+  --tds-helper-shelf-background-color:var(--t-fill-color-neutral-080);
   --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);
@@ -5406,6 +5406,14 @@ tds-helper-shelf{
   border-radius:var(--tds-helper-shelf-border-radius);
 }
 
+.tds-helper-shelf-content > :first-child{
+    margin-block-start:0;
+  }
+
+.tds-helper-shelf-content > :last-child{
+    margin-block-end:0;
+  }
+
 .tds-helper-shelf-trigger{
   --tds-helper-shelf-trigger-color-expanded:var(--t-text-color-interaction);
 }
@@ -5982,7 +5990,7 @@ tds-helper-shelf{
   --tds-select-dropdown-scrollbar-width:thin;
   --tds-select-dropdown-border-radius:var(--t-border-radius);
   --tds-select-dropdown-box-shadow:hsl(0, 0%, 0%, .05) 0 10px 15px -3px, hsl(0, 0%, 0%, .05) 0 4px 6px -4px;
-  --tds-select-dropdown-transition:opacity var(--t-duration-300) var(--t-ease-out), translate var(--t-duration-300) var(--t-ease-out), display var(--t-duration-300) allow-discrete, overlay var(--t-duration-300) allow-discrete;
+  --tds-select-dropdown-transition:opacity var(--t-duration-300) var(--t-ease-out), translate var(--t-duration-300) var(--t-ease-out);
   --tds-select-dropdown-closed-opacity:0;
   --tds-select-dropdown-open-opacity:1;
   --tds-select-dropdown-closed-translate:0 -8px;
@@ -6184,6 +6192,13 @@ tds-helper-shelf{
     --tds-select-font-size:var(--t-font-size-lg);
   }
 
+@supports (overlay: auto){
+
+.tds-select{
+    --tds-select-dropdown-transition:opacity var(--t-duration-300) var(--t-ease-out), translate var(--t-duration-300) var(--t-ease-out), display var(--t-duration-300) allow-discrete, overlay var(--t-duration-300) allow-discrete;
+}
+  }
+
 @media (prefers-reduced-motion: reduce){
 
 .tds-select{