@jobber/components 9.12.3 → 9.13.1

package/dist/styles.css

@@ -13075,21 +13075,23 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
 }
 
 /**
- * This class is added to the root html element when opening a LightBox.
- * When the user tries to print the page, this prevents the LightBox content
- * from being duplicated multiple times.
+ * The open LightBox is a `position: fixed` portal on `document.body`, and a
+ * fixed element is repainted on every page of a printed document. Hiding the
+ * rest of the body leaves nothing to paginate, so the image prints exactly
+ * once no matter how tall the page behind it is.
+ *
+ * Keyed off the overlay being in the DOM rather than a class the component
+ * toggles, so it cannot fall out of sync with what is on screen. See OPS-26781.
  */
 @media print {
-html.atlantisLightBoxActive {
-    overflow: hidden;
-}
+  body:has(> ._5p2iAj4JfoE-) > *:not(._5p2iAj4JfoE-) {
+    display: none;
+  }
 
-    html.atlantisLightBoxActive body {
-      position: absolute;
-      height: 100%;
-      overflow: hidden;
-    }
+  ._5p2iAj4JfoE- ._3TfQLQEE3GQ- {
+    display: none;
   }
+}
 
 .i9Tw1T65W-k- {
   position: absolute;
@@ -14306,20 +14308,29 @@ html.atlantisLightBoxActive {
   );
 }
 
+/* Spacing sits here, not on `.description`, so it applies to whichever part is present. */
 .kkywg49kgrg- {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
       flex-direction: column;
+  gap: 4px;
+  gap: var(--space-smaller);
+  margin-top: 4px;
+  margin-top: var(--space-smaller);
+}
+
+/* A part with an empty message renders nothing, so the row must not hold space. */
+.kkywg49kgrg-:empty {
+  margin-top: 0;
 }
 
 /**
  * `Field.Description` renders a `<p>`, which inherits the user-agent
- * `margin-block` defaults. Reset margins so spacing comes only from our token.
+ * `margin-block` defaults. Reset so spacing comes only from the footer's gap.
  */
 .buIzMqBEpSQ- {
-  margin: 4px 0 0 0;
-  margin: var(--space-smaller) 0 0 0;
+  margin: 0;
   color: hsl(197, 21%, 36%);
   color: var(--color-text--secondary);
   font-size: 12px;

package/dist/unstyledPrimitives/index.mjs

@@ -13,7 +13,7 @@ import { u as useMenuRootContext, o as useMenuPositionerContext, p as useMenuIte
 import * as ReactDOM from 'react-dom';
 import { m as usePreviousValue, n as useSelectRootContext, s as selectors, o as useSelectPositionerContext, j as SelectGroup, k as SelectGroupLabel, g as SelectItem, i as SelectItemIndicator, h as SelectItemText, f as SelectList, e as SelectPopup, a as SelectPortal, d as SelectPositioner, S as SelectRoot, b as SelectTrigger, c as SelectValue } from '../SelectGroupLabel-es.js';
 import { S as Separator } from '../Separator-es.js';
-import { u as useNumberFieldRootContext, s as stateAttributesMapping$4, d as NumberFieldDecrement, a as NumberFieldGroup, c as NumberFieldIncrement, b as NumberFieldInput, N as NumberFieldRoot } from '../NumberFieldInput-es.js';
+import { u as useNumberFieldRootContext, s as stateAttributesMapping$4, c as NumberFieldDecrement, a as NumberFieldGroup, b as NumberFieldIncrement, d as NumberFieldInput, N as NumberFieldRoot } from '../NumberFieldInput-es.js';
 import { u as useLabel } from '../useLabel-es.js';
 import '../stringifyLocale-es.js';
 

package/dist/utils/slotSystem.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+/**
+ * Shared slot mechanism for compound components: tag a part with a slot name,
+ * then detect that name on a child element. Components own their own child
+ * parsing — the mechanism is shared, the placement policy is not.
+ */
+export type SlotComponent<Props, MarkerKey extends string, Slot extends string> = React.FC<Props> & Record<MarkerKey, Slot>;
+export declare function createSlotSystem<MarkerKey extends string, SlotName extends string>(markerKey: MarkerKey): {
+    assignSlot: <Props, Slot extends SlotName>(component: React.FC<Props>, slot: Slot) => SlotComponent<Props, MarkerKey, Slot>;
+    createSlot: <Props, Slot extends SlotName = SlotName>(slot: Slot) => SlotComponent<Props, MarkerKey, Slot>;
+    isSlotElement: <Props = unknown>(child: React.ReactNode) => child is React.ReactElement<Props, SlotComponent<Props, MarkerKey, SlotName>>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.12.3",
+  "version": "9.13.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -547,5 +547,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "806acbc400062ba092f647367528425ecbcea016"
+  "gitHead": "9ca23fb47ad1f6ed13eebff7d81e99bccb30fa38"
 }

package/dist/Combobox/Combobox.slotFactory.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export type ComboboxSlotComponent<Props, MarkerKey extends string, Slot extends string> = React.FC<Props> & Record<MarkerKey, Slot>;
-export declare function createComboboxSlotSystem<MarkerKey extends string, SlotName extends string>(markerKey: MarkerKey): {
-    assignSlot: <Props, Slot extends SlotName>(component: React.FC<Props>, slot: Slot) => ComboboxSlotComponent<Props, MarkerKey, Slot>;
-    createSlot: <Props, Slot extends SlotName = SlotName>(slot: Slot) => ComboboxSlotComponent<Props, MarkerKey, Slot>;
-    isSlotElement: <Props = unknown>(child: React.ReactNode) => child is React.ReactElement<Props, ComboboxSlotComponent<Props, MarkerKey, SlotName>>;
-};