@jobber/components 6.45.0 → 6.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,9 @@
1
+ import React from "react";
1
2
  import { ChipPrefix } from "./components/ChipPrefix/Chip.Prefix";
2
3
  import { ChipSuffix } from "./components/ChipSuffix/Chip.Suffix";
3
4
  import { ChipProps } from "./Chip.types";
4
- export declare function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role, tabIndex, variation, }: ChipProps): JSX.Element;
5
- export declare namespace Chip {
6
- var Prefix: typeof ChipPrefix;
7
- var Suffix: typeof ChipSuffix;
8
- }
5
+ declare const ChipNamespace: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>> & {
6
+ Prefix: typeof ChipPrefix;
7
+ Suffix: typeof ChipSuffix;
8
+ };
9
+ export { ChipNamespace as Chip };
@@ -21,6 +21,6 @@ require('../tslib.es6-cjs.js');
21
21
 
22
22
 
23
23
 
24
- exports.Chip = Chip.Chip;
24
+ exports.Chip = Chip.ChipNamespace;
25
25
  exports.ChipDismissible = ChipDismissible.ChipDismissible;
26
26
  exports.ChipSelectable = ChipDismissible.ChipSelectable;
package/dist/Chip-cjs.js CHANGED
@@ -75,35 +75,56 @@ const allowedSuffixIcons = [
75
75
  "arrowDown",
76
76
  ];
77
77
 
78
- function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) {
78
+ const ChipComponent = React.forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
79
79
  const classes = classnames(styles$1.chip, {
80
80
  [styles$1.invalid]: invalid,
81
81
  [styles$1.base]: variation === "base",
82
82
  [styles$1.subtle]: variation === "subtle",
83
83
  [styles$1.disabled]: disabled,
84
84
  });
85
- const prefix = useChildComponent.useChildComponent(children, d => d.type === Chip.Prefix);
86
- const suffix = useChildComponent.useChildComponent(children, d => d.type === Chip.Suffix);
85
+ const prefix = useChildComponent.useChildComponent(children, d => d.type === ChipPrefix);
86
+ const suffix = useChildComponent.useChildComponent(children, d => d.type === ChipSuffix);
87
87
  const [labelRef, labelFullyVisible] = useInView.useInView_2();
88
88
  const [headingRef, headingFullyVisible] = useInView.useInView_2();
89
89
  const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
90
- const Tag = onClick ? "button" : "div";
91
- return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false },
92
- React.createElement(Tag, { className: classes, onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev), tabIndex: disabled ? -1 : tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel, disabled: disabled, role: role, "data-testid": testID, type: "button" },
93
- prefix,
94
- React.createElement("div", { className: styles$1.chipContent },
95
- heading && (React.createElement(React.Fragment, null,
96
- React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
97
- heading,
98
- React.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
99
- label && React.createElement("span", { className: styles$1.chipBar }))),
100
- React.createElement(Typography.Typography, { size: "base" },
101
- label,
102
- React.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
103
- !labelFullyVisible && (React.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
104
- React.createElement("span", null)))),
105
- suffix)));
106
- }
90
+ const chipContent = (React.createElement(React.Fragment, null,
91
+ prefix,
92
+ React.createElement("div", { className: styles$1.chipContent },
93
+ heading && (React.createElement(React.Fragment, null,
94
+ React.createElement(Typography.Typography, { size: "base", fontWeight: "medium" },
95
+ heading,
96
+ React.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
97
+ label && React.createElement("span", { className: styles$1.chipBar }))),
98
+ React.createElement(Typography.Typography, { size: "base" },
99
+ label,
100
+ React.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
101
+ !labelFullyVisible && (React.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
102
+ React.createElement("span", null)))),
103
+ suffix));
104
+ // Use createElement to properly handle the ref typing
105
+ return (React.createElement(Tooltip.Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
106
+ ? React.createElement("button", {
107
+ className: classes,
108
+ onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
109
+ tabIndex: disabled ? -1 : tabIndex,
110
+ onKeyDown,
111
+ "aria-label": ariaLabel,
112
+ disabled,
113
+ role,
114
+ "data-testid": testID,
115
+ type: "button",
116
+ ref,
117
+ }, chipContent)
118
+ : React.createElement("div", {
119
+ className: classes,
120
+ tabIndex: disabled ? -1 : tabIndex,
121
+ onKeyDown,
122
+ "aria-label": ariaLabel,
123
+ role,
124
+ "data-testid": testID,
125
+ ref,
126
+ }, chipContent)));
127
+ });
107
128
  function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
