@jobber/components 7.0.1-JOB-160324-bafb15f.2 → 7.1.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.
Files changed (174) hide show
  1. package/README.md +1 -1
  2. package/dist/Button/Button.d.ts +2 -8
  3. package/dist/Button/index.cjs +1 -1
  4. package/dist/Button/index.mjs +1 -1
  5. package/dist/Button-cjs.js +10 -35
  6. package/dist/Button-es.js +10 -35
  7. package/dist/ButtonDismiss/index.cjs +1 -1
  8. package/dist/ButtonDismiss/index.mjs +1 -1
  9. package/dist/Card/index.cjs +1 -1
  10. package/dist/Card/index.mjs +1 -1
  11. package/dist/Chips/InternalChipDismissible/index.cjs +1 -1
  12. package/dist/Chips/InternalChipDismissible/index.mjs +1 -1
  13. package/dist/Chips/index.cjs +1 -1
  14. package/dist/Chips/index.mjs +1 -1
  15. package/dist/Combobox/components/ComboboxActivator/index.cjs +1 -1
  16. package/dist/Combobox/components/ComboboxActivator/index.mjs +1 -1
  17. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.cjs +1 -1
  18. package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.mjs +1 -1
  19. package/dist/ConfirmationModal/index.cjs +1 -1
  20. package/dist/ConfirmationModal/index.mjs +1 -1
  21. package/dist/DataDump/index.cjs +1 -1
  22. package/dist/DataDump/index.mjs +1 -1
  23. package/dist/DataList/components/DataListActions/index.cjs +1 -1
  24. package/dist/DataList/components/DataListActions/index.mjs +1 -1
  25. package/dist/DataList/components/DataListBulkActions/index.cjs +1 -1
  26. package/dist/DataList/components/DataListBulkActions/index.mjs +1 -1
  27. package/dist/DataList/components/DataListHeader/index.cjs +1 -1
  28. package/dist/DataList/components/DataListHeader/index.mjs +1 -1
  29. package/dist/DataList/components/DataListItem/index.cjs +1 -1
  30. package/dist/DataList/components/DataListItem/index.mjs +1 -1
  31. package/dist/DataList/components/DataListItemActions/index.cjs +1 -1
  32. package/dist/DataList/components/DataListItemActions/index.mjs +1 -1
  33. package/dist/DataList/components/DataListItemActionsOverflow/index.cjs +1 -1
  34. package/dist/DataList/components/DataListItemActionsOverflow/index.mjs +1 -1
  35. package/dist/DataList/components/DataListItems/index.cjs +1 -1
  36. package/dist/DataList/components/DataListItems/index.mjs +1 -1
  37. package/dist/DataList/components/DataListLayout/index.cjs +1 -1
  38. package/dist/DataList/components/DataListLayout/index.mjs +1 -1
  39. package/dist/DataList/components/DataListLayoutActions/index.cjs +1 -1
  40. package/dist/DataList/components/DataListLayoutActions/index.mjs +1 -1
  41. package/dist/DataList/components/DataListLoadMore/index.cjs +1 -1
  42. package/dist/DataList/components/DataListLoadMore/index.mjs +1 -1
  43. package/dist/DataList/components/DataListSearch/index.cjs +1 -1
  44. package/dist/DataList/components/DataListSearch/index.mjs +1 -1
  45. package/dist/DatePicker/index.cjs +1 -1
  46. package/dist/DatePicker/index.mjs +1 -1
  47. package/dist/Drawer/index.cjs +1 -1
  48. package/dist/Drawer/index.mjs +1 -1
  49. package/dist/FeatureSwitch/index.cjs +1 -1
  50. package/dist/FeatureSwitch/index.mjs +1 -1
  51. package/dist/FormField/index.cjs +1 -1
  52. package/dist/FormField/index.mjs +1 -1
  53. package/dist/InputPassword/index.cjs +1 -1
  54. package/dist/InputPassword/index.mjs +1 -1
  55. package/dist/LightBox/index.cjs +1 -1
  56. package/dist/LightBox/index.mjs +1 -1
  57. package/dist/Menu/index.cjs +1 -1
  58. package/dist/Menu/index.mjs +1 -1
  59. package/dist/Modal/index.cjs +1 -1
  60. package/dist/Modal/index.mjs +1 -1
  61. package/dist/RecurringSelect/index.cjs +1 -1
  62. package/dist/RecurringSelect/index.mjs +1 -1
  63. package/dist/SideDrawer/index.cjs +1 -1
  64. package/dist/SideDrawer/index.mjs +1 -1
  65. package/dist/Toast/index.cjs +1 -1
  66. package/dist/Toast/index.mjs +1 -1
  67. package/dist/docs/AnimatedPresence/AnimatedPresence.md +74 -0
  68. package/dist/docs/AnimatedSwitcher/AnimatedSwitcher.md +34 -0
  69. package/dist/docs/Animation/Animation.md +71 -0
  70. package/dist/docs/AtlantisThemeContext/AtlantisThemeContext.md +257 -0
  71. package/dist/docs/Autocomplete/AutocompleteV1.md +1329 -0
  72. package/dist/docs/Autocomplete/AutocompleteV2.md +817 -0
  73. package/dist/docs/Avatar/Avatar.md +147 -0
  74. package/dist/docs/Banner/Banner.md +463 -0
  75. package/dist/docs/Borders/Borders.md +45 -0
  76. package/dist/docs/Box/Box.md +223 -0
  77. package/dist/docs/Button/Button.md +958 -0
  78. package/dist/docs/ButtonDismiss/ButtonDismiss.md +33 -0
  79. package/dist/docs/Card/Card.md +273 -0
  80. package/dist/docs/Checkbox/Checkbox.md +74 -0
  81. package/dist/docs/Chip/Chip.md +375 -0
  82. package/dist/docs/Chips/Chips.md +179 -0
  83. package/dist/docs/Cluster/Cluster.md +234 -0
  84. package/dist/docs/Colors/Colors.md +217 -0
  85. package/dist/docs/Combobox/Combobox.md +282 -0
  86. package/dist/docs/ConfirmationModal/ConfirmationModal.md +125 -0
  87. package/dist/docs/Container/Container.md +116 -0
  88. package/dist/docs/Content/Content.md +64 -0
  89. package/dist/docs/ContentBlock/ContentBlock.md +132 -0
  90. package/dist/docs/Countdown/Countdown.md +48 -0
  91. package/dist/docs/Cover/Cover.md +98 -0
  92. package/dist/docs/DataDump/DataDump.md +20 -0
  93. package/dist/docs/DataList/DataList.md +575 -0
  94. package/dist/docs/DataTable/DataTable.md +541 -0
  95. package/dist/docs/DatePickerNotes/DatePickerNotes.md +37 -0
  96. package/dist/docs/Datepicker/Datepicker.md +60 -0
  97. package/dist/docs/DescriptionList/DescriptionList.md +25 -0
  98. package/dist/docs/Disclosure/Disclosure.md +162 -0
  99. package/dist/docs/Divider/Divider.md +86 -0
  100. package/dist/docs/Drawer/Drawer.md +46 -0
  101. package/dist/docs/Elevations/Elevations.md +76 -0
  102. package/dist/docs/Emphasis/Emphasis.md +75 -0
  103. package/dist/docs/FeatureSwitch/FeatureSwitch.md +33 -0
  104. package/dist/docs/Flex/Flex.md +38 -0
  105. package/dist/docs/Form/Form.md +106 -0
  106. package/dist/docs/FormField/FormField.md +93 -0
  107. package/dist/docs/FormatDate/FormatDate.md +47 -0
  108. package/dist/docs/FormatEmail/FormatEmail.md +14 -0
  109. package/dist/docs/FormatFile/FormatFile.md +88 -0
  110. package/dist/docs/FormatRelativeDateTime/FormatRelativeDateTime.md +30 -0
  111. package/dist/docs/FormatTime/FormatTime.md +32 -0
  112. package/dist/docs/Frame/Frame.md +113 -0
  113. package/dist/docs/Gallery/Gallery.md +39 -0
  114. package/dist/docs/Glimmer/Glimmer.md +173 -0
  115. package/dist/docs/Grid/Grid.md +77 -0
  116. package/dist/docs/Heading/Heading.md +130 -0
  117. package/dist/docs/Icon/Icon.md +586 -0
  118. package/dist/docs/InlineLabel/InlineLabel.md +144 -0
  119. package/dist/docs/InputAvatar/InputAvatar.md +25 -0
  120. package/dist/docs/InputDate/InputDate.md +143 -0
  121. package/dist/docs/InputEmail/InputEmail.md +54 -0
  122. package/dist/docs/InputFile/InputFile.md +425 -0
  123. package/dist/docs/InputGroup/InputGroup.md +30 -0
  124. package/dist/docs/InputNumber/InputNumber.md +67 -0
  125. package/dist/docs/InputPassword/InputPassword.md +52 -0
  126. package/dist/docs/InputPhoneNumber/InputPhoneNumber.md +71 -0
  127. package/dist/docs/InputText/InputText.md +322 -0
  128. package/dist/docs/InputTime/InputTime.md +67 -0
  129. package/dist/docs/InputValidation/InputValidation.md +27 -0
  130. package/dist/docs/LightBox/LightBox.md +225 -0
  131. package/dist/docs/Link/Link.md +44 -0
  132. package/dist/docs/List/List.md +235 -0
  133. package/dist/docs/Markdown/Markdown.md +17 -0
  134. package/dist/docs/Menu/Menu.md +366 -0
  135. package/dist/docs/Modal/Modal.md +298 -0
  136. package/dist/docs/MultiSelect/MultiSelect.md +53 -0
  137. package/dist/docs/Opacity/Opacity.md +12 -0
  138. package/dist/docs/Page/Page.md +364 -0
  139. package/dist/docs/Popover/Popover.md +292 -0
  140. package/dist/docs/ProgressBar/ProgressBar.md +36 -0
  141. package/dist/docs/Radii/Radii.md +23 -0
  142. package/dist/docs/RadioGroup/RadioGroup.md +30 -0
  143. package/dist/docs/RecurringSelect/RecurringSelect.md +59 -0
  144. package/dist/docs/ResponsiveBreakpoint/ResponsiveBreakpoint.md +74 -0
  145. package/dist/docs/ResponsiveSwitcher/ResponsiveSwitcher.md +202 -0
  146. package/dist/docs/SegmentedControl/SegmentedControl.md +185 -0
  147. package/dist/docs/Select/Select.md +215 -0
  148. package/dist/docs/SideDrawer/SideDrawer.md +179 -0
  149. package/dist/docs/SideKick/SideKick.md +129 -0
  150. package/dist/docs/Spacing/Spacing.md +103 -0
  151. package/dist/docs/Spinner/Spinner.md +45 -0
  152. package/dist/docs/Stack/Stack.md +195 -0
  153. package/dist/docs/StatusIndicator/StatusIndicator.md +56 -0
  154. package/dist/docs/StatusLabel/StatusLabel.md +119 -0
  155. package/dist/docs/Switch/Switch.md +51 -0
  156. package/dist/docs/Table/Table.md +49 -0
  157. package/dist/docs/Tabs/Tabs.md +67 -0
  158. package/dist/docs/Text/Text.md +358 -0
  159. package/dist/docs/Tiles/Tiles.md +189 -0
  160. package/dist/docs/Toast/Toast.md +74 -0
  161. package/dist/docs/Tooltip/Tooltip.md +40 -0
  162. package/dist/docs/Typography/Typography.md +170 -0
  163. package/dist/docs/choosing-components/choosing-components.md +76 -0
  164. package/dist/docs/customizing-components/customizing-components.md +167 -0
  165. package/dist/docs/disabled-states/disabled-states.md +86 -0
  166. package/dist/docs/empty-states/empty-states.md +126 -0
  167. package/dist/docs/errors/errors.md +114 -0
  168. package/dist/docs/index.md +107 -0
  169. package/dist/docs/interaction/interaction.md +109 -0
  170. package/dist/docs/page-layouts/page-layouts.md +323 -0
  171. package/dist/docs/scaffolding/scaffolding.md +109 -0
  172. package/dist/docs/settings/settings.md +58 -0
  173. package/dist/docs/usage-guidelines/usage-guidelines.md +177 -0
  174. package/package.json +8 -4
