@jobber/components 6.85.2 → 6.86.0

package/dist/styles.css

@@ -2,56 +2,54 @@
   display: contents;
 }
 
-._7mObJiwfPh4- {
-  position: relative;
-  width: 100%;
-}
-
-.dL5JShAJlKM- {
-  visibility: hidden;
-  z-index: calc(6 + 1001);
-  z-index: calc(var(--elevation-menu) + var(--elevation-modal));
-  width: 0;
-  height: 0;
+._37kZB-nYE08- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  z-index: 1001;
+  z-index: var(--elevation-modal);
+  max-height: 320px;
   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);
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  border: 1px solid var(--color-color-border);
-  border: var(--border-base) solid var(--color-color-border);
+  border: 1px solid hsl(200, 13%, 87%);
+  border: var(--border-base) solid var(--color-border);
   border-radius: 8px;
   border-radius: var(--radius-base);
-  overflow: auto;
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
+  overflow: hidden;
+  background: rgba(255, 255, 255, 1);
+  background: var(--color-surface);
   scroll-behavior: smooth;
-  opacity: 0;
 }
 
-.dL5JShAJlKM- .PWZL-94hH7k- {
-  padding: 8px 0 4px 8px;
-  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
-  border-bottom: 1px solid hsl(200, 13%, 87%);
-  border-bottom: var(--border-base) solid var(--color-border);
+.ULib3TUQja0- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 8px;
+  gap: var(--space-small);
+  padding: 8px 16px;
+  padding: var(--space-small) var(--space-base);
 }
 
