@jobber/components 6.15.0 → 6.17.0

package/dist/styles.css

@@ -1656,35 +1656,58 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .ucGelS5nNm0- {
+  --banner-surface: var(--color-surface);
+  --banner-textColor: var(--color-text);
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
-  box-shadow: var(--shadow-base);
   padding: calc(16px - 4px) 16px;
   padding: calc(var(--space-base) - var(--space-smaller)) var(--space-base);
-  border: 1px solid hsl(200, 13%, 87%);
-  border: var(--border-base) solid var(--color-border);
   border-radius: 8px;
   border-radius: var(--radius-base);
   color: hsl(198, 35%, 21%);
-  color: var(--color-text);
+  color: var(--banner-textColor);
   background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
+  background-color: var(--banner-surface);
   gap: 8px;
   gap: var(--space-small);
   -ms-flex-align: center;
       align-items: center;
 }
 
+._5VzH3Cz9ps8- {
+  --banner-surface: var(--color-informative--surface);
+  --banner-textColor: var(--color-informative--onSurface);
+}
+
+._16jyB9OYJIs- {
+  --banner-surface: var(--color-critical--surface);
+  --banner-textColor: var(--color-critical--onSurface);
+}
+
+._4h-6cc8lZo8- {
+  --banner-surface: var(--color-warning--surface);
+  --banner-textColor: var(--color-warning--onSurface);
+}
+
+.k7T2IV0R8Q0- {
+  --banner-surface: var(--color-success--surface);
+  --banner-textColor: var(--color-success--onSurface);
+}
+
+.dG2vHE6g8f0- > a,
+.dG2vHE6g8f0- > p {
+  color: inherit;
+}
+
 .dG2vHE6g8f0- > a {
-  color: hsl(198, 35%, 21%);
-  color: var(--color-text);
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
 }
 
 .dG2vHE6g8f0- > a:hover {
   color: hsl(197, 90%, 12%);
-  color: var(--color-blue);
+  color: var(--color-heading);
 }
 
 .j9IeihCCYxI- {
@@ -1745,8 +1768,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
 .W0pSTO-oRmk- {
     width: 100%;
-    margin-top: 8px;
-    margin-top: var(--space-small);
+    padding-left: 32px;
+    padding-left: var(--space-larger);
 }
   }
 
@@ -1754,8 +1777,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
 .W0pSTO-oRmk- {
     width: 100%;
-    margin-top: 8px;
-    margin-top: var(--space-small);
+    padding-left: 32px;
+    padding-left: var(--space-larger);
 }
   }
 
@@ -1764,6 +1787,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   margin: calc(var(--space-smallest) * -1) 0;
   -ms-flex-item-align: start;
       align-self: flex-start;
+  mix-blend-mode: multiply;
 }
 
 @media (max-width: 489px) {
@@ -1782,6 +1806,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
   }
 
+[data-theme="dark"] .-IYYDBmq2Q0- {
+  mix-blend-mode: screen;
+}
+
 .BQhacg0OlMs- {
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -7230,10 +7258,21 @@ html.atlantisLightBoxActive {
     }
 }
   }