package/README.md CHANGED
@@ -8,7 +8,7 @@ Atlantis is a component library designed and maintained by
8
8
  This package contains the base set of [React components](https://reactjs.org/)
9
9
  for Atlantis.
10
10
 
11
- ## Installation
11
+ ## Installation
12
12
 
13
13
  To install this package into your project run:
14
14
 
@@ -1,13 +1,7 @@
1
1
  import React from "react";
2
- import type { ButtonProps } from "./Button.types";
2
+ import { type ButtonProps } from "./Button.types";
3
3
  import { ButtonIcon, ButtonLabel } from "./ButtonInternals";
4
- type ButtonElement = HTMLAnchorElement | HTMLButtonElement;
5
- type ButtonRuntimeProps = ButtonProps & React.HTMLAttributes<ButtonElement> & {
6
- readonly className?: string;
7
- readonly ref?: React.Ref<ButtonElement>;
8
- readonly style?: React.CSSProperties;
9
- };
10
- declare function Button(props: ButtonRuntimeProps): React.JSX.Element;
4
+ declare function Button(props: ButtonProps): React.JSX.Element;
11
5
  declare namespace Button {
12
6
  var Label: typeof ButtonLabel;
13
7
  var Icon: typeof ButtonIcon;
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  var Button = require('../Button-cjs.js');
4
- require('../tslib.es6-cjs.js');
5
4
  require('react');
6
5
  require('react-router-dom');
7
6
  require('classnames');
7
+ require('../tslib.es6-cjs.js');
8
8
  require('../Icon-cjs.js');
9
9
  require('@jobber/design');
10
10
  require('../Typography-cjs.js');
@@ -1,8 +1,8 @@
1
1
  export { B as Button, u as useButtonContext, a as useButtonStyles } from '../Button-es.js';
2
- import '../tslib.es6-es.js';
3
2
  import 'react';
4
3
  import 'react-router-dom';
5
4
  import 'classnames';
5
+ import '../tslib.es6-es.js';
6
6
  import '../Icon-es.js';
7
7
  import '@jobber/design';
8
8
  import '../Typography-es.js';
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-cjs.js');
4
3
  var React = require('react');
5
4
  var reactRouterDom = require('react-router-dom');
6
5
  var classnames = require('classnames');
6
+ var tslib_es6 = require('./tslib.es6-cjs.js');
7
7
  var Icon = require('./Icon-cjs.js');
8
8
  var Typography = require('./Typography-cjs.js');
9
9
 
@@ -74,47 +74,22 @@ function Button(props) {
74
74
  return (React.createElement(ButtonProvider, { size: size },
75
75
  React.createElement(ButtonWrapper, Object.assign({}, props))));
76
76
  }
77
- // Base UI trigger composition requires DOM prop filtering and passthrough here.
78
- // eslint-disable-next-line max-statements
79
77
  function ButtonWrapper(props) {
80
- const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, "aria-controls": ariaControlsProp, "aria-haspopup": ariaHaspopupProp, "aria-expanded": ariaExpandedProp, "aria-label": ariaLabelProp, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, fullWidth: _fullWidth, icon: _icon, iconOnRight: _iconOnRight, label: _label, size: _size, to, type: _type, url, variation: _variation, UNSAFE_className = {}, UNSAFE_style = {}, children, className, style, ref, onKeyDown, onKeyUp, onFocus, onBlur, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, onContextMenu, tabIndex, title } = props, rest = tslib_es6.__rest(props, ["ariaControls", "ariaHaspopup", "ariaExpanded", "ariaLabel", "aria-controls", "aria-haspopup", "aria-expanded", "aria-label", "disabled", "external", "id", "name", "onClick", "onMouseDown", "loading", "role", "value", "submit", "fullWidth", "icon", "iconOnRight", "label", "size", "to", "type", "url", "variation", "UNSAFE_className", "UNSAFE_style", "children", "className", "style", "ref", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerEnter", "onPointerLeave", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "onContextMenu", "tabIndex", "title"]);
78
+ const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, to, url, UNSAFE_className = {}, UNSAFE_style = {}, children, } = props;
81
79
  const { combined } = useButtonStyles(props);
82
- const buttonClassNames = classnames(combined, UNSAFE_className.container, className);
83
- const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
84
- onClick: (event) => {
85
- onClick === null || onClick === void 0 ? void 0 : onClick(event);
86
- },
87
- })), (!disabled && {
88
- onMouseDown: (event) => {
89
- onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
90
- },
91
- })), (external && {
80
+ const buttonType = submit ? "submit" : "button";
81
+ const buttonClassNames = classnames(combined, UNSAFE_className.container);
82
+ const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
83
+ id, style: UNSAFE_style.container }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && {
92
84
  target: "_blank",
93
85
  rel: "noopener noreferrer",
94
- })), { "aria-controls": ariaControls !== null && ariaControls !== void 0 ? ariaControls : ariaControlsProp, "aria-haspopup": ariaHaspopup !== null && ariaHaspopup !== void 0 ? ariaHaspopup : ariaHaspopupProp, "aria-busy": loading, "aria-expanded": ariaExpanded !== null && ariaExpanded !== void 0 ? ariaExpanded : ariaExpandedProp, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, role,
95
- tabIndex,
96
- title,
97
- onKeyDown,
98
- onKeyUp,
99
- onFocus,
100
- onBlur,
101
- onPointerDown,
102
- onPointerUp,
103
- onPointerEnter,
104
- onPointerLeave,
105
- onMouseEnter,
106
- onMouseLeave,
107
- onTouchStart,
108
- onTouchEnd,
109
- onContextMenu });
86
+ })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-busy": loading, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
110
87
  const buttonInternals = children || React.createElement(ButtonContent, Object.assign({}, props));
