@jobber/components 9.5.0 → 9.5.2

package/dist/Menu-cjs.js

@@ -518,7 +518,7 @@ function BottomSheetContent({ children, style, className, UNSAFE_style, UNSAFE_c
         UNSAFE_style,
     });
     const bottomSheetStyle = getBottomSheetContentStyle(resolvedBaseProps.style);
-    return (React.createElement(BottomSheet.BottomSheet.Popup, { initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames({
+    return (React.createElement(BottomSheet.BottomSheet.Popup, { "data-elevation": "elevated", initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames({
             [styles.menuHidden]: submenuOpen,
         }) },
         React.createElement(BottomSheet.BottomSheet.Content, null,
@@ -672,7 +672,7 @@ function BottomSheetSubmenuContent({ children, className, style, UNSAFE_style, U
         UNSAFE_style,
     });
     const bottomSheetStyle = getBottomSheetContentStyle(resolvedBaseProps.style);
-    return (React.createElement(BottomSheet.BottomSheet.Popup, { initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames(styles.menu, styles.bottomSheetSubmenuPopup) },
+    return (React.createElement(BottomSheet.BottomSheet.Popup, { "data-elevation": "elevated", initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames(styles.menu, styles.bottomSheetSubmenuPopup) },
         React.createElement(BottomSheet.BottomSheet.Content, { style: bottomSheetStyle },
             title ? (React.createElement(DrawerTitle.DrawerTitle, { className: styles.screenReaderOnly }, title)) : null,
             React.createElement("div", { className: styles$1.submenuHeader },
@@ -768,7 +768,7 @@ function MenuDropdownContent({ children, style, className, preferredPlacement, U
     return (React.createElement(MenuSubmenuTrigger$1.MenuPortal, null,
         React.createElement(MenuSubmenuTrigger$1.MenuBackdrop, { className: styles.composableBackdrop }),
         React.createElement(MenuSubmenuTrigger$1.MenuPositioner, { className: styles.floatingContainer, style: floatingLayerStyle, align: align, side: side, sideOffset: MENU_OFFSET },
-            React.createElement(MenuSubmenuTrigger$1.MenuPopup, { className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
+            React.createElement(MenuSubmenuTrigger$1.MenuPopup, { "data-elevation": "elevated", className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
                 React.createElement("div", { className: classnames(styles.composableMenu, styles.composableDropdownScroller) }, children)))));
 }
 function MenuDropdownRadioGroup({ children, value, defaultValue, onValueChange, className, style, UNSAFE_style, UNSAFE_className, }) {
@@ -863,7 +863,7 @@ function MenuDropdownSubmenuContent({ children, className, style, UNSAFE_style,
     const popupStyle = getMenuPopupStyle(resolvedBaseProps.style);
     return (React.createElement(MenuSubmenuTrigger$1.MenuPortal, null,
         React.createElement(MenuSubmenuTrigger$1.MenuPositioner, { className: styles.floatingContainer, style: floatingLayerStyle, align: "start", side: "right", sideOffset: MENU_OFFSET },
-            React.createElement(MenuSubmenuTrigger$1.MenuPopup, { className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
+            React.createElement(MenuSubmenuTrigger$1.MenuPopup, { "data-elevation": "elevated", className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
                 React.createElement("div", { className: classnames(styles.composableMenu, styles.composableDropdownScroller) }, children)))));
 }
 function MenuDropdownGroupLabel(props) {

package/dist/Menu-es.js

@@ -516,7 +516,7 @@ function BottomSheetContent({ children, style, className, UNSAFE_style, UNSAFE_c
         UNSAFE_style,
     });
     const bottomSheetStyle = getBottomSheetContentStyle(resolvedBaseProps.style);
-    return (React__default.createElement(BottomSheet.Popup, { initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames({
+    return (React__default.createElement(BottomSheet.Popup, { "data-elevation": "elevated", initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames({
             [styles.menuHidden]: submenuOpen,
         }) },
         React__default.createElement(BottomSheet.Content, null,
@@ -670,7 +670,7 @@ function BottomSheetSubmenuContent({ children, className, style, UNSAFE_style, U
         UNSAFE_style,
     });
     const bottomSheetStyle = getBottomSheetContentStyle(resolvedBaseProps.style);
-    return (React__default.createElement(BottomSheet.Popup, { initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames(styles.menu, styles.bottomSheetSubmenuPopup) },
+    return (React__default.createElement(BottomSheet.Popup, { "data-elevation": "elevated", initialFocus: getInitialBottomSheetFocus(menuRef, focusModalityRef), className: classnames(styles.menu, styles.bottomSheetSubmenuPopup) },
         React__default.createElement(BottomSheet.Content, { style: bottomSheetStyle },
             title ? (React__default.createElement(DrawerTitle, { className: styles.screenReaderOnly }, title)) : null,
             React__default.createElement("div", { className: styles$1.submenuHeader },
@@ -766,7 +766,7 @@ function MenuDropdownContent({ children, style, className, preferredPlacement, U
     return (React__default.createElement(MenuPortal$1, null,
         React__default.createElement(MenuBackdrop, { className: styles.composableBackdrop }),
         React__default.createElement(MenuPositioner, { className: styles.floatingContainer, style: floatingLayerStyle, align: align, side: side, sideOffset: MENU_OFFSET },
-            React__default.createElement(MenuPopup, { className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
+            React__default.createElement(MenuPopup, { "data-elevation": "elevated", className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
                 React__default.createElement("div", { className: classnames(styles.composableMenu, styles.composableDropdownScroller) }, children)))));
 }
 function MenuDropdownRadioGroup({ children, value, defaultValue, onValueChange, className, style, UNSAFE_style, UNSAFE_className, }) {
@@ -861,7 +861,7 @@ function MenuDropdownSubmenuContent({ children, className, style, UNSAFE_style,
     const popupStyle = getMenuPopupStyle(resolvedBaseProps.style);
     return (React__default.createElement(MenuPortal$1, null,
         React__default.createElement(MenuPositioner, { className: styles.floatingContainer, style: floatingLayerStyle, align: "start", side: "right", sideOffset: MENU_OFFSET },
-            React__default.createElement(MenuPopup, { className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
+            React__default.createElement(MenuPopup, { "data-elevation": "elevated", className: classnames(styles.menu, styles.composableDropdownPopup, resolvedBaseProps.className), style: popupStyle },
                 React__default.createElement("div", { className: classnames(styles.composableMenu, styles.composableDropdownScroller) }, children)))));
 }
 function MenuDropdownGroupLabel(props) {

package/dist/Select-cjs.js

@@ -26,7 +26,7 @@ function SheetOption({ value, children, className, style }) {
     return (React.createElement("div", { role: "option", "aria-selected": selected, "data-value": value, tabIndex: -1, className: classnames(styles.sheetOption, className), style: style, onClick: () => onSelect(value) },
         React.createElement("span", { className: styles.sheetOptionLabel }, children),
         selected && (React.createElement("span", { className: styles.sheetOptionIndicator, "aria-hidden": "true" },
-            React.createElement(Icon.Icon, { name: "checkmark", size: "small" })))));
+            React.createElement(Icon.Icon, { color: "icon", name: "checkmark" })))));
 }
 function SheetGroup({ children, className, style }) {
     const labelId = React.useId();
@@ -100,7 +100,7 @@ function SelectBottomSheetRoot({ value, onValueChange, onBlur, onFocus, disabled
     return (React.createElement(SheetContext.Provider, { value: { value: selectedValue, onSelect: select } },
         React.createElement(BottomSheet.BottomSheet.Root, { open: open, onOpenChange: setOpen },
             React.createElement(BottomSheet.BottomSheet.Trigger, { render: React.createElement(SelectPrimitive.SelectPrimitive.FieldTrigger, { id: triggerId, disabled: disabled, onBlur: onBlur, onFocus: onFocus, "data-placeholder": selectedValue ? undefined : "", "data-invalid": invalid ? "" : undefined, "data-popup-open": open ? "" : undefined, className: triggerClassName, valueSlot: React.createElement(SelectPrimitive.SelectPrimitive.ValueText, null, valueLabel) }) }),
-            React.createElement(BottomSheet.BottomSheet.Popup, { initialFocus: getInitialFocus },
+            React.createElement(BottomSheet.BottomSheet.Popup, { "data-elevation": "elevated", initialFocus: getInitialFocus },
                 React.createElement(BottomSheet.BottomSheet.Content, null,
                     React.createElement("div", { ref: listRef, role: "listbox", "aria-label": ariaLabel, className: styles.sheetListbox, onKeyDown: handleListboxKeyDown }, children))))));
 }

package/dist/Select-es.js

@@ -24,7 +24,7 @@ function SheetOption({ value, children, className, style }) {
     return (React__default.createElement("div", { role: "option", "aria-selected": selected, "data-value": value, tabIndex: -1, className: classnames(styles.sheetOption, className), style: style, onClick: () => onSelect(value) },
         React__default.createElement("span", { className: styles.sheetOptionLabel }, children),
         selected && (React__default.createElement("span", { className: styles.sheetOptionIndicator, "aria-hidden": "true" },
-            React__default.createElement(Icon, { name: "checkmark", size: "small" })))));
+            React__default.createElement(Icon, { color: "icon", name: "checkmark" })))));
 }
 function SheetGroup({ children, className, style }) {
     const labelId = useId();
@@ -98,7 +98,7 @@ function SelectBottomSheetRoot({ value, onValueChange, onBlur, onFocus, disabled
     return (React__default.createElement(SheetContext.Provider, { value: { value: selectedValue, onSelect: select } },
         React__default.createElement(BottomSheet.Root, { open: open, onOpenChange: setOpen },
             React__default.createElement(BottomSheet.Trigger, { render: React__default.createElement(SelectPrimitive.FieldTrigger, { id: triggerId, disabled: disabled, onBlur: onBlur, onFocus: onFocus, "data-placeholder": selectedValue ? undefined : "", "data-invalid": invalid ? "" : undefined, "data-popup-open": open ? "" : undefined, className: triggerClassName, valueSlot: React__default.createElement(SelectPrimitive.ValueText, null, valueLabel) }) }),
-            React__default.createElement(BottomSheet.Popup, { initialFocus: getInitialFocus },
+            React__default.createElement(BottomSheet.Popup, { "data-elevation": "elevated", initialFocus: getInitialFocus },
                 React__default.createElement(BottomSheet.Content, null,
                     React__default.createElement("div", { ref: listRef, role: "listbox", "aria-label": ariaLabel, className: styles.sheetListbox, onKeyDown: handleListboxKeyDown }, children))))));
 }

package/dist/SelectPrimitive-cjs.js

@@ -56,7 +56,7 @@ function SelectPrimitivePositioner(_a) {
 // ─── Popup ────────────────────────────────────────────────────────────────────
 function SelectPrimitivePopup(_a) {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(SelectGroupLabel.SelectPopup, Object.assign({ className: mergeClassName(styles.popup, className) }, props)));
+    return (React.createElement(SelectGroupLabel.SelectPopup, Object.assign({ className: mergeClassName(styles.popup, className), "data-elevation": "elevated" }, props)));
 }
 // ─── List ─────────────────────────────────────────────────────────────────────
 function SelectPrimitiveList(_a) {
@@ -76,7 +76,7 @@ function SelectPrimitiveItemText(_a) {
 // ─── ItemIndicator ────────────────────────────────────────────────────────────
 function SelectPrimitiveItemIndicator(_a) {
     var { className, children } = _a, props = tslib_es6.__rest(_a, ["className", "children"]);
-    return (React.createElement(SelectGroupLabel.SelectItemIndicator, Object.assign({ keepMounted: true, className: mergeClassName(styles.itemIndicator, className) }, props), children !== null && children !== void 0 ? children : React.createElement(Icon.Icon, { color: "icon", name: "checkmark", size: "base" })));
+    return (React.createElement(SelectGroupLabel.SelectItemIndicator, Object.assign({ keepMounted: true, className: mergeClassName(styles.itemIndicator, className) }, props), children !== null && children !== void 0 ? children : React.createElement(Icon.Icon, { color: "icon", name: "checkmark" })));
 }
 // ─── Group ────────────────────────────────────────────────────────────────────
 function SelectPrimitiveGroup(_a) {

package/dist/SelectPrimitive-es.js

@@ -54,7 +54,7 @@ function SelectPrimitivePositioner(_a) {
 // ─── Popup ────────────────────────────────────────────────────────────────────
 function SelectPrimitivePopup(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (React__default.createElement(SelectPopup, Object.assign({ className: mergeClassName(styles.popup, className) }, props)));
+    return (React__default.createElement(SelectPopup, Object.assign({ className: mergeClassName(styles.popup, className), "data-elevation": "elevated" }, props)));
 }
 // ─── List ─────────────────────────────────────────────────────────────────────
 function SelectPrimitiveList(_a) {
@@ -74,7 +74,7 @@ function SelectPrimitiveItemText(_a) {
 // ─── ItemIndicator ────────────────────────────────────────────────────────────
 function SelectPrimitiveItemIndicator(_a) {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (React__default.createElement(SelectItemIndicator, Object.assign({ keepMounted: true, className: mergeClassName(styles.itemIndicator, className) }, props), children !== null && children !== void 0 ? children : React__default.createElement(Icon, { color: "icon", name: "checkmark", size: "base" })));
+    return (React__default.createElement(SelectItemIndicator, Object.assign({ keepMounted: true, className: mergeClassName(styles.itemIndicator, className) }, props), children !== null && children !== void 0 ? children : React__default.createElement(Icon, { color: "icon", name: "checkmark" })));
 }
 // ─── Group ────────────────────────────────────────────────────────────────────
 function SelectPrimitiveGroup(_a) {

package/dist/styles.css

@@ -5184,10 +5184,13 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-radius: 4px;
   border-radius: var(--radius-small);
   outline: none;
-  color: inherit;
+  color: hsl(198, 35%, 21%);
+  color: var(--color-text);
   font-family: inherit;
   font-size: 14px;
   font-size: var(--typography--fontSize-base);
+  line-height: 1.25;
+  line-height: var(--typography--lineHeight-base);
   text-align: left;
   -webkit-user-select: none;
   -ms-user-select: none;
@@ -5218,6 +5221,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       flex: 1;
   min-width: 0;
   overflow: hidden;
+  font-weight: 600;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -5280,8 +5284,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .ZhtKkgZiSQI- {
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
   padding: 8px 8px 4px;
   padding: var(--space-small) var(--space-small) var(--space-smaller);
   color: hsl(197, 21%, 36%);
@@ -5289,6 +5291,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   font-size: 14px;
   font-size: var(--typography--fontSize-base);
   font-weight: 400;
+  line-height: 1.25;
+  line-height: var(--typography--lineHeight-base);
+  -ms-flex-align: center;
+      align-items: center;
 }
 
 .kub1yKbFFN0- {
@@ -13378,10 +13384,12 @@ input.oOrjwubmsVA- {
   border-radius: 8px;
   border-radius: var(--radius-base);
   outline: none;
-  color: hsl(197, 90%, 12%);
-  color: var(--color-heading);
+  color: hsl(198, 35%, 21%);
+  color: var(--color-text);
   font-size: 14px;
   font-size: var(--typography--fontSize-base);
+  line-height: 1.25;
+  line-height: var(--typography--lineHeight-base);
   cursor: pointer;
 }
 
@@ -13396,6 +13404,7 @@ input.oOrjwubmsVA- {
       flex: 1;
   min-width: 0;
   overflow: hidden;
+  font-weight: 600;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -13437,6 +13446,9 @@ input.oOrjwubmsVA- {
   color: var(--color-text--secondary);
   font-size: 14px;
   font-size: var(--typography--fontSize-base);
+  font-weight: 400;
+  line-height: 1.25;
+  line-height: var(--typography--lineHeight-base);
 }
 
 .RPsN9vqlzRw- {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.5.0",
+  "version": "9.5.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -544,5 +544,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "fd7066c60c4be6f04144a659ccf7a43a4e9cfb60"
+  "gitHead": "27628e1a709dd4ef497aaa1eb66b51dfd234bb46"
 }