108
129
  let message = "";
109
130
  if (heading && !headingFullyVisible) {
@@ -114,10 +135,13 @@ function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, headin
114
135
  }
115
136
  return message;
116
137
  }
117
- Chip.Prefix = ChipPrefix;
118
- Chip.Suffix = ChipSuffix;
138
+ ChipComponent.displayName = "Chip";
139
+ const ChipNamespace = Object.assign(ChipComponent, {
140
+ Prefix: ChipPrefix,
141
+ Suffix: ChipSuffix,
142
+ });
119
143
 
120
- exports.Chip = Chip;
144
+ exports.ChipNamespace = ChipNamespace;
121
145
  exports.InternalChipButton = InternalChipButton;
122
146
  exports.styles = styles$1;
123
147
  exports.styles$1 = styles;
package/dist/Chip-es.js CHANGED
@@ -1,4 +1,4 @@
1
- import React__default, { useRef } from 'react';
1
+ import React__default, { useRef, forwardRef } from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { u as useInView_2 } from './useInView-es.js';
4
4
  import { A as Avatar } from './Avatar-es.js';
@@ -73,35 +73,56 @@ const allowedSuffixIcons = [
73
73
  "arrowDown",
74
74
  ];
75
75
 
76
- function Chip({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }) {
76
+ const ChipComponent = forwardRef(({ ariaLabel, disabled, heading, invalid, label, value, testID, onClick, onKeyDown, children, role = "button", tabIndex = 0, variation = "base", }, ref) => {
77
77
  const classes = classnames(styles$1.chip, {
78
78
  [styles$1.invalid]: invalid,
79
79
  [styles$1.base]: variation === "base",
80
80
  [styles$1.subtle]: variation === "subtle",
81
81
  [styles$1.disabled]: disabled,
82
82
  });
83
- const prefix = useChildComponent(children, d => d.type === Chip.Prefix);
84
- const suffix = useChildComponent(children, d => d.type === Chip.Suffix);
83
+ const prefix = useChildComponent(children, d => d.type === ChipPrefix);
84
+ const suffix = useChildComponent(children, d => d.type === ChipSuffix);
85
85
  const [labelRef, labelFullyVisible] = useInView_2();
86
86
  const [headingRef, headingFullyVisible] = useInView_2();
87
87
  const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
88
- const Tag = onClick ? "button" : "div";
89
- return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false },
90
- React__default.createElement(Tag, { className: classes, onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev), tabIndex: disabled ? -1 : tabIndex, onKeyDown: onKeyDown, "aria-label": ariaLabel, disabled: disabled, role: role, "data-testid": testID, type: "button" },
91
- prefix,
92
- React__default.createElement("div", { className: styles$1.chipContent },
93
- heading && (React__default.createElement(React__default.Fragment, null,
94
- React__default.createElement(Typography, { size: "base", fontWeight: "medium" },
95
- heading,
96
- React__default.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
97
- label && React__default.createElement("span", { className: styles$1.chipBar }))),
98
- React__default.createElement(Typography, { size: "base" },
99
- label,
100
- React__default.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
101
- !labelFullyVisible && (React__default.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
102
- React__default.createElement("span", null)))),
103
- suffix)));
104
- }
88
+ const chipContent = (React__default.createElement(React__default.Fragment, null,
89
+ prefix,
90
+ React__default.createElement("div", { className: styles$1.chipContent },
91
+ heading && (React__default.createElement(React__default.Fragment, null,
92
+ React__default.createElement(Typography, { size: "base", fontWeight: "medium" },
93
+ heading,
94
+ React__default.createElement("span", { ref: headingRef, className: styles$1.chipLabelRef })),
95
+ label && React__default.createElement("span", { className: styles$1.chipBar }))),
96
+ React__default.createElement(Typography, { size: "base" },
97
+ label,
98
+ React__default.createElement("span", { ref: labelRef, className: styles$1.chipLabelRef })),
99
+ !labelFullyVisible && (React__default.createElement("div", { className: styles$1.truncateGradient, "data-testid": "ATL-Chip-Truncation-Gradient" },
100
+ React__default.createElement("span", null)))),
101
+ suffix));
102
+ // Use createElement to properly handle the ref typing
103
+ return (React__default.createElement(Tooltip, { message: tooltipMessage, setTabIndex: false }, onClick
104
+ ? React__default.createElement("button", {
105
+ className: classes,
106
+ onClick: (ev) => onClick === null || onClick === void 0 ? void 0 : onClick(value, ev),
107
+ tabIndex: disabled ? -1 : tabIndex,
108
+ onKeyDown,
109
+ "aria-label": ariaLabel,
110
+ disabled,
111
+ role,
112
+ "data-testid": testID,
113
+ type: "button",
114
+ ref,
115
+ }, chipContent)
116
+ : React__default.createElement("div", {
117
+ className: classes,
118
+ tabIndex: disabled ? -1 : tabIndex,
119
+ onKeyDown,
120
+ "aria-label": ariaLabel,
121
+ role,
122
+ "data-testid": testID,
123
+ ref,
124
+ }, chipContent)));
125
+ });
105
126
  function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading) {
106
127
  let message = "";
107
128
  if (heading && !headingFullyVisible) {
@@ -112,7 +133,10 @@ function getTooltipMessage(labelFullyVisible, headingFullyVisible, label, headin
112
133
  }
113
134
  return message;
114
135
  }
115
- Chip.Prefix = ChipPrefix;
116
- Chip.Suffix = ChipSuffix;
136
+ ChipComponent.displayName = "Chip";
137
+ const ChipNamespace = Object.assign(ChipComponent, {
138
+ Prefix: ChipPrefix,
139
+ Suffix: ChipSuffix,
140
+ });
117
141
 
118
- export { Chip as C, InternalChipButton as I, styles as a, styles$1 as s };
142
+ export { ChipNamespace as C, InternalChipButton as I, styles as a, styles$1 as s };
@@ -7,14 +7,14 @@ var Chip = require('./Chip-cjs.js');
7
7
 
8
8
  function ChipSelectable(_a) {
9
9
  var { selected } = _a, rest = tslib_es6.__rest(_a, ["selected"]);
10
- return (React.createElement(Chip.Chip, Object.assign({}, rest),
11
- React.createElement(Chip.Chip.Suffix, { className: selected ? Chip.styles.selected : "" },
10
+ return (React.createElement(Chip.ChipNamespace, Object.assign({}, rest),
11
+ React.createElement(Chip.ChipNamespace.Suffix, { className: selected ? Chip.styles.selected : "" },
12
12
  React.createElement(Icon.Icon, { name: selected ? "checkmark" : "add", size: "small", color: "interactiveSubtle" }))));
13
13
  }
14
14
 
15
15
  function ChipDismissible(props) {
16
- return (React.createElement(Chip.Chip, Object.assign({}, props),
17
- React.createElement(Chip.Chip.Suffix, null,
16
+ return (React.createElement(Chip.ChipNamespace, Object.assign({}, props),
17
+ React.createElement(Chip.ChipNamespace.Suffix, null,
18
18
  React.createElement(Icon.Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
19
19
  }
20
20
 
@@ -1,18 +1,18 @@
1
1
  import { _ as __rest } from './tslib.es6-es.js';
2
2
  import React__default from 'react';
3
3
  import { I as Icon } from './Icon-es.js';
4
- import { C as Chip, s as styles } from './Chip-es.js';
4
+ import { C as ChipNamespace, s as styles } from './Chip-es.js';
5
5
 
6
6
  function ChipSelectable(_a) {
7
7
  var { selected } = _a, rest = __rest(_a, ["selected"]);
8
- return (React__default.createElement(Chip, Object.assign({}, rest),
9
- React__default.createElement(Chip.Suffix, { className: selected ? styles.selected : "" },
8
+ return (React__default.createElement(ChipNamespace, Object.assign({}, rest),
9
+ React__default.createElement(ChipNamespace.Suffix, { className: selected ? styles.selected : "" },
10
10
  React__default.createElement(Icon, { name: selected ? "checkmark" : "add", size: "small", color: "interactiveSubtle" }))));
11
11
  }
12
12
 
13
13
  function ChipDismissible(props) {
14
- return (React__default.createElement(Chip, Object.assign({}, props),
15
- React__default.createElement(Chip.Suffix, null,
14
+ return (React__default.createElement(ChipNamespace, Object.assign({}, props),
15
+ React__default.createElement(ChipNamespace.Suffix, null,
16
16
  React__default.createElement(Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
17
17
  }
18
18
 
@@ -23,7 +23,7 @@ function ComboboxActivator(props) {
23
23
  const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
24
24
  const accessibilityAttributes = useComboboxActivatorAccessibility();
25
25
  if (typeof props.children !== "function" &&
26
- (props.children.type === Button.Button || props.children.type === Chip.Chip)) {
26
+ (props.children.type === Button.Button || props.children.type === Chip.ChipNamespace)) {
27
27
  return React.cloneElement(props.children, {
28
28
  role: accessibilityAttributes.role,
29
29
  onClick: handleOpen,
@@ -1,7 +1,7 @@
1
1
  import React__default, { useContext } from 'react';
2
2
  import { B as Button } from './Button-es.js';
3
3
  import 'classnames';
4
- import { C as Chip } from './Chip-es.js';
4
+ import { C as ChipNamespace } from './Chip-es.js';
5
5
  import './tslib.es6-es.js';
6
6
  import '@jobber/design';
7
7
  import { a as ComboboxContext } from './ComboboxProvider-es.js';
@@ -21,7 +21,7 @@ function ComboboxActivator(props) {
21
21
  const { handleOpen } = React__default.useContext(ComboboxContext);
22
22
  const accessibilityAttributes = useComboboxActivatorAccessibility();
23
23
  if (typeof props.children !== "function" &&
24
- (props.children.type === Button || props.children.type === Chip)) {
24
+ (props.children.type === Button || props.children.type === ChipNamespace)) {
25
25
  return React__default.cloneElement(props.children, {
26
26
  role: accessibilityAttributes.role,
27
27
  onClick: handleOpen,
@@ -10,7 +10,7 @@ function ComboboxTrigger({ label = "Select", selected, }) {
10
10
  const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
11
11
  const hasSelection = selected.length;
12
12
  const selectedLabel = selected.map(option => option.label).join(", ");
13
- return (React.createElement(Chip.Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React.createElement(Chip.Chip.Suffix, null,
13
+ return (React.createElement(Chip.ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React.createElement(Chip.ChipNamespace.Suffix, null,
14
14
  React.createElement(Icon.Icon, { name: "add", size: "small" })))));
15
15
  }
16
16
 
@@ -1,5 +1,5 @@
1
1
  import React__default from 'react';
2
- import { C as Chip } from './Chip-es.js';
2
+ import { C as ChipNamespace } from './Chip-es.js';
3
3
  import './tslib.es6-es.js';
4
4
  import { I as Icon } from './Icon-es.js';
5
5
  import { a as ComboboxContext } from './ComboboxProvider-es.js';
@@ -8,7 +8,7 @@ function ComboboxTrigger({ label = "Select", selected, }) {
8
8
  const { handleOpen } = React__default.useContext(ComboboxContext);
9
9
  const hasSelection = selected.length;
10
10
  const selectedLabel = selected.map(option => option.label).join(", ");
11
- return (React__default.createElement(Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React__default.createElement(Chip.Suffix, null,
11
+ return (React__default.createElement(ChipNamespace, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: handleOpen, role: "combobox" }, !hasSelection && (React__default.createElement(ChipNamespace.Suffix, null,
12
12
  React__default.createElement(Icon, { name: "add", size: "small" })))));
13
13
  }
14
14
 
@@ -21,7 +21,7 @@ function DataListSort() {
21
21
  },
22
22
  ] },
23
23
  React.createElement(Combobox.Combobox.Activator, null,
24
- React.createElement(Chip.Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React.createElement(Chip.Chip.Suffix, null,
24
+ React.createElement(Chip.ChipNamespace, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React.createElement(Chip.ChipNamespace.Suffix, null,
25
25
  React.createElement(Icon.Icon, { name: "arrowDown", size: "small" }))))),
26
26
  sortByOptions.map(({ label, value }) => (React.createElement(Combobox.Combobox.Option, { key: value, id: value, label: label })))));
27
27
  function getSortByOptions() {
@@ -2,7 +2,7 @@ import React__default from 'react';
2
2
  import { u as useDataListContext } from './DataListContext-es.js';
3
3
  import { C as Combobox } from './Combobox-es.js';
4
4
  import './ComboboxProvider-es.js';
5
- import { C as Chip } from './Chip-es.js';
5
+ import { C as ChipNamespace } from './Chip-es.js';
6
6
  import './tslib.es6-es.js';
7
7
  import { I as Icon } from './Icon-es.js';
8
8
 
@@ -19,7 +19,7 @@ function DataListSort() {
19
19
  },
20
20
  ] },
21
21
  React__default.createElement(Combobox.Activator, null,
22
- React__default.createElement(Chip, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React__default.createElement(Chip.Suffix, null,
22
+ React__default.createElement(ChipNamespace, { heading: "Sort", label: getButtonLabel(), variation: state ? "base" : "subtle" }, !state && (React__default.createElement(ChipNamespace.Suffix, null,
23
23
  React__default.createElement(Icon, { name: "arrowDown", size: "small" }))))),
24
24
  sortByOptions.map(({ label, value }) => (React__default.createElement(Combobox.Option, { key: value, id: value, label: label })))));
25
25
  function getSortByOptions() {
@@ -14,9 +14,9 @@ var Chip = require('./Chip-cjs.js');
14
14
  require('./tslib.es6-cjs.js');
15
15
 
16
16
  function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
17
- return (React.createElement(Chip.Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
18
- prefix && React.createElement(Chip.Chip.Prefix, null, prefix),
19
- suffix && React.createElement(Chip.Chip.Suffix, null, suffix)));
17
+ return (React.createElement(Chip.ChipNamespace, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
18
+ prefix && React.createElement(Chip.ChipNamespace.Prefix, null, prefix),
19
+ suffix && React.createElement(Chip.ChipNamespace.Suffix, null, suffix)));
20
20
  }
21
21
 
22
22
  var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuList":"J8USVG1tjPs-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};
@@ -8,13 +8,13 @@ import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
8
8
  import { T as Text } from './Text-es.js';
9
9
  import { B as Button } from './Button-es.js';
10
10
  import { S as Spinner } from './Spinner-es.js';
11
- import { C as Chip, I as InternalChipButton } from './Chip-es.js';
11
+ import { C as ChipNamespace, I as InternalChipButton } from './Chip-es.js';
12
12
  import './tslib.es6-es.js';
13
13
 
14
14
  function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
15
- return (React__default.createElement(Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
16
- prefix && React__default.createElement(Chip.Prefix, null, prefix),
17
- suffix && React__default.createElement(Chip.Suffix, null, suffix)));
15
+ return (React__default.createElement(ChipNamespace, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
16
+ prefix && React__default.createElement(ChipNamespace.Prefix, null, prefix),
17
+ suffix && React__default.createElement(ChipNamespace.Suffix, null, suffix)));
18
18
  }
19
19
 
20
20
  var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuList":"J8USVG1tjPs-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};
package/dist/index.cjs CHANGED
@@ -215,7 +215,7 @@ exports.Cluster = Cluster.Cluster;
215
215
  exports.Container = Container.Container;
216
216
  exports.Cover = Cover.Cover;
217
217
  exports.Checkbox = Checkbox_index.Checkbox;
218
- exports.Chip = Chip.Chip;
218
+ exports.Chip = Chip.ChipNamespace;
219
219
  exports.ChipDismissible = ChipDismissible.ChipDismissible;
220
220
  exports.ChipSelectable = ChipDismissible.ChipSelectable;
221
221
  exports.Chips = Chips.Chips;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "6.45.0",
3
+ "version": "6.46.0",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -534,5 +534,5 @@
534
534
  "> 1%",
535
535
  "IE 10"
536
536
  ],
537
- "gitHead": "394f1184b5781f5836c3b005363cb5bac40e2884"
537
+ "gitHead": "06b587a6f7e93caf7b6e5a0aa8c191f3d7e1c208"
538
538
  }