111
88
  if (to) {
112
- return (React.createElement(reactRouterDom.Link, Object.assign({}, sharedTagProps, { to: to }), buttonInternals));
113
- }
114
- if (url) {
115
- return (React.createElement("a", Object.assign({}, sharedTagProps, { ref: ref, href: !disabled ? url : undefined }), buttonInternals));
89
+ return (React.createElement(reactRouterDom.Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
116
90
  }
117
- return (React.createElement("button", Object.assign({}, sharedTagProps, { ref: ref, type: submit ? "submit" : "button", disabled: disabled }, (submit ? { name, value } : {})), buttonInternals));
91
+ const Tag = url ? "a" : "button";
92
+ return React.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
118
93
  }
119
94
  Button.Label = ButtonLabel;
120
95
  Button.Icon = ButtonIcon;
package/dist/Button-es.js CHANGED
@@ -1,7 +1,7 @@
1
- import { _ as __rest } from './tslib.es6-es.js';
2
1
  import React__default, { createContext, useContext } from 'react';
3
2
  import { Link } from 'react-router-dom';
4
3
  import classnames from 'classnames';
4
+ import { _ as __rest } from './tslib.es6-es.js';
5
5
  import { I as Icon } from './Icon-es.js';
6
6
  import { T as Typography } from './Typography-es.js';
7
7
 
@@ -72,47 +72,22 @@ function Button(props) {
72
72
  return (React__default.createElement(ButtonProvider, { size: size },
73
73
  React__default.createElement(ButtonWrapper, Object.assign({}, props))));
74
74
  }
75
- // Base UI trigger composition requires DOM prop filtering and passthrough here.
76
- // eslint-disable-next-line max-statements
77
75
  function ButtonWrapper(props) {
78
- const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, "aria-controls": ariaControlsProp, "aria-haspopup": ariaHaspopupProp, "aria-expanded": ariaExpandedProp, "aria-label": ariaLabelProp, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, fullWidth: _fullWidth, icon: _icon, iconOnRight: _iconOnRight, label: _label, size: _size, to, type: _type, url, variation: _variation, UNSAFE_className = {}, UNSAFE_style = {}, children, className, style, ref, onKeyDown, onKeyUp, onFocus, onBlur, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, onContextMenu, tabIndex, title } = props, rest = __rest(props, ["ariaControls", "ariaHaspopup", "ariaExpanded", "ariaLabel", "aria-controls", "aria-haspopup", "aria-expanded", "aria-label", "disabled", "external", "id", "name", "onClick", "onMouseDown", "loading", "role", "value", "submit", "fullWidth", "icon", "iconOnRight", "label", "size", "to", "type", "url", "variation", "UNSAFE_className", "UNSAFE_style", "children", "className", "style", "ref", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerEnter", "onPointerLeave", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "onContextMenu", "tabIndex", "title"]);
76
+ const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, to, url, UNSAFE_className = {}, UNSAFE_style = {}, children, } = props;
79
77
  const { combined } = useButtonStyles(props);
80
- const buttonClassNames = classnames(combined, UNSAFE_className.container, className);
81
- const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
82
- onClick: (event) => {
83
- onClick === null || onClick === void 0 ? void 0 : onClick(event);
84
- },
85
- })), (!disabled && {
86
- onMouseDown: (event) => {
87
- onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
88
- },
89
- })), (external && {
78
+ const buttonType = submit ? "submit" : "button";
79
+ const buttonClassNames = classnames(combined, UNSAFE_className.container);
80
+ const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
81
+ id, style: UNSAFE_style.container }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && {
90
82
  target: "_blank",
91
83
  rel: "noopener noreferrer",
92
- })), { "aria-controls": ariaControls !== null && ariaControls !== void 0 ? ariaControls : ariaControlsProp, "aria-haspopup": ariaHaspopup !== null && ariaHaspopup !== void 0 ? ariaHaspopup : ariaHaspopupProp, "aria-busy": loading, "aria-expanded": ariaExpanded !== null && ariaExpanded !== void 0 ? ariaExpanded : ariaExpandedProp, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, role,
93
- tabIndex,
94
- title,
95
- onKeyDown,
96
- onKeyUp,
97
- onFocus,
98
- onBlur,
99
- onPointerDown,
100
- onPointerUp,
101
- onPointerEnter,
102
- onPointerLeave,
103
- onMouseEnter,
104
- onMouseLeave,
105
- onTouchStart,
106
- onTouchEnd,
107
- onContextMenu });
84
+ })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-busy": loading, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
108
85
  const buttonInternals = children || React__default.createElement(ButtonContent, Object.assign({}, props));
