@planningcenter/tapestry 4.12.0 → 4.13.0

package/dist/index.css

@@ -160,14 +160,15 @@
   --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
   --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
   --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
-  --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
-  --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
-  --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
-  --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
+  --t-fill-color-product-giving-010:hsl(42, 81%, 94%);
+  --t-fill-color-product-giving-020:hsl(41, 75%, 83%);
+  --t-fill-color-product-giving-030:hsl(41, 80%, 76%);
+  --t-fill-color-product-giving-040:hsl(42, 87%, 70%);
   --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
-  --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
-  --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
-  --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
+  --t-fill-color-product-giving-060:hsl(46, 100%, 29%);
+  --t-fill-color-product-giving-070:hsl(45, 100%, 22%);
+  --t-fill-color-product-giving-080:hsl(44, 100%, 17%);
+  --t-fill-color-product-giving-090:hsl(41, 25%, 13%);
   --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
   --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
   --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
@@ -347,7 +348,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 +634,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 +858,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 +5368,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 +5407,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 +5991,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 +6193,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{