-.dL5JShAJlKM-._2RzcnTdaPyc- {
-  visibility: visible;
+.h5-1Pp0eRyo- {
   width: 100%;
-  height: auto;
-  opacity: 1;
-}
-
-.dL5JShAJlKM-._2RzcnTdaPyc-:empty {
-  visibility: hidden;
-  opacity: 0;
+  box-sizing: border-box;
+  padding: 8px;
+  padding: var(--space-small);
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
 }
 
-.y9zhi8Wr8QA- {
+.iBkyj85vd-E- {
   display: -ms-flexbox;
   display: flex;
-  width: 100%;
+  text-align: left;
   -ms-flex-direction: row;
       flex-direction: row;
   -ms-flex-wrap: nowrap;
@@ -62,68 +60,74 @@
       align-content: stretch;
   -ms-flex-align: center;
       align-items: center;
+}
+
+.h5-1Pp0eRyo- .I6wAbSJJHNQ- {
+  -ms-flex: 0 1 auto;
+      flex: 0 1 auto;
+  -ms-flex-item-align: auto;
+      align-self: auto;
+  width: 24px;
+  width: var(--space-large);
+}
+
+._4yhnonWAWRY-,
+.oGLMF6n8C74- {
+  background: hsl(53, 21%, 93%);
+  background: var(--color-surface--hover);
+}
+
+.LBrwH6TEUYA- {
+  box-sizing: border-box;
   padding: 8px;
   padding: var(--space-small);
-  border: none;
-  text-align: left;
-  list-style: none;
-  background-color: transparent;
   cursor: pointer;
 }
 
-.y9zhi8Wr8QA-:hover,
-.y9zhi8Wr8QA-:focus,
-.y9zhi8Wr8QA-._3Xg49dtL1Q8- {
-  background-color: hsl(53, 21%, 93%);
-  background-color: var(--color-surface--hover);
-  outline-color: hsl(198, 12%, 57%);
-  outline-color: var(--color-focus);
+.h5-1Pp0eRyo-:hover,
+.LBrwH6TEUYA-:hover {
+  background: hsl(53, 21%, 93%);
+  background: var(--color-surface--hover);
 }
 
-.y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
+.DDOv4DR8bJQ- {
+  padding: 8px 0 4px 8px;
+  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
   border-bottom: 1px solid hsl(200, 13%, 87%);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
-.dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
-  background-color: transparent;
-  outline-color: transparent;
+.Twgjn26oldE- {
+  padding: 8px 16px;
+  padding: var(--space-small) var(--space-base);
 }
 
-.dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
-  padding-top: 16px;
-  padding-top: var(--space-base);
+.mc1-CEwZtHE- {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  background: rgba(255, 255, 255, 1);
+  background: var(--color-surface);
 }
 
-.y9zhi8Wr8QA- .K2phy6IC3TY- {
-  -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-  -ms-flex-item-align: auto;
-      align-self: auto;
-  width: 24px;
-  width: var(--space-large);
+.kOR88SFNOn0- {
+  overflow: auto;
 }
 
-.y9zhi8Wr8QA- .a6-LbUm5WnY- {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex: 1 100%;
-      flex: 1 100%;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+._0O-kEf3h9ZI- {
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
 }
 
-.y9zhi8Wr8QA- .tQNbuxcE9nU- {
-  -ms-flex: 2;
-      flex: 2;
+.rQ9ZS7Rb7Z4- {
+  border-top: 1px solid hsl(200, 13%, 87%);
+  border-top: var(--border-base) solid var(--color-border);
 }
 
-.y9zhi8Wr8QA- .qacStG9-XbE- {
-  -ms-flex: 1;
-      flex: 1;
-  -ms-flex-item-align: end;
-      align-self: flex-end;
-  text-align: right;
+.vxk57ZhP8GU- {
+  padding: 8px 0 4px 8px;
+  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
 }
 
 .j4h-0Mxa5gk- {
@@ -1578,20 +1582,373 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   }
 }
 
-.bMfynkzmlL4- {
-  width: 16px;
-  width: var(--space-base);
-  height: 16px;
-  height: var(--space-base);
-  border-width: 4px;
-  border-width: var(--space-smaller);
+.bMfynkzmlL4- {
+  width: 16px;
+  width: var(--space-base);
+  height: 16px;
+  height: var(--space-base);
+  border-width: 4px;
+  border-width: var(--space-smaller);
+}
+
+.NA68eWblbLo- {
+  display: inline-block;
+  margin-top: calc(4px * -1);
+  margin-top: calc(var(--space-smaller) * -1);
+  vertical-align: middle;
+}
+
+.-lyJkOGbceo- {
+  --glimmer-background: var(--color-surface--reverse);
+  --glimmer-background-opacity: 7.5%;
+  --glimmer-shine-opacity: 75%;
+  --glimmer-shine: rgba(var(--color-white--rgb), var(--glimmer-shine-opacity));
+  --duration-base: calc(var(--timing-slowest) * 4); /* 2s */
+  --duration-fast: calc(var(--duration-base) / 2); /* 1s */
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  overflow: hidden;
+}
+
+.-lyJkOGbceo-::before,
+.-lyJkOGbceo-::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.-lyJkOGbceo-::before {
+  background-color: var(--glimmer-background);
+  opacity: var(--glimmer-background-opacity);
+}
+
+.-lyJkOGbceo-::after {
+  background-image: linear-gradient(
+    90deg,
+    transparent 0px,
+    var(--glimmer-shine) 32px,
+    transparent 64px
+  );
+  background-image: linear-gradient(
+    90deg,
+    transparent 0px,
+    var(--glimmer-shine) var(--space-larger),
+    transparent var(--space-extravagant)
+  );
+  background-repeat: no-repeat;
+  background-size: 64px 100%;
+  background-size: var(--space-extravagant) 100%;
+  -webkit-animation: -lyJkOGbceo- 2s infinite linear;
+          animation: -lyJkOGbceo- 2s infinite linear;
+}
+
+[data-theme="dark"] .-lyJkOGbceo-,
+.NH-8hViLjFA- {
+  --glimmer-shine-opacity: 20%;
+}
+
+.NH-8hViLjFA- {
+  --glimmer-background: var(--color-surface);
+}
+
+[data-theme="dark"] .NH-8hViLjFA- {
+  --glimmer-shine-opacity: 75%;
+  --glimmer-background-opacity: 7.5%;
+}
+
+@-webkit-keyframes -lyJkOGbceo- {
+  0%,
+  20% {
+    background-position-x: calc(64px * -1);
+    background-position-x: calc(var(--space-extravagant) * -1);
+  }
+
+  100% {
+    background-position-x: calc(100% + 64px);
+    background-position-x: calc(100% + var(--space-extravagant));
+  }
+}
+
+@keyframes -lyJkOGbceo- {
+  0%,
+  20% {
+    background-position-x: calc(64px * -1);
+    background-position-x: calc(var(--space-extravagant) * -1);
+  }
+
+  100% {
+    background-position-x: calc(100% + 64px);
+    background-position-x: calc(100% + var(--space-extravagant));
+  }
+}
+
+._6-ozsHDHcVI- {
+  width: 30%;
+  max-width: 180px;
+  min-width: 120px;
+}
+
+._7AvaYGpXkLU- {
+  display: inline-block;
+  width: 100px;
+  height: 36px;
+}
+
+.sm9yBV3e4Qg- {
+  display: block;
+  width: 100%;
+  min-width: 100px;
+}
+
+.bjemHBSLuQ0- {
+  height: 8px;
+  height: var(--space-small);
+}
+
+.MXFqgzJq5jw- {
+  height: 16px;
+  height: var(--space-base);
+}
+
+.B2DzIy8pibk- {
+  height: 24px;
+  height: var(--space-large);
+}
+
+.-ll1bKXJm9s- {
+  height: 32px;
+  height: var(--space-larger);
+}
+
+.jieKjQ6-Scs- {
+  height: 48px;
+  height: var(--space-largest);
+}
+
+._8qp0RoxJfHE- {
+  height: 100%;
+  min-width: 16px;
+  min-width: var(--space-base);
+  min-height: 16px;
+  min-height: var(--space-base);
+}
+
+.vAVS-6e-jJo- {
+  width: 100%;
+}
+
+.tZgae6SZ8WA- {
+  width: 85%;
+}
+
+.ec-sGgENoOw- {
+  width: 70%;
+}
+
+.ONvR3LocsA4-,
+.j-gTsb6UsQs- {
+  width: auto;
+  aspect-ratio: 1;
+}
+
+.j-gTsb6UsQs- {
+  border-radius: 100%;
+  border-radius: var(--radius-circle);
+}
+
+._6dlpcG-oxT4- {
+  -webkit-animation-duration: var(--duration-base);
+          animation-duration: var(--duration-base);
+}
+
+.NlRB1Xq-sFE- {
+  -webkit-animation-duration: calc(var(--duration-fast));
+          animation-duration: calc(var(--duration-fast));
+}
+
+.B1cBkstNQhM- > :not(:last-child) {
+  margin-bottom: 1px;
+  margin-bottom: var(--space-minuscule);
+}
+
+.rjAxJwaso0s- > :not(:last-child) {
+  margin-bottom: 2px;
+  margin-bottom: var(--space-smallest);
+}
+
+.Chezd5Sqtmk- > :not(:last-child) {
+  margin-bottom: 4px;
+  margin-bottom: var(--space-smaller);
+}
+
+.hzVGRy-KUeY- > :not(:last-child) {
+  margin-bottom: 8px;
+  margin-bottom: var(--space-small);
+}
+
+.B67dzZpuwr4- > :not(:last-child) {
+  margin-bottom: 12px;
+  margin-bottom: var(--space-slim);
+}
+
+.XFi-EWH3Rc0- > :not(:last-child) {
+  margin-bottom: 16px;
+  margin-bottom: var(--space-base);
+}
+
+.JTt98vS-CLk- > :not(:last-child) {
+  margin-bottom: 24px;
+  margin-bottom: var(--space-large);
+}
+
+.-h5Dm7qvnss- > :not(:last-child) {
+  margin-bottom: 32px;
+  margin-bottom: var(--space-larger);
+}
+
+.K7DP0lB9veI- > :not(:last-child) {
+  margin-bottom: 48px;
+  margin-bottom: var(--space-largest);
+}
+
+.d8bHHzbOHk4- > :not(:last-child) {
+  margin-bottom: 64px;
+  margin-bottom: var(--space-extravagant);
+}
+
+.cftWh-00zXM- {
+  padding: 0;
+  padding: var(--public-content--padding, 0);
+}
+
+._7mObJiwfPh4- {
+  position: relative;
+  width: 100%;
+}
+
+.dL5JShAJlKM- {
+  visibility: hidden;
+  z-index: calc(6 + 1001);
+  z-index: calc(var(--elevation-menu) + var(--elevation-modal));
+  width: 0;
+  height: 0;
+  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);
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  border: 1px solid var(--color-color-border);
+  border: var(--border-base) solid var(--color-color-border);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  overflow: auto;
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
+  scroll-behavior: smooth;
+  opacity: 0;
+}
+
+.dL5JShAJlKM- .PWZL-94hH7k- {
+  padding: 8px 0 4px 8px;
+  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
+}
+
+.dL5JShAJlKM-._2RzcnTdaPyc- {
+  visibility: visible;
+  width: 100%;
+  height: auto;
+  opacity: 1;
+}
+
+.dL5JShAJlKM-._2RzcnTdaPyc-:empty {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.y9zhi8Wr8QA- {
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -ms-flex-pack: start;
+      justify-content: flex-start;
+  -ms-flex-line-pack: stretch;
+      align-content: stretch;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 8px;
+  padding: var(--space-small);
+  border: none;
+  text-align: left;
+  list-style: none;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+.y9zhi8Wr8QA-:hover,
+.y9zhi8Wr8QA-:focus,
+.y9zhi8Wr8QA-._3Xg49dtL1Q8- {
+  background-color: hsl(53, 21%, 93%);
+  background-color: var(--color-surface--hover);
+  outline-color: hsl(198, 12%, 57%);
+  outline-color: var(--color-focus);
+}
+
+.y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
+}
+
+.dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
+  background-color: transparent;
+  outline-color: transparent;
+}
+
+.dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
+  padding-top: 16px;
+  padding-top: var(--space-base);
+}
+
+.y9zhi8Wr8QA- .K2phy6IC3TY- {
+  -ms-flex: 0 1 auto;
+      flex: 0 1 auto;
+  -ms-flex-item-align: auto;
+      align-self: auto;
+  width: 24px;
+  width: var(--space-large);
+}
+
+.y9zhi8Wr8QA- .a6-LbUm5WnY- {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex: 1 100%;
+      flex: 1 100%;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+
+.y9zhi8Wr8QA- .tQNbuxcE9nU- {
+  -ms-flex: 2;
+      flex: 2;
 }
 
-.NA68eWblbLo- {
-  display: inline-block;
-  margin-top: calc(4px * -1);
-  margin-top: calc(var(--space-smaller) * -1);
-  vertical-align: middle;
+.y9zhi8Wr8QA- .qacStG9-XbE- {
+  -ms-flex: 1;
+      flex: 1;
+  -ms-flex-item-align: end;
+      align-self: flex-end;
+  text-align: right;
 }
 
 :root {
@@ -3754,235 +4111,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   box-shadow: var(--shadow-focus);
 }
 
-.-lyJkOGbceo- {
-  --glimmer-background: var(--color-surface--reverse);
-  --glimmer-background-opacity: 7.5%;
-  --glimmer-shine-opacity: 75%;
-  --glimmer-shine: rgba(var(--color-white--rgb), var(--glimmer-shine-opacity));
-  --duration-base: calc(var(--timing-slowest) * 4); /* 2s */
-  --duration-fast: calc(var(--duration-base) / 2); /* 1s */
-  position: relative;
-  width: 100%;
-  height: 100%;
-  border-radius: 8px;
-  border-radius: var(--radius-base);
-  overflow: hidden;
-}
-
-.-lyJkOGbceo-::before,
-.-lyJkOGbceo-::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.-lyJkOGbceo-::before {
-  background-color: var(--glimmer-background);
-  opacity: var(--glimmer-background-opacity);
-}
-
-.-lyJkOGbceo-::after {
-  background-image: linear-gradient(
-    90deg,
-    transparent 0px,
-    var(--glimmer-shine) 32px,
-    transparent 64px
-  );
-  background-image: linear-gradient(
-    90deg,
-    transparent 0px,
-    var(--glimmer-shine) var(--space-larger),
-    transparent var(--space-extravagant)
-  );
-  background-repeat: no-repeat;
-  background-size: 64px 100%;
-  background-size: var(--space-extravagant) 100%;
-  -webkit-animation: -lyJkOGbceo- 2s infinite linear;
-          animation: -lyJkOGbceo- 2s infinite linear;
-}
-
-[data-theme="dark"] .-lyJkOGbceo-,
-.NH-8hViLjFA- {
-  --glimmer-shine-opacity: 20%;
-}
-
-.NH-8hViLjFA- {
-  --glimmer-background: var(--color-surface);
-}
-
-[data-theme="dark"] .NH-8hViLjFA- {
-  --glimmer-shine-opacity: 75%;
-  --glimmer-background-opacity: 7.5%;
-}
-
-@-webkit-keyframes -lyJkOGbceo- {
-  0%,
-  20% {
-    background-position-x: calc(64px * -1);
-    background-position-x: calc(var(--space-extravagant) * -1);
-  }
-
-  100% {
-    background-position-x: calc(100% + 64px);
-    background-position-x: calc(100% + var(--space-extravagant));
-  }
-}
-
-@keyframes -lyJkOGbceo- {
-  0%,
-  20% {
-    background-position-x: calc(64px * -1);
-    background-position-x: calc(var(--space-extravagant) * -1);
-  }
-
-  100% {
-    background-position-x: calc(100% + 64px);
-    background-position-x: calc(100% + var(--space-extravagant));
-  }
-}
-
-._6-ozsHDHcVI- {
-  width: 30%;
-  max-width: 180px;
-  min-width: 120px;
-}
-
-._7AvaYGpXkLU- {
-  display: inline-block;
-  width: 100px;
-  height: 36px;
-}
-
-.sm9yBV3e4Qg- {
-  display: block;
-  width: 100%;
-  min-width: 100px;
-}
-
-.bjemHBSLuQ0- {
-  height: 8px;
-  height: var(--space-small);
-}
-
-.MXFqgzJq5jw- {
-  height: 16px;
-  height: var(--space-base);
-}
-
-.B2DzIy8pibk- {
-  height: 24px;
-  height: var(--space-large);
-}
-
-.-ll1bKXJm9s- {
-  height: 32px;
-  height: var(--space-larger);
-}
-
-.jieKjQ6-Scs- {
-  height: 48px;
-  height: var(--space-largest);
-}
-
-._8qp0RoxJfHE- {
-  height: 100%;
-  min-width: 16px;
-  min-width: var(--space-base);
-  min-height: 16px;
-  min-height: var(--space-base);
-}
-
-.vAVS-6e-jJo- {
-  width: 100%;
-}
-
-.tZgae6SZ8WA- {
-  width: 85%;
-}
-
-.ec-sGgENoOw- {
-  width: 70%;
-}
-
-.ONvR3LocsA4-,
-.j-gTsb6UsQs- {
-  width: auto;
-  aspect-ratio: 1;
-}
-
-.j-gTsb6UsQs- {
-  border-radius: 100%;
-  border-radius: var(--radius-circle);
-}
-
-._6dlpcG-oxT4- {
-  -webkit-animation-duration: var(--duration-base);
-          animation-duration: var(--duration-base);
-}
-
-.NlRB1Xq-sFE- {
-  -webkit-animation-duration: calc(var(--duration-fast));
-          animation-duration: calc(var(--duration-fast));
-}
-
-.B1cBkstNQhM- > :not(:last-child) {
-  margin-bottom: 1px;
-  margin-bottom: var(--space-minuscule);
-}
-
-.rjAxJwaso0s- > :not(:last-child) {
-  margin-bottom: 2px;
-  margin-bottom: var(--space-smallest);
-}
-
-.Chezd5Sqtmk- > :not(:last-child) {
-  margin-bottom: 4px;
-  margin-bottom: var(--space-smaller);
-}
-
-.hzVGRy-KUeY- > :not(:last-child) {
-  margin-bottom: 8px;
-  margin-bottom: var(--space-small);
-}
-
-.B67dzZpuwr4- > :not(:last-child) {
-  margin-bottom: 12px;
-  margin-bottom: var(--space-slim);
-}
-
-.XFi-EWH3Rc0- > :not(:last-child) {
-  margin-bottom: 16px;
-  margin-bottom: var(--space-base);
-}
-
-.JTt98vS-CLk- > :not(:last-child) {
-  margin-bottom: 24px;
-  margin-bottom: var(--space-large);
-}
-
-.-h5Dm7qvnss- > :not(:last-child) {
-  margin-bottom: 32px;
-  margin-bottom: var(--space-larger);
-}
-
-.K7DP0lB9veI- > :not(:last-child) {
-  margin-bottom: 48px;
-  margin-bottom: var(--space-largest);
-}
-
-.d8bHHzbOHk4- > :not(:last-child) {
-  margin-bottom: 64px;
-  margin-bottom: var(--space-extravagant);
-}
-
-.cftWh-00zXM- {
-  padding: 0;
-  padding: var(--public-content--padding, 0);
-}
-
 .wFxd-3vJyKo- {
   position: relative;
   padding: 8px 0;