+.i9Tw1T65W-k- {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  opacity: 0.6;
+  -webkit-filter: saturate(67%);
+          filter: saturate(67%);
+}
 .Q8amcRaTGf0-,
 .W9FVb24yJrk- {
-  display: -ms-flexbox;
-  display: flex;
   position: absolute;
   top: 50%;
   z-index: 1;
@@ -7242,75 +7281,157 @@ html.atlantisLightBoxActive {
           transform: translateY(-50%);
 }
 .Q8amcRaTGf0- {
-  right: 16px;
-  right: var(--space-base);
+  right: 24px;
+  right: var(--space-large);
+}
+@media (min-width: 768px) {
+.Q8amcRaTGf0- {
+    right: 32px;
+    right: var(--space-larger);
+}
+  }
+@media (--medium-screens-and-up) {
+.Q8amcRaTGf0- {
+    right: 32px;
+    right: var(--space-larger);
 }
+  }
 .W9FVb24yJrk- {
-  left: 16px;
-  left: var(--space-base);
+  left: 24px;
+  left: var(--space-large);
+}
+@media (min-width: 768px) {
+.W9FVb24yJrk- {
+    left: 32px;
+    left: var(--space-larger);
+}
+  }
+@media (--medium-screens-and-up) {
+.W9FVb24yJrk- {
+    left: 32px;
+    left: var(--space-larger);
+}
+  }
+.nsN0TPWsBXI- {
+  opacity: 0;
+  transition: opacity 200ms ease-in;
+  transition: opacity var(--timing-base) ease-in;
+}
+.nsN0TPWsBXI-:hover,
+  .nsN0TPWsBXI-:focus-within {
+    opacity: 1;
+  }
+.dkLYp7AD2jE- {
+  opacity: 1;
+  transition: opacity 200ms ease-in;
+  transition: opacity var(--timing-base) ease-in;
 }
 ._5p2iAj4JfoE- {
   display: -ms-flexbox;
   display: flex;
   position: fixed;
   top: 0;
+  right: 0;
+  bottom: 0;
   left: 0;
   z-index: 1001;
   z-index: var(--elevation-modal);
-  width: 100%;
-  height: 100%;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  max-width: 100%;
+  max-height: 100%;
+  padding: 16px;
+  padding: var(--space-base);
+  background-color: hsl(0, 0%, 72%);
+  background-color: var(--color-base-grey--400);
+  -ms-flex-pack: center;
+      justify-content: center;
   -ms-flex-direction: column;
       flex-direction: column;
 }
+@media (min-width: 768px) {
+._5p2iAj4JfoE- {
+    padding: 16px 32px;
+    padding: var(--space-base) var(--space-larger);
+}
+  }
+@media (--medium-screens-and-up) {
+._5p2iAj4JfoE- {
+    padding: 16px 32px;
+    padding: var(--space-base) var(--space-larger);
+}
+  }
 .rMK4cKdOxFw- {
-  display: -ms-flexbox;
-  display: flex;
+  display: grid;
   z-index: 1;
   z-index: var(--elevation-base);
-  padding: 8px 16px;
-  padding: var(--space-small) var(--space-base);
-  color: hsl(197, 15%, 45%);
-  color: var(--color-text--secondary);
+  margin-bottom: 48px;
+  margin-bottom: var(--space-largest);
   font-size: 16px;
   font-size: var(--typography--fontSize-large);
-  background-color: hsl(53, 21%, 93%);
-  background-color: var(--color-surface--background);
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-}
-.tZU2g-NYdIs- {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
   -ms-flex-align: center;
       align-items: center;
+  grid-template-columns: 1fr 1fr 1fr;
+}
+._0m6vb11DgiA- {
+  grid-column: 3;
+  justify-self: end;
+}
+.kCc68gGuTgg- {
+  grid-column: 2;
+  justify-self: center;
 }
-.ACX-rWRvYCs- {
+.yYFVVScosfQ- {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.UskuwLHR6fg- {
+  position: relative;
+  height: 100%;
+  max-width: 100%;
+  margin-bottom: 24px;
+  margin-bottom: var(--space-large);
+}
+@media (min-width: 768px) {
+.UskuwLHR6fg- {
+    margin: 0 calc(48px + 16px) 24px;
+    margin: 0 calc(var(--space-largest) + var(--space-base)) var(--space-large);
+}
+  }
+@media (--medium-screens-and-up) {
+.UskuwLHR6fg- {
+    margin: 0 calc(48px + 16px) 24px;
+    margin: 0 calc(var(--space-largest) + var(--space-base)) var(--space-large);
+}
+  }
+.OGjhge-r-U4- {
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  position: relative;
-  -ms-flex: 1 1 0px;
-      flex: 1 1 0;
-  min-height: 0;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  max-width: 600px;
+  max-height: 90px;
+  margin: 0 auto 32px;
+  margin: 0 auto var(--space-larger);
+  overflow-y: auto;
+  text-align: center;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  gap: 8px;
+  gap: var(--space-small);
 }
-._3tKP7luZoEQ- {
+.GKIdLTmvcvQ- {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  background-color: rgba(0, 0, 0, 0.32);
-  background-color: var(--color-overlay);
-}
-.yYFVVScosfQ- {
-  position: absolute;
-  top: 50%;
-  max-width: 100%;
-  max-height: 100%;
-  margin: auto;
+  -webkit-backdrop-filter: blur(30px);
+          backdrop-filter: blur(30px);
+  background-color: rgba(3, 43, 58, 0.25);
 }
 
 ._0X4jj5NERa4- {

package/dist/throttle-es.js

@@ -1,5 +1,5 @@
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
-import { d as debounce_1 } from './debounce-es.js';
+import { a as debounce_1 } from './debounce-es.js';
 import { i as isObject_1 } from './isObjectLike-es.js';
 
 var debounce = debounce_1,