@jobber/components 6.115.0 → 6.115.2

package/dist/Chips/ChipDismissible.d.ts

@@ -4,5 +4,8 @@ import type { InternalChipProps } from "./ChipTypes";
 interface ChipDismissibleProps extends Pick<InternalChipProps, "label" | "disabled" | "invalid" | "prefix" | "onClick"> {
     onRequestRemove(event: MouseEvent<HTMLDivElement>): void;
 }
+/**
+ * @deprecated Use Autocomplete with the "multiple" prop instead of ChipDismissible.
+ */
 export declare function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }: ChipDismissibleProps): React.JSX.Element;
 export {};

package/dist/Chips/Chips.d.ts

@@ -1,3 +1,8 @@
 import React from "react";
-import type { ChipsProps } from "./ChipsTypes";
-export declare function Chips(props: ChipsProps): React.JSX.Element;
+import type { ChipDismissibleProps, ChipMultiSelectProps, ChipSingleSelectProps } from "./ChipsTypes";
+/**
+ * @deprecated Use Autocomplete with the "multiple" prop instead of dismissible Chips.
+ */
+export declare function Chips(props: ChipDismissibleProps): React.JSX.Element;
+export declare function Chips(props: ChipSingleSelectProps): React.JSX.Element;
+export declare function Chips(props: ChipMultiSelectProps): React.JSX.Element;

package/dist/Chips/ChipsTypes.d.ts

@@ -51,6 +51,9 @@ export interface ChipMultiSelectProps extends ChipFoundationProps {
     readonly showSelectedSuffix?: boolean;
     onChange(value: string[]): void;
 }
+/**
+ * @deprecated Use Autocomplete with the "multiple" prop instead of dismissible Chips.
+ */
 export interface ChipDismissibleProps extends ChipFoundationProps {
     readonly type: "dismissible";
     readonly selected: string[];

package/dist/Chips/index.cjs

@@ -38,6 +38,9 @@ require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
 require('framer-motion');
 
+/**
+ * @deprecated Use Autocomplete with the "multiple" prop instead of ChipDismissible.
+ */
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React.createElement(InternalChipDismissible.InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(Chip$1.InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
 }

package/dist/Chips/index.mjs

@@ -36,6 +36,9 @@ import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
 import 'framer-motion';
 
+/**
+ * @deprecated Use Autocomplete with the "multiple" prop instead of ChipDismissible.
+ */
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React__default.createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React__default.createElement(InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
 }

package/dist/Chips-cjs.js

@@ -101,6 +101,7 @@ function InternalChipMultiSelect({ children, selected, showSelectedSuffix = true
     }
 }
 
+/* eslint-disable import/no-deprecated */
 function Chips(props) {
     switch (props.type) {
         case "dismissible":

package/dist/Chips-es.js

@@ -99,6 +99,7 @@ function InternalChipMultiSelect({ children, selected, showSelectedSuffix = true
     }
 }
 
+/* eslint-disable import/no-deprecated */
 function Chips(props) {
     switch (props.type) {
         case "dismissible":

package/dist/MultiSelect/MultiSelect.d.ts

@@ -23,5 +23,8 @@ interface MultiSelectProps {
      */
     readonly size?: "small" | "large";
 }
+/**
+ * @deprecated Use the "multiple" Autocomplete component instead.
+ */
 export declare function MultiSelect({ defaultLabel, allSelectedLabel, options, onOptionsChange, size, }: MultiSelectProps): React.JSX.Element;
 export {};

package/dist/MultiSelect-cjs.js

@@ -101,6 +101,9 @@ function DropDownMenu({ options, setOptions }) {
     }
 }
 
+/**
+ * @deprecated Use the "multiple" Autocomplete component instead.
+ */
 function MultiSelect({ defaultLabel, allSelectedLabel, options, onOptionsChange, size, }) {
     const [label, setLabel] = React.useState(defaultLabel);
     const [menuVisible, setMenuVisible] = React.useState(false);

package/dist/MultiSelect-es.js

@@ -99,6 +99,9 @@ function DropDownMenu({ options, setOptions }) {
     }
 }
 
+/**
+ * @deprecated Use the "multiple" Autocomplete component instead.
+ */
 function MultiSelect({ defaultLabel, allSelectedLabel, options, onOptionsChange, size, }) {
     const [label, setLabel] = useState(defaultLabel);
     const [menuVisible, setMenuVisible] = useState(false);

package/dist/styles.css

@@ -1897,8 +1897,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       justify-content: center;
   -ms-flex-align: center;
       align-items: center;
-  -webkit-transform: translateY(50%);
-          transform: translateY(50%);
+  -ms-flex-item-align: center;
+      align-self: center;
 }
 
 .YmRTd-KeXv4-:focus {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.115.0",
+  "version": "6.115.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "fa8ec6d10172262c9e27a5fe5817e476485e0481"
+  "gitHead": "b2cfd425316e386075108f4381f800a5bebc6d65"
 }