@jobber/components 6.116.0 → 6.116.1

package/dist/styles.css

@@ -10550,14 +10550,26 @@ input.oOrjwubmsVA- {
   background-color: var(--color-interactive--background--subtle--hover);
 }
 
+/* Extends beyond the container's padding box by --border-base so the green
+   border overlays the grey container border. margin-left applies the horizontal
+   offset uniformly to all left positions. */
+
 .FDDKTZkTdfM- span {
   position: absolute;
+  top: calc(-1 * 1px);
+  top: calc(-1 * var(--border-base));
   left: 0;
-  width: calc(100% / var(--segmentedControl--option-count));
-  height: 100%;
+  width: calc(
+    100% / var(--segmentedControl--option-count) + 2 * 1px
+  );
+  width: calc(
+    100% / var(--segmentedControl--option-count) + 2 * var(--border-base)
+  );
+  height: calc(100% + 2 * 1px);
+  height: calc(100% + 2 * var(--border-base));
   box-sizing: border-box;
-  border: 1px solid hsl(107, 58%, 33%);
-  border: var(--border-base) solid var(--color-interactive);
+  margin-left: calc(-1 * 1px);
+  margin-left: calc(-1 * var(--border-base));
   border-radius: 8px;
   border-radius: var(--radius-base);
   background-color: rgba(255, 255, 255, 1);
@@ -10566,22 +10578,20 @@ input.oOrjwubmsVA- {
   transition: var(--timing-slow) left ease-out;
 }
 
-/* Focus ring at z-index: 2 so hover backgrounds (z-index: 1) can't cover it.
-   Negative inset aligns with the span's outer edge so the green border stays
-   visible inside the focus ring. */
+/* Green border and focus ring live on ::after at z-index: 2 so hover
+   backgrounds on adjacent labels (z-index: 1) can't cover them. */
 
 .FDDKTZkTdfM- span::after {
   content: "";
   position: absolute;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  top: calc(-1 * var(--border-base));
-  right: calc(-1 * var(--border-base));
-  bottom: calc(-1 * var(--border-base));
-  left: calc(-1 * var(--border-base));
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   z-index: 2;
+  box-sizing: border-box;
+  border: 1px solid hsl(107, 58%, 33%);
+  border: var(--border-base) solid var(--color-interactive);
   border-radius: inherit;
   pointer-events: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.116.0",
+  "version": "6.116.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "b7a5f58771bd824c02fd1e16f7eeea46a5d142cb"
+  "gitHead": "4b569551a7938c439c4543a4520b65d2aea9fc33"
 }