@jobber/components 6.37.0 → 6.38.1

package/dist/styles.css

@@ -2667,6 +2667,184 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   white-space: nowrap;
 }
 
+.kub1yKbFFN0- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 16px;
+  gap: var(--public-cluster-space, var(--space-base, 16px));
+  -ms-flex-pack: flex-start;
+  -ms-flex-pack: var(--public-cluster-justify, flex-start);
+      justify-content: flex-start;
+      justify-content: var(--public-cluster-justify, flex-start);
+  -ms-flex-align: center;
+  -ms-flex-align: var(--public-cluster-align, center);
+      align-items: center;
+      align-items: var(--public-cluster-align, center);
+  width: var(--public-cluster-width);
+}
+
+/** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
+
+.kub1yKbFFN0- .kub1yKbFFN0- {
+  width: auto;
+}
+
+/** For collapse below. If any of the sizes are active, we're in column mode. */
+
+._5IaWqMXiMqQ-,
+.vCly-qsW6uQ-,
+.lmABTs-G-FA-,
+.NHrDIukxI-o- {
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+._5IaWqMXiMqQ- > *,
+.vCly-qsW6uQ- > *,
+.lmABTs-G-FA- > *,
+.NHrDIukxI-o- > * {
+  width: 100%;
+}
+
+@media (min-width: 490px) {
+  ._5IaWqMXiMqQ- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._5IaWqMXiMqQ- > * {
+    width: auto;
+  }
+}
+
+@media (--small-screens-and-up) {
+  ._5IaWqMXiMqQ- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._5IaWqMXiMqQ- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 768px) {
+  .vCly-qsW6uQ- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .vCly-qsW6uQ- > * {
+    width: auto;
+  }
+}
+
+@media (--medium-screens-and-up) {
+  .vCly-qsW6uQ- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .vCly-qsW6uQ- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 1080px) {
+  .lmABTs-G-FA- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .lmABTs-G-FA- > * {
+    width: auto;
+  }
+}
+
+@media (--large-screens-and-up) {
+  .lmABTs-G-FA- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .lmABTs-G-FA- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 1440px) {
+  .NHrDIukxI-o- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .NHrDIukxI-o- > * {
+    width: auto;
+  }
+}
+
+@media (--extra-large-screens-and-up) {
+  .NHrDIukxI-o- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .NHrDIukxI-o- > * {
+    width: auto;
+  }
+}
+
+.kub1yKbFFN0-.hkpPPbA3sRk- {
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+.kub1yKbFFN0-.hkpPPbA3sRk- > * {
+  width: 100%;
+}
+
+.Aj6o8FcaKHc- {
+  container-name: var(--public-container-name);
+  container-type: inline-size;
+  width: var(--public-container-width);
+}
+
+.eIsVvlXoWhs- {
+  container-type: inline-size;
+  width: var(--public-container-apply-width);
+}
+
+.sGSmxHTsTfA- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  min-height: var(--public-cover-min-height);
+  padding: var(--public-cover-space);
+}
+
+.sGSmxHTsTfA- > * {
+  margin-top: var(--public-cover-space);
+  margin-bottom: var(--public-cover-space);
+}
+
+.sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
+  -webkit-margin-before: 0;
+          margin-top: 0;
+}
+
+.sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
+  -webkit-margin-after: 0;
+          margin-bottom: 0;
+}
+
+.sGSmxHTsTfA- > ._6S-jbOw7NEA- {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
 .YxKKPXAU10s- {
   --checkbox--size: 20px;
   --checkbox--border--checked: var(--color-interactive);
@@ -3540,29 +3718,40 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .-lyJkOGbceo- {
-  --glimmer-background: rgba(var(--color-black--rgb) 5%);
+  --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));
-  --glimmer-shine-opacity: 80%;
   --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);
-  background-color: rgba(0 0 0 5%);
-  background-color: rgba(0, 0, 0 5%);
+  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,
-    rgba(255, 255, 255, 0.8) 32px,
-    transparent 64px
-  );
-  background-image: linear-gradient(
-    90deg,
-    transparent 0px,
-    rgba(255, 255, 255, 80%) 32px,
+    var(--glimmer-shine) 32px,
     transparent 64px
   );
   background-image: linear-gradient(
@@ -3576,21 +3765,20 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   background-size: var(--space-extravagant) 100%;
   -webkit-animation: -lyJkOGbceo- 2s infinite linear;
           animation: -lyJkOGbceo- 2s infinite linear;
-}@supports (color: rgb(0 0 0 / 0.5)) and (color: hsl(0 0% 0% / 0.5)) {.-lyJkOGbceo- {
-  --glimmer-background: rgba(var(--color-black--rgb), 5%);
-}
 }
 