109
86
  if (to) {
110
- return (React__default.createElement(Link, Object.assign({}, sharedTagProps, { to: to }), buttonInternals));
111
- }
112
- if (url) {
113
- return (React__default.createElement("a", Object.assign({}, sharedTagProps, { ref: ref, href: !disabled ? url : undefined }), buttonInternals));
87
+ return (React__default.createElement(Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
114
88
  }
115
- return (React__default.createElement("button", Object.assign({}, sharedTagProps, { ref: ref, type: submit ? "submit" : "button", disabled: disabled }, (submit ? { name, value } : {})), buttonInternals));
89
+ const Tag = url ? "a" : "button";
90
+ return React__default.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
116
91
  }
117
92
  Button.Label = ButtonLabel;
118
93
  Button.Icon = ButtonIcon;
@@ -3,9 +3,9 @@
3
3
  var ButtonDismiss = require('../ButtonDismiss-cjs.js');
4
4
  require('react');
5
5
  require('../Button-cjs.js');
6
- require('../tslib.es6-cjs.js');
7
6
  require('react-router-dom');
8
7
  require('classnames');
8
+ require('../tslib.es6-cjs.js');
9
9
  require('../Icon-cjs.js');
10
10
  require('@jobber/design');
11
11
  require('../Typography-cjs.js');
@@ -1,9 +1,9 @@
1
1
  export { B as ButtonDismiss } from '../ButtonDismiss-es.js';
2
2
  import 'react';
3
3
  import '../Button-es.js';
4
- import '../tslib.es6-es.js';
5
4
  import 'react-router-dom';
6
5
  import 'classnames';
6
+ import '../tslib.es6-es.js';
7
7
  import '../Icon-es.js';
8
8
  import '@jobber/design';
9
9
  import '../Typography-es.js';
@@ -6,8 +6,8 @@ require('classnames');
6
6
  require('../Heading-cjs.js');
7
7
  require('../Typography-cjs.js');
8
8
  require('../Button-cjs.js');
9
- require('../tslib.es6-cjs.js');
10
9
  require('react-router-dom');
10
+ require('../tslib.es6-cjs.js');
11
11
  require('../Icon-cjs.js');
12
12
  require('@jobber/design');
13
13
  require('../Menu-cjs.js');
@@ -4,8 +4,8 @@ import 'classnames';
4
4
  import '../Heading-es.js';
5
5
  import '../Typography-es.js';
6
6
  import '../Button-es.js';
7
- import '../tslib.es6-es.js';
8
7
  import 'react-router-dom';
8
+ import '../tslib.es6-es.js';
9
9
  import '../Icon-es.js';
10
10
  import '@jobber/design';
11
11
  import '../Menu-es.js';
@@ -29,8 +29,8 @@ require('classnames');
29
29
  require('../../Text-cjs.js');
30
30
  require('../../Typography-cjs.js');
31
31
  require('../../Button-cjs.js');
32
- require('../../tslib.es6-cjs.js');
33
32
  require('react-router-dom');
33
+ require('../../tslib.es6-cjs.js');
34
34
  require('../../Spinner-cjs.js');
35
35
  require('../../Chip-cjs.js');
36
36
  require('../../Avatar-cjs.js');
@@ -27,8 +27,8 @@ import 'classnames';
27
27
  import '../../Text-es.js';
28
28
  import '../../Typography-es.js';
29
29
  import '../../Button-es.js';
30
- import '../../tslib.es6-es.js';
31
30
  import 'react-router-dom';
31
+ import '../../tslib.es6-es.js';
32
32
  import '../../Spinner-es.js';
33
33
  import '../../Chip-es.js';
34
34
  import '../../Avatar-es.js';
@@ -31,8 +31,8 @@ require('classnames');
31
31
  require('../Text-cjs.js');
32
32
  require('../Typography-cjs.js');
33
33
  require('../Button-cjs.js');
34
- require('../tslib.es6-cjs.js');
35
34
  require('react-router-dom');
35
+ require('../tslib.es6-cjs.js');
36
36
  require('../Spinner-cjs.js');
37
37
  require('../Avatar-cjs.js');
38
38
  require('color');
@@ -29,8 +29,8 @@ import 'classnames';
29
29
  import '../Text-es.js';
30
30
  import '../Typography-es.js';
31
31
  import '../Button-es.js';
32
- import '../tslib.es6-es.js';
33
32
  import 'react-router-dom';
33
+ import '../tslib.es6-es.js';
34
34
  import '../Spinner-es.js';
35
35
  import '../Avatar-es.js';
36
36
  import 'color';
@@ -3,9 +3,9 @@
3
3
  var ComboboxActivator = require('../../../ComboboxActivator-cjs.js');
4
4
  require('react');
5
5
  require('../../../Button-cjs.js');
6
- require('../../../tslib.es6-cjs.js');
7
6
  require('react-router-dom');
8
7
  require('classnames');
8
+ require('../../../tslib.es6-cjs.js');
9
9
  require('../../../Icon-cjs.js');
10
10
  require('@jobber/design');
11
11
  require('../../../Typography-cjs.js');
@@ -1,9 +1,9 @@
1
1
  export { C as ComboboxActivator } from '../../../ComboboxActivator-es.js';
2
2
  import 'react';
3
3
  import '../../../Button-es.js';
4
- import '../../../tslib.es6-es.js';
5
4
  import 'react-router-dom';
6
5
  import 'classnames';
6
+ import '../../../tslib.es6-es.js';
7
7
  import '../../../Icon-es.js';
8
8
  import '@jobber/design';
9
9
  import '../../../Typography-es.js';
@@ -5,8 +5,8 @@ require('react');
5
5
  require('../../../../Typography-cjs.js');
6
6
  require('classnames');
7
7
  require('../../../../Button-cjs.js');
8
- require('../../../../tslib.es6-cjs.js');
9
8
  require('react-router-dom');
9
+ require('../../../../tslib.es6-cjs.js');
10
10
  require('../../../../Icon-cjs.js');
11
11
  require('@jobber/design');
12
12
 
@@ -3,7 +3,7 @@ import 'react';
3
3
  import '../../../../Typography-es.js';
4
4
  import 'classnames';
5
5
  import '../../../../Button-es.js';
6
- import '../../../../tslib.es6-es.js';
7
6
  import 'react-router-dom';
7
+ import '../../../../tslib.es6-es.js';
8
8
  import '../../../../Icon-es.js';
9
9
  import '@jobber/design';
@@ -10,8 +10,8 @@ require('framer-motion');
10
10
  require('../Heading-cjs.js');
11
11
  require('../Typography-cjs.js');
12
12
  require('../Button-cjs.js');
13
- require('../tslib.es6-cjs.js');
14
13
  require('react-router-dom');
14
+ require('../tslib.es6-cjs.js');
15
15
  require('../Icon-cjs.js');
16
16
  require('@jobber/design');
17
17
  require('../ButtonDismiss-cjs.js');
@@ -8,8 +8,8 @@ import 'framer-motion';
8
8
  import '../Heading-es.js';
9
9
  import '../Typography-es.js';
10
10
  import '../Button-es.js';
11
- import '../tslib.es6-es.js';
12
11
  import 'react-router-dom';
12
+ import '../tslib.es6-es.js';
13
13
  import '../Icon-es.js';
14
14
  import '@jobber/design';
15
15
  import '../ButtonDismiss-es.js';
@@ -7,8 +7,8 @@ require('classnames');
7
7
  require('../Heading-cjs.js');
8
8
  require('../Typography-cjs.js');
9
9
  require('../Button-cjs.js');
10
- require('../tslib.es6-cjs.js');
11
10
  require('react-router-dom');
11
+ require('../tslib.es6-cjs.js');
12
12
  require('../Icon-cjs.js');
13
13
  require('@jobber/design');
14
14
  require('../Menu-cjs.js');
@@ -5,8 +5,8 @@ import 'classnames';
5
5
  import '../Heading-es.js';
6
6
  import '../Typography-es.js';
7
7
  import '../Button-es.js';
8
- import '../tslib.es6-es.js';
9
8
  import 'react-router-dom';
9
+ import '../tslib.es6-es.js';
10
10
  import '../Icon-es.js';
11
11
  import '@jobber/design';
12
12
  import '../Menu-es.js';
@@ -12,8 +12,8 @@ require('../../../floating-ui.react-dom-cjs.js');
12
12
  require('framer-motion');
13
13
  require('@jobber/hooks');
14
14
  require('../../../Button-cjs.js');
15
- require('../../../tslib.es6-cjs.js');
16
15
  require('react-router-dom');
16
+ require('../../../tslib.es6-cjs.js');
17
17
  require('../../../Icon-cjs.js');
18
18
  require('@jobber/design');
19
19
  require('../../../Typography-cjs.js');
@@ -10,8 +10,8 @@ import '../../../floating-ui.react-dom-es.js';
10
10
  import 'framer-motion';
11
11
  import '@jobber/hooks';
12
12
  import '../../../Button-es.js';
13
- import '../../../tslib.es6-es.js';
14
13
  import 'react-router-dom';
14
+ import '../../../tslib.es6-es.js';
15
15
  import '../../../Icon-es.js';
16
16
  import '@jobber/design';
17
17
  import '../../../Typography-es.js';
@@ -16,8 +16,8 @@ require('../../../floating-ui.react-dom-cjs.js');
16
16
  require('framer-motion');
17
17
  require('@jobber/hooks');
18
18
  require('../../../Button-cjs.js');
19
- require('../../../tslib.es6-cjs.js');
20
19
  require('react-router-dom');
20
+ require('../../../tslib.es6-cjs.js');
21
21
  require('../../../Icon-cjs.js');
22
22
  require('@jobber/design');
23
23
  require('../../../Typography-cjs.js');
@@ -14,8 +14,8 @@ import '../../../floating-ui.react-dom-es.js';
14
14
  import 'framer-motion';
15
15
  import '@jobber/hooks';
16
16
  import '../../../Button-es.js';
17
- import '../../../tslib.es6-es.js';
18
17
  import 'react-router-dom';
18
+ import '../../../tslib.es6-es.js';
19
19
  import '../../../Icon-es.js';
20
20
  import '@jobber/design';
21
21
  import '../../../Typography-es.js';
@@ -26,8 +26,8 @@ require('../../../useResponsiveSizing-cjs.js');
26
26
  require('../../../AnimatedSwitcher-cjs.js');
27
27
  require('framer-motion');
28
28
  require('../../../Button-cjs.js');
29
- require('../../../tslib.es6-cjs.js');
30
29
  require('react-router-dom');
30
+ require('../../../tslib.es6-cjs.js');
31
31
  require('../../../Checkbox/index.cjs');
32
32
  require('react-hook-form');
33
33
  require('../../../filterDataAttributes-cjs.js');
@@ -24,8 +24,8 @@ import '../../../useResponsiveSizing-es.js';
24
24
  import '../../../AnimatedSwitcher-es.js';
25
25
  import 'framer-motion';
26
26
  import '../../../Button-es.js';
27
- import '../../../tslib.es6-es.js';
28
27
  import 'react-router-dom';
28
+ import '../../../tslib.es6-es.js';
29
29
  import '../../../Checkbox/index.mjs';
30
30
  import 'react-hook-form';
31
31
  import '../../../filterDataAttributes-es.js';
@@ -19,8 +19,8 @@ require('react-dom');
19
19
  require('../../../floating-ui.react-dom-cjs.js');
20
20
  require('@jobber/hooks');
21
21
  require('../../../Button-cjs.js');
22
- require('../../../tslib.es6-cjs.js');
23
22
  require('react-router-dom');
23
+ require('../../../tslib.es6-cjs.js');
24
24
  require('../../../Icon-cjs.js');
25
25
  require('../../../Typography-cjs.js');
26
26
  require('../../../DataList.utils-cjs.js');
@@ -17,8 +17,8 @@ import 'react-dom';
17
17
  import '../../../floating-ui.react-dom-es.js';
18
18
  import '@jobber/hooks';
19
19
  import '../../../Button-es.js';
20
- import '../../../tslib.es6-es.js';
21
20
  import 'react-router-dom';
21
+ import '../../../tslib.es6-es.js';
22
22
  import '../../../Icon-es.js';
23
23
  import '../../../Typography-es.js';
24
24
  import '../../../DataList.utils-es.js';
@@ -15,8 +15,8 @@ require('react-dom');
15
15
  require('../../../floating-ui.react-dom-cjs.js');
16
16
  require('@jobber/hooks');
17
17
  require('../../../Button-cjs.js');
18
- require('../../../tslib.es6-cjs.js');
19
18
  require('react-router-dom');
19
+ require('../../../tslib.es6-cjs.js');
20
20
  require('../../../Icon-cjs.js');
21
21
  require('../../../Typography-cjs.js');
22
22
  require('../../../DataList.utils-cjs.js');
@@ -13,8 +13,8 @@ import 'react-dom';
13
13
  import '../../../floating-ui.react-dom-es.js';
14
14
  import '@jobber/hooks';
15
15
  import '../../../Button-es.js';
16
- import '../../../tslib.es6-es.js';
17
16
  import 'react-router-dom';
17
+ import '../../../tslib.es6-es.js';
18
18
  import '../../../Icon-es.js';
19
19
  import '../../../Typography-es.js';
20
20
  import '../../../DataList.utils-es.js';
@@ -3,9 +3,9 @@
3
3
  var DataListItemActionsOverflow = require('../../../DataListItemActionsOverflow-cjs.js');
4
4
  require('react');
5
5
  require('../../../Button-cjs.js');
6
- require('../../../tslib.es6-cjs.js');
7
6
  require('react-router-dom');
8
7
  require('classnames');
8
+ require('../../../tslib.es6-cjs.js');
9
9
  require('../../../Icon-cjs.js');
10
10
  require('@jobber/design');
11
11
  require('../../../Typography-cjs.js');
@@ -1,9 +1,9 @@
1
1
  export { D as DataListItemActionsOverflow } from '../../../DataListItemActionsOverflow-es.js';
2
2
  import 'react';
3
3
  import '../../../Button-es.js';
4
- import '../../../tslib.es6-es.js';
5
4
  import 'react-router-dom';
6
5
  import 'classnames';
6
+ import '../../../tslib.es6-es.js';
7
7
  import '../../../Icon-es.js';
8
8
  import '@jobber/design';
9
9
  import '../../../Typography-es.js';
@@ -21,8 +21,8 @@ require('react-dom');
21
21
  require('../../../floating-ui.react-dom-cjs.js');
22
22
  require('@jobber/hooks');
23
23
  require('../../../Button-cjs.js');
24
- require('../../../tslib.es6-cjs.js');
25
24
  require('react-router-dom');
25
+ require('../../../tslib.es6-cjs.js');
26
26
  require('../../../Icon-cjs.js');
27
27
  require('../../../Typography-cjs.js');
28
28
  require('../../../DataList.utils-cjs.js');
@@ -19,8 +19,8 @@ import 'react-dom';
19
19
  import '../../../floating-ui.react-dom-es.js';
20
20
  import '@jobber/hooks';
21
21
  import '../../../Button-es.js';
22
- import '../../../tslib.es6-es.js';
23
22
  import 'react-router-dom';
23
+ import '../../../tslib.es6-es.js';
24
24
  import '../../../Icon-es.js';
25
25
  import '../../../Typography-es.js';
26
26
  import '../../../DataList.utils-es.js';
@@ -22,8 +22,8 @@ require('react-dom');
22
22
  require('../../../floating-ui.react-dom-cjs.js');
23
23
  require('@jobber/hooks');
24
24
  require('../../../Button-cjs.js');
25
- require('../../../tslib.es6-cjs.js');
26
25
  require('react-router-dom');
26
+ require('../../../tslib.es6-cjs.js');
27
27
  require('../../../Icon-cjs.js');
28
28
  require('../../../Typography-cjs.js');
29
29
  require('../../../DataList.utils-cjs.js');
@@ -20,8 +20,8 @@ import 'react-dom';
20
20
  import '../../../floating-ui.react-dom-es.js';
21
21
  import '@jobber/hooks';
22
22
  import '../../../Button-es.js';
23
- import '../../../tslib.es6-es.js';
24
23
  import 'react-router-dom';
24
+ import '../../../tslib.es6-es.js';
25
25
  import '../../../Icon-es.js';
26
26
  import '../../../Typography-es.js';
27
27
  import '../../../DataList.utils-es.js';
@@ -8,9 +8,9 @@ require('../../../_commonjsHelpers-cjs.js');
8
8
  require('../../../DataListLayoutContext-cjs.js');
9
9
  require('../../../DataListItemActionsOverflow-cjs.js');
10
10
  require('../../../Button-cjs.js');
11
- require('../../../tslib.es6-cjs.js');
12
11
  require('react-router-dom');
13
12
  require('classnames');
13
+ require('../../../tslib.es6-cjs.js');
14
14
  require('../../../Icon-cjs.js');
15
15
  require('@jobber/design');
16
16
  require('../../../Typography-cjs.js');
@@ -6,9 +6,9 @@ import '../../../_commonjsHelpers-es.js';
6
6
  import '../../../DataListLayoutContext-es.js';
7
7
  import '../../../DataListItemActionsOverflow-es.js';
8
8
  import '../../../Button-es.js';
9
- import '../../../tslib.es6-es.js';
10
9
  import 'react-router-dom';
11
10
  import 'classnames';
11
+ import '../../../tslib.es6-es.js';
12
12
  import '../../../Icon-es.js';
13
13
  import '@jobber/design';
14
14
  import '../../../Typography-es.js';
@@ -11,8 +11,8 @@ require('@jobber/design');
11
11
  require('../../../Spinner-cjs.js');
12
12
  require('classnames');
13
13
  require('../../../Button-cjs.js');
14
- require('../../../tslib.es6-cjs.js');
15
14
  require('react-router-dom');
15
+ require('../../../tslib.es6-cjs.js');
16
16
  require('../../../Icon-cjs.js');
17
17
  require('../../../Typography-cjs.js');
18
18
 
@@ -9,7 +9,7 @@ import '@jobber/design';
9
9
  import '../../../Spinner-es.js';
10
10
  import 'classnames';
11
11
  import '../../../Button-es.js';
12
- import '../../../tslib.es6-es.js';
13
12
  import 'react-router-dom';
13
+ import '../../../tslib.es6-es.js';
14
14
  import '../../../Icon-es.js';
15
15
  import '../../../Typography-es.js';
@@ -9,8 +9,8 @@ require('../../../InputText/index.cjs');
9
9
  require('../../../FormField-cjs.js');
10
10
  require('framer-motion');
11
11
  require('../../../Button-cjs.js');
12
- require('../../../tslib.es6-cjs.js');
13
12
  require('react-router-dom');
13
+ require('../../../tslib.es6-cjs.js');
14
14
  require('../../../Icon-cjs.js');
15
15
  require('../../../Typography-cjs.js');
16
16
  require('../../../Text-cjs.js');
@@ -7,8 +7,8 @@ import '../../../InputText/index.mjs';
7
7
  import '../../../FormField-es.js';
8
8
  import 'framer-motion';
9
9
  import '../../../Button-es.js';
10
- import '../../../tslib.es6-es.js';
11
10
  import 'react-router-dom';
11
+ import '../../../tslib.es6-es.js';
12
12
  import '../../../Icon-es.js';
13
13
  import '../../../Typography-es.js';
14
14
  import '../../../Text-es.js';