+[data-theme="dark"] .-lyJkOGbceo-,
 .NH-8hViLjFA- {
-  --glimmer-background: rgba(var(--color-white--rgb) 10%);
-  --glimmer-shine-opacity: 25%;
+  --glimmer-shine-opacity: 20%;
 }
 
-@supports (color: rgb(0 0 0 / 0.5)) and (color: hsl(0 0% 0% / 0.5)) {
-
 .NH-8hViLjFA- {
-  --glimmer-background: rgba(var(--color-white--rgb), 10%);
+  --glimmer-background: var(--color-surface);
 }
+
+[data-theme="dark"] .NH-8hViLjFA- {
+  --glimmer-shine-opacity: 75%;
+  --glimmer-background-opacity: 7.5%;
 }
 
 @-webkit-keyframes -lyJkOGbceo- {
@@ -4207,6 +4395,55 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   max-width: 940px;
 }
 
+.rJamQZ6fRes- {
+  --content-block-max-width: 100ch;
+  --content-block-gutters: 0;
+  width: 100%;
+  box-sizing: content-box;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100ch;
+  max-width: var(--content-block-max-width);
+}
+
+.bqjXV8MRO-4- {
+  -webkit-margin-start: 0;
+          margin-left: 0;
+  -webkit-margin-end: auto;
+          margin-right: auto;
+}
+
+.sCMxIxKkFe0- {
+  -webkit-margin-end: 0;
+          margin-right: 0;
+  -webkit-margin-start: auto;
+          margin-left: auto;
+}
+
+._2pIQVKvVL1I- {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+._6dF2no3aTxw- {
+  text-align: center;
+}
+
+.bqjXV8MRO-4-._6dF2no3aTxw- {
+  text-align: left;
+}
+
+.sCMxIxKkFe0-._6dF2no3aTxw- {
+  text-align: right;
+}
+
+._8k8YLsatGag- {
+  -webkit-padding-start: var(--content-block-gutters);
+          padding-left: var(--content-block-gutters);
+  -webkit-padding-end: var(--content-block-gutters);
+          padding-right: var(--content-block-gutters);
+}
+
 .v3oESmhykhE-,
 .v3oESmhykhE- * {
   box-sizing: border-box;
@@ -7243,6 +7480,25 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
   --progress-bar--height: 16px;
 }
 
+.S15iRxwj9UU- {
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  aspect-ratio: var(--public-frame-numerator) / var(--public-frame-denominator);
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.S15iRxwj9UU- img,
+.S15iRxwj9UU- video {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
 ._6UhvrmKZdns-,
 .f0hnJ8v-iHE- {
   display: -ms-flexbox;
@@ -8680,6 +8936,75 @@ html.atlantisLightBoxActive {
   width: 100%;
 }
 
+.BQqkfvwFjbQ- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: var(--public-responsive-switcher-space);
+}
+
+.BQqkfvwFjbQ- > * {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  -ms-flex-preferred-size: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
+      flex-basis: calc((var(--public-responsive-switcher-threshold) - 100%) * 999);
+}
+
+.BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2),
+.BQqkfvwFjbQ-.zpPbVPrtiLc- > :nth-last-child(n + 2) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
+.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
+.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
+.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
+.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
+.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
+.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
+.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
+.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
 .FDDKTZkTdfM- {
   --segmentedControl--size: 40px;
 
@@ -9011,6 +9336,163 @@ html.atlantisLightBoxActive {
             transform: translateX(0);
   }
 
+.Hx--3IsyLgs- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: var(--public-sidekick-space);
+  width: var(--public-sidekick-width);
+}
+
+.bevb052oaa4- > :first-child {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+}
+
+.v17EfPAcJZI- > :first-child {
+  -ms-flex-preferred-size: var(--public-sidekick-min-width);
+      flex-basis: var(--public-sidekick-min-width);
+}
+
+.bevb052oaa4- > :last-child {
+  -ms-flex-preferred-size: 0;
+      flex-basis: 0;
+  -ms-flex-positive: 999;
+      flex-grow: 999;
+  min-width: var(--public-sidekick-side-width);
+}
+
+._3hUKFPIws6o- > :last-child {
+  -ms-flex-preferred-size: var(--public-sidekick-min-width);
+      flex-basis: var(--public-sidekick-min-width);
+}
+
+._22dEgb17I90- > :first-child {
+  -ms-flex-preferred-size: 0;
+      flex-basis: 0;
+  -ms-flex-positive: 999;
+      flex-grow: 999;
+  min-width: var(--public-sidekick-side-width);
+}
+
+._22dEgb17I90- > :last-child {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+}
+
+._3yK4CuMFyqw-,
+.lY-7fyPMF6Y-,
+.Ti0avsNfvTw-,
+._9dXm70WomU8- {
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+._3yK4CuMFyqw- > *,
+.lY-7fyPMF6Y- > *,
+.Ti0avsNfvTw- > *,
+._9dXm70WomU8- > * {
+  width: 100%;
+}
+
+@media (min-width: 490px) {
+  ._3yK4CuMFyqw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._3yK4CuMFyqw- > * {
+    width: auto;
+  }
+}
+
+@media (--small-screens-and-up) {
+  ._3yK4CuMFyqw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._3yK4CuMFyqw- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 768px) {
+  .lY-7fyPMF6Y- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .lY-7fyPMF6Y- > * {
+    width: auto;
+  }
+}
+
+@media (--medium-screens-and-up) {
+  .lY-7fyPMF6Y- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .lY-7fyPMF6Y- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 1080px) {
+  .Ti0avsNfvTw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .Ti0avsNfvTw- > * {
+    width: auto;
+  }
+}
+
+@media (--large-screens-and-up) {
+  .Ti0avsNfvTw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .Ti0avsNfvTw- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 1440px) {
+  ._9dXm70WomU8- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._9dXm70WomU8- > * {
+    width: auto;
+  }
+}
+
+@media (--extra-large-screens-and-up) {
+  ._9dXm70WomU8- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._9dXm70WomU8- > * {
+    width: auto;
+  }
+}
+
+.Hx--3IsyLgs-.dN25lKXiqB0- {
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+.Hx--3IsyLgs-.dN25lKXiqB0- > * {
+  width: 100%;
+}
+
 .WiSIdMrztSU- {
   --statusLabel-icon-diameter: 8px;
 
@@ -9090,6 +9572,138 @@ html.atlantisLightBoxActive {
   padding-top: 0.125rem;
 }
 
+._7bHFxCX3jv4- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: start;
+      justify-content: flex-start;
+  width: var(--public-stack-width);
+}
+
+.MoTsKGfy3zs- {
+  -ms-flex-align: start;
+      align-items: flex-start;
+}
+
+.oXb2OHKGH4k- {
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.Clyb5sed46w- {
+  -ms-flex-align: end;
+      align-items: flex-end;
+}
+
+._7bHFxCX3jv4-._8ttf1JCju08- > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+._7bHFxCX3jv4-.nzG883u-wZc- * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+._7bHFxCX3jv4-.nzG883u-wZc- * + * {
+  -webkit-margin-before: var(--public-stack-space);
+          margin-top: var(--public-stack-space);
+}
+
+._7bHFxCX3jv4-._8ttf1JCju08- > * + * {
+  -webkit-margin-before: var(--public-stack-space);
+          margin-top: var(--public-stack-space);
+}
+
+._7bHFxCX3jv4-:only-child {
+  height: 100%;
+}
+
+/**
+
+Split After Block.
+
+If there is a way to loop in the future of use a css custom property, we can use that instead of the nth-child duplication method.
+
+**/
+
+._7bHFxCX3jv4-.Y-Mt8C2tNsI- > :nth-child(1) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.atxW7JGTiYI- > :nth-child(2) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.QuY15WlcoVo- > :nth-child(3) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.Vb-dwL9R1oQ- > :nth-child(4) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.IjFGwSc9hoQ- > :nth-child(5) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.xUe57aXJOOk- > :nth-child(6) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.pSWCwyHJBsk- > :nth-child(7) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.GAlopfCh8a8- > :nth-child(8) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.WMC8WPjJ8TA- > :nth-child(9) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.PxqAnvgqC24- > :nth-child(10) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.fEFj-rRg7pw- > :nth-child(11) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.eN-ykUdJrAU- > :nth-child(12) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.Jic7p-x-iKg- > :nth-child(13) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.PaC-tFnXMh8- > :nth-child(14) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
+._7bHFxCX3jv4-.isuG1fzSWMs- > :nth-child(15) {
+  -webkit-margin-after: auto;
+          margin-bottom: auto;
+}
+
 ._7PagpWEko2U- {
   --border-color: var(--color-border);
   --header-border-color: var(--color-border--section);
@@ -9291,6 +9905,21 @@ ul.LfIIg9bwrhQ- {
   padding-right: var(--public-tab--inset);
 }
 
+.jC1GzRIJp74- {
+  display: grid;
+  grid-gap: var(--public-tile-space);
+  width: var(--public-tiles-width);
+}
+
+@supports (width: min(var(--public-tile-min-size), 100%)) {
+  .jC1GzRIJp74- {
+    grid-template-columns: repeat(
+      auto-fill,
+      minmax(min(var(--public-tile-min-size), 100%), 1fr)
+    );
+  }
+}
+
 ._0Tvq24WjeX8- {
   position: relative;
   z-index: 1003;