@jobber/components 4.85.7-change-dat.0 → 4.86.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 (81) hide show
  1. package/dist/Autocomplete/index.js +7 -7
  2. package/dist/Banner/index.js +3 -3
  3. package/dist/Button/index.js +2 -2
  4. package/dist/{Button-b73a5e01.js → Button-6b922fc1.js} +1 -1
  5. package/dist/ButtonDismiss/index.js +3 -3
  6. package/dist/{ButtonDismiss-350af163.js → ButtonDismiss-a3ba1de2.js} +1 -1
  7. package/dist/Card/index.js +5 -5
  8. package/dist/{Card-e3144022.js → Card-90fd7309.js} +3 -3
  9. package/dist/Checkbox/index.js +3 -3
  10. package/dist/{Checkbox-787e2e47.js → Checkbox-e481a4b1.js} +1 -1
  11. package/dist/Chip/index.js +2 -2
  12. package/dist/{Chip-3d1bfddc.js → Chip-a3ed52e8.js} +1 -1
  13. package/dist/Chips/index.js +3 -3
  14. package/dist/Combobox/index.js +5 -5
  15. package/dist/{Combobox-a24c8241.js → Combobox-ba1bc9ba.js} +4 -4
  16. package/dist/ConfirmationModal/index.js +9 -9
  17. package/dist/{ConfirmationModal-52e16873.js → ConfirmationModal-6d9b5dfb.js} +2 -2
  18. package/dist/DataDump/index.js +6 -6
  19. package/dist/DataList/index.js +12 -12
  20. package/dist/DataTable/index.js +6 -6
  21. package/dist/DatePicker/index.js +3 -3
  22. package/dist/{DatePicker-64c5ab1a.js → DatePicker-dd9173c7.js} +2 -2
  23. package/dist/DescriptionList/index.js +1 -1
  24. package/dist/Disclosure/index.js +1 -1
  25. package/dist/Drawer/index.js +4 -4
  26. package/dist/Emphasis/index.js +2 -2
  27. package/dist/{Emphasis-bda56d3b.js → Emphasis-a77d8ee9.js} +1 -1
  28. package/dist/FeatureSwitch/index.js +7 -7
  29. package/dist/FormField/index.js +5 -5
  30. package/dist/{FormField-6ff183f8.js → FormField-3ec1c85d.js} +3 -3
  31. package/dist/FormatFile/index.js +10 -10
  32. package/dist/{FormatFile-f036902d.js → FormatFile-5b061504.js} +4 -4
  33. package/dist/Gallery/index.js +11 -11
  34. package/dist/Heading/index.js +2 -2
  35. package/dist/{Heading-1e8e4bd3.js → Heading-caf76d2c.js} +1 -1
  36. package/dist/InlineLabel/index.js +2 -2
  37. package/dist/{InlineLabel-a6557829.js → InlineLabel-4d463bd6.js} +1 -1
  38. package/dist/InputAvatar/index.js +5 -5
  39. package/dist/InputDate/index.js +6 -6
  40. package/dist/InputEmail/index.js +5 -5
  41. package/dist/InputFile/index.js +5 -5
  42. package/dist/{InputFile-bb945071.js → InputFile-20b9074a.js} +3 -3
  43. package/dist/InputNumber/index.js +6 -6
  44. package/dist/{InputNumber-d451b52e.js → InputNumber-75ae72b9.js} +1 -1
  45. package/dist/InputPassword/index.js +5 -5
  46. package/dist/InputPhoneNumber/index.js +5 -5
  47. package/dist/InputText/index.js +6 -6
  48. package/dist/{InputText-55b6cb65.js → InputText-de22af8c.js} +1 -1
  49. package/dist/InputTime/index.js +5 -5
  50. package/dist/InputValidation/index.js +3 -3
  51. package/dist/{InputValidation-05e839fa.js → InputValidation-a92bb519.js} +1 -1
  52. package/dist/LightBox/index.js +4 -4
  53. package/dist/{LightBox-a89d8863.js → LightBox-6806cc30.js} +2 -2
  54. package/dist/List/index.js +5 -5
  55. package/dist/Markdown/index.js +5 -5
  56. package/dist/{Markdown-f7c55304.js → Markdown-52c4ad31.js} +3 -3
  57. package/dist/Menu/index.js +3 -3
  58. package/dist/{Menu-083fc4c4.js → Menu-d6dd673e.js} +2 -2
  59. package/dist/Modal/index.js +5 -5
  60. package/dist/{Modal-c336cac6.js → Modal-51497914.js} +3 -3
  61. package/dist/MultiSelect/index.js +3 -3
  62. package/dist/{Option-3c4d377e.js → Option-c4b05656.js} +1 -1
  63. package/dist/Page/index.js +7 -7
  64. package/dist/Popover/index.js +3 -3
  65. package/dist/RadioGroup/index.js +3 -3
  66. package/dist/{RadioGroup-17b67ade.js → RadioGroup-678f4932.js} +1 -1
  67. package/dist/RecurringSelect/index.js +8 -8
  68. package/dist/Select/index.js +6 -6
  69. package/dist/StatusIndicator/index.js +1 -1
  70. package/dist/{StatusIndicator-b179d06e.js → StatusIndicator-7b5258ea.js} +1 -1
  71. package/dist/StatusLabel/index.js +7 -8
  72. package/dist/Switch/index.js +2 -2
  73. package/dist/{Switch-7d4aa7c3.js → Switch-eac89586.js} +1 -1
  74. package/dist/Tabs/index.js +1 -1
  75. package/dist/Text/index.js +2 -2
  76. package/dist/{Text-259af966.js → Text-fbeaaca6.js} +1 -1
  77. package/dist/Toast/index.js +2 -2
  78. package/dist/Typography/css/TextColors.css.d.ts +1 -0
  79. package/dist/Typography/index.js +1 -1
  80. package/dist/{Typography-c45bf216.js → Typography-e2a23b7e.js} +2 -2
  81. package/package.json +3 -3
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
- var Checkbox = require('../Checkbox-787e2e47.js');
9
- var Text = require('../Text-259af966.js');
8
+ var Checkbox = require('../Checkbox-e481a4b1.js');
9
+ var Text = require('../Text-fbeaaca6.js');
10
10
  var Icon = require('../Icon-405a216c.js');
11
11
  require('../tslib.es6-754e2961.js');
12
12
  require('react-hook-form');
13
- require('../Typography-c45bf216.js');
13
+ require('../Typography-e2a23b7e.js');
14
14
  require('@jobber/design');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var FormField = require('./FormField-6ff183f8.js');
4
+ var FormField = require('./FormField-3ec1c85d.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -6,14 +6,14 @@ var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var jobberHooks = require('@jobber/hooks/useResizeObserver');
8
8
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
9
- var Heading = require('../Heading-1e8e4bd3.js');
10
- var Text = require('../Text-259af966.js');
9
+ var Heading = require('../Heading-caf76d2c.js');
10
+ var Text = require('../Text-fbeaaca6.js');
11
11
  var Content = require('../Content-e3f7b6fc.js');
12
- var Markdown = require('../Markdown-f7c55304.js');
13
- var Button = require('../Button-b73a5e01.js');
14
- var Menu = require('../Menu-083fc4c4.js');
15
- var Emphasis = require('../Emphasis-bda56d3b.js');
16
- require('../Typography-c45bf216.js');
12
+ var Markdown = require('../Markdown-52c4ad31.js');
13
+ var Button = require('../Button-6b922fc1.js');
14
+ var Menu = require('../Menu-d6dd673e.js');
15
+ var Emphasis = require('../Emphasis-a77d8ee9.js');
16
+ require('../Typography-e2a23b7e.js');
17
17
  require('../getAtlantisConfig-0f3e8af2.js');
18
18
  require('react-markdown');
19
19
  require('react-router-dom');
@@ -6,13 +6,13 @@ var React = require('react');
6
6
  var reactPopper = require('react-popper');
7
7
  var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
8
8
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
9
- var ButtonDismiss = require('../ButtonDismiss-350af163.js');
10
- require('../Button-b73a5e01.js');
9
+ var ButtonDismiss = require('../ButtonDismiss-a3ba1de2.js');
10
+ require('../Button-6b922fc1.js');
11
11
  require('classnames');
12
12
  require('react-router-dom');
13
13
  require('../Icon-405a216c.js');
14
14
  require('@jobber/design');
15
- require('../Typography-c45bf216.js');
15
+ require('../Typography-e2a23b7e.js');
16
16
 
17
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
18
 
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var RadioGroup = require('../RadioGroup-17b67ade.js');
5
+ var RadioGroup = require('../RadioGroup-678f4932.js');
6
6
  require('react');
7
7
  require('../style-inject.es-9d2f5f4e.js');
8
- require('../Text-259af966.js');
9
- require('../Typography-c45bf216.js');
8
+ require('../Text-fbeaaca6.js');
9
+ require('../Typography-e2a23b7e.js');
10
10
  require('classnames');
11
11
 
12
12
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
5
- var Text = require('./Text-259af966.js');
5
+ var Text = require('./Text-fbeaaca6.js');
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
7
- var RadioGroup = require('../RadioGroup-17b67ade.js');
8
- var Text = require('../Text-259af966.js');
7
+ var RadioGroup = require('../RadioGroup-678f4932.js');
8
+ var Text = require('../Text-fbeaaca6.js');
9
9
  require('classnames');
10
- require('../Typography-c45bf216.js');
11
- var Option = require('../Option-3c4d377e.js');
12
- var InputNumber = require('../InputNumber-d451b52e.js');
10
+ require('../Typography-e2a23b7e.js');
11
+ var Option = require('../Option-c4b05656.js');
12
+ var InputNumber = require('../InputNumber-75ae72b9.js');
13
13
  var InputGroup = require('../InputGroup-8d4fd4eb.js');
14
14
  var Content = require('../Content-e3f7b6fc.js');
15
- require('../FormField-6ff183f8.js');
15
+ require('../FormField-3ec1c85d.js');
16
16
  require('../tslib.es6-754e2961.js');
17
17
  require('react-hook-form');
18
18
  require('@jobber/hooks/useShowClear');
19
- require('../Button-b73a5e01.js');
19
+ require('../Button-6b922fc1.js');
20
20
  require('react-router-dom');
21
21
  require('../Icon-405a216c.js');
22
22
  require('@jobber/design');
23
- require('../InputValidation-05e839fa.js');
23
+ require('../InputValidation-a92bb519.js');
24
24
  require('framer-motion');
25
25
  require('../Spinner-9d8fc7ff.js');
26
26
 
@@ -2,21 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Option = require('../Option-3c4d377e.js');
5
+ var Option = require('../Option-c4b05656.js');
6
6
  require('react');
7
- require('../FormField-6ff183f8.js');
7
+ require('../FormField-3ec1c85d.js');
8
8
  require('../tslib.es6-754e2961.js');
9
9
  require('react-hook-form');
10
10
  require('../style-inject.es-9d2f5f4e.js');
11
11
  require('classnames');
12
12
  require('@jobber/hooks/useShowClear');
13
- require('../Button-b73a5e01.js');
13
+ require('../Button-6b922fc1.js');
14
14
  require('react-router-dom');
15
15
  require('../Icon-405a216c.js');
16
16
  require('@jobber/design');
17
- require('../Typography-c45bf216.js');
18
- require('../Text-259af966.js');
19
- require('../InputValidation-05e839fa.js');
17
+ require('../Typography-e2a23b7e.js');
18
+ require('../Text-fbeaaca6.js');
19
+ require('../InputValidation-a92bb519.js');
20
20
  require('framer-motion');
21
21
  require('../Spinner-9d8fc7ff.js');
22
22
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var StatusIndicator = require('../StatusIndicator-b179d06e.js');
5
+ var StatusIndicator = require('../StatusIndicator-7b5258ea.js');
6
6
  require('react');
7
7
  require('../style-inject.es-9d2f5f4e.js');
8
8
 
@@ -7,7 +7,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
7
7
 
8
8
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
9
9
 
10
- var css_248z = ".ob7nhx1U-HQ- {\n display: inline-block;\n width: var(--statusLabel-icon-diameter);\n height: var(--statusLabel-icon-diameter);\n border-radius: 3px;\n background-color: rgb(125, 176, 14);\n background-color: var(--color-success);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n";
10
+ var css_248z = ":root {\n --statusLabel-icon-diameter: 8px;\n}\n\n.ob7nhx1U-HQ- {\n display: inline-block;\n width: 8px;\n width: var(--statusLabel-icon-diameter);\n height: 8px;\n height: var(--statusLabel-icon-diameter);\n border-radius: 50%;\n background-color: rgb(125, 176, 14);\n background-color: var(--color-success);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n";
11
11
  var styles = {"statusIndicator":"ob7nhx1U-HQ-"};
12
12
  styleInject_es.styleInject(css_248z);
13
13
 
@@ -5,25 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
- var Text = require('../Text-259af966.js');
9
- var StatusIndicator = require('../StatusIndicator-b179d06e.js');
10
- require('../Typography-c45bf216.js');
8
+ var Typography = require('../Typography-e2a23b7e.js');
9
+ var StatusIndicator = require('../StatusIndicator-7b5258ea.js');
11
10
 
12
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
12
 
14
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
14
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
16
15
 
17
- var css_248z = ":root {\n --statusLabel-icon-diameter: 10px;\n}\n\n.MB0ycTR4PHg- {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n gap: calc(16px / 2);\n gap: var(--space-small);\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n._0kNfkSPBETw- {\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n\n.fNl6zDhsox0- {\n display: -ms-inline-flexbox;\n display: inline-flex;\n padding-top: calc(16px / 16);\n padding-top: var(--space-minuscule);\n}\n";
18
- var styles = {"statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicator":"fNl6zDhsox0-"};
16
+ var css_248z = ":root {\n --labelBackgroundColor: var(--color-success--surface);\n}\n\n.WBxCEgPiC98- {\n --labelBackgroundColor: var(--color-success--surface);\n}\n\n.ok6hVljkqSE- {\n --labelBackgroundColor: var(--color-warning--surface);\n}\n\n.-YTFHnzpkRE- {\n --labelBackgroundColor: var(--color-critical--surface);\n}\n\n._2F0I59nddP8- {\n --labelBackgroundColor: var(--color-inactive--surface);\n}\n\n.BQd6Hylvxh0- {\n --labelBackgroundColor: var(--color-informative--surface);\n}\n\n.MB0ycTR4PHg- {\n display: -ms-flexbox;\n display: flex;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n padding: 0.375rem 0.625rem 0.375rem 0.5rem;\n border-radius: 0.75rem;\n -ms-flex-direction: row;\n flex-direction: row;\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n gap: 0.375rem;\n background-color: rgb(236, 243, 219);\n background-color: var(--labelBackgroundColor);\n}\n\n/* Reset the <Text> line height so we can reliably get 24px tall */\n\n.MB0ycTR4PHg- p {\n line-height: 1;\n}\n\n._0kNfkSPBETw- {\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n\n.NYMNxZSup30- {\n display: -ms-flexbox;\n display: flex;\n padding-top: 0.125rem;\n}\n";
17
+ var styles = {"success":"WBxCEgPiC98-","warning":"ok6hVljkqSE-","critical":"-YTFHnzpkRE-","inactive":"_2F0I59nddP8-","informative":"BQd6Hylvxh0-","statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicatorWrapper":"NYMNxZSup30-"};
19
18
  styleInject_es.styleInject(css_248z);
20
19
 
21
20
  function StatusLabel({ label, alignment = "start", status = "inactive", }) {
22
- const containerClassNames = classnames__default["default"](styles.statusLabelRow, alignment === "end" && styles.labelTextEndAligned);
21
+ const containerClassNames = classnames__default["default"](styles.statusLabelRow, styles[status], alignment === "end" && styles.labelTextEndAligned);
23
22
  return (React__default["default"].createElement("div", { role: "status", className: containerClassNames },
24
- React__default["default"].createElement("div", { className: styles.statusIndicator },
23
+ React__default["default"].createElement("div", { className: styles.statusIndicatorWrapper },
25
24
  React__default["default"].createElement(StatusIndicator.StatusIndicator, { status: status })),
26
- React__default["default"].createElement(Text.Text, { size: "small", align: alignment }, label)));
25
+ React__default["default"].createElement(Typography.Typography, { size: "small", textColor: status, align: alignment }, label)));
27
26
  }
28
27
 
29
28
  exports.StatusLabel = StatusLabel;
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Switch = require('../Switch-7d4aa7c3.js');
5
+ var Switch = require('../Switch-eac89586.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('../style-inject.es-9d2f5f4e.js');
9
- require('../Typography-c45bf216.js');
9
+ require('../Typography-e2a23b7e.js');
10
10
 
11
11
 
12
12
 
@@ -3,7 +3,7 @@
3
3
  var React = require('react');
4
4
  var classnames = require('classnames');
5
5
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
6
- var Typography = require('./Typography-c45bf216.js');
6
+ var Typography = require('./Typography-e2a23b7e.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
- var Typography = require('../Typography-c45bf216.js');
8
+ var Typography = require('../Typography-e2a23b7e.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Text = require('../Text-259af966.js');
5
+ var Text = require('../Text-fbeaaca6.js');
6
6
  require('react');
7
- require('../Typography-c45bf216.js');
7
+ require('../Typography-e2a23b7e.js');
8
8
  require('classnames');
9
9
  require('../style-inject.es-9d2f5f4e.js');
10
10
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var Typography = require('./Typography-c45bf216.js');
4
+ var Typography = require('./Typography-e2a23b7e.js');
5
5
 
6
6
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
7
 
@@ -7,8 +7,8 @@ var client = require('react-dom/client');
7
7
  var framerMotion = require('framer-motion');
8
8
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
9
9
  var Icon = require('../Icon-405a216c.js');
10
- var Button = require('../Button-b73a5e01.js');
11
- var Typography = require('../Typography-c45bf216.js');
10
+ var Button = require('../Button-6b922fc1.js');
11
+ var Typography = require('../Typography-e2a23b7e.js');
12
12
  require('@jobber/design');
13
13
  require('classnames');
14
14
  require('react-router-dom');
@@ -12,6 +12,7 @@ declare const styles: {
12
12
  readonly "heading": string;
13
13
  readonly "text": string;
14
14
  readonly "textSecondary": string;
15
+ readonly "inactive": string;
15
16
  readonly "critical": string;
16
17
  readonly "warning": string;
17
18
  readonly "informative": string;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Typography = require('../Typography-c45bf216.js');
5
+ var Typography = require('../Typography-e2a23b7e.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('../style-inject.es-9d2f5f4e.js');
@@ -25,8 +25,8 @@ var css_248z$5 = ".xE6cC62h5G0- {\n text-transform: uppercase;\n}\n\n.HlqJJ3Cl7
25
25
  var textCases = {"uppercase":"xE6cC62h5G0-","lowercase":"HlqJJ3Cl7dE-","capitalize":"Loe26JnDfco-"};
26
26
  styleInject_es.styleInject(css_248z$5);
27
27
 
28
- var css_248z$4 = ".pkqoq2KXY9w- {\n color: rgb(1, 41, 57);\n color: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n color: rgb(181, 181, 181);\n color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n color: rgb(66, 78, 86);\n color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n color: rgba(101, 120, 132, 1);\n color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n color: rgb(125, 176, 14);\n color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n color: rgb(201, 66, 33);\n color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n color: rgb(221, 195, 15);\n color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n color: rgb(144, 127, 10);\n color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n color: rgb(60, 162, 224);\n color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n color: rgba(255, 255, 255, 1);\n color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n color: rgb(1, 41, 57);\n color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n color: rgb(66, 78, 86);\n color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n color: rgb(77, 105, 116);\n color: var(--color-text--secondary);\n}\n\n.rWkzi9HFNDU- {\n color: rgb(201, 66, 33);\n color: var(--color-critical);\n}\n\n.PQLYQKGCmPI- {\n color: rgb(144, 127, 10);\n color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n color: rgb(39, 105, 146);\n color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n color: rgb(81, 114, 9);\n color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\n color: rgb(181, 181, 181);\n color: var(--color-disabled);\n}\n";
29
- var textColors = {"blue":"pkqoq2KXY9w-","grey":"ftVHRSii3ro-","greyBlueDark":"FQbGABZWVzA-","greyBlue":"zQaB9J0-vrs-","green":"_4-xdzcqT-Us-","red":"Zp9E7ELPjPA-","yellow":"v-Fo4PwPxDI-","yellowDark":"YrGUIChAZC0-","lightBlue":"r7JcIVoDcTY-","white":"_6RXTyd198iM-","heading":"fLix4jA-RkU-","text":"_1g0uMAwFAsk-","textSecondary":"oXqFAHwT6y4-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","disabled":"_3g4iYm8XwkM-"};
28
+ var css_248z$4 = ".pkqoq2KXY9w- {\n color: rgb(1, 41, 57);\n color: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n color: rgb(181, 181, 181);\n color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n color: rgb(66, 78, 86);\n color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n color: rgba(101, 120, 132, 1);\n color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n color: rgb(125, 176, 14);\n color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n color: rgb(201, 66, 33);\n color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n color: rgb(221, 195, 15);\n color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n color: rgb(144, 127, 10);\n color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n color: rgb(60, 162, 224);\n color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n color: rgba(255, 255, 255, 1);\n color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n color: rgb(1, 41, 57);\n color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n color: rgb(66, 78, 86);\n color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n color: rgb(77, 105, 116);\n color: var(--color-text--secondary);\n}\n\n.gPhKMwPfrsw- {\n color: rgb(1, 27, 37);\n color: var(--color-inactive--onSurface);\n}\n\n.rWkzi9HFNDU- {\n color: rgb(128, 25, 0);\n color: var(--color-critical--onSurface);\n}\n\n.PQLYQKGCmPI- {\n color: rgb(144, 127, 10);\n color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n color: rgb(39, 105, 146);\n color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n color: rgb(81, 114, 9);\n color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\n color: rgb(181, 181, 181);\n color: var(--color-disabled);\n}\n";
29
+ var textColors = {"blue":"pkqoq2KXY9w-","grey":"ftVHRSii3ro-","greyBlueDark":"FQbGABZWVzA-","greyBlue":"zQaB9J0-vrs-","green":"_4-xdzcqT-Us-","red":"Zp9E7ELPjPA-","yellow":"v-Fo4PwPxDI-","yellowDark":"YrGUIChAZC0-","lightBlue":"r7JcIVoDcTY-","white":"_6RXTyd198iM-","heading":"fLix4jA-RkU-","text":"_1g0uMAwFAsk-","textSecondary":"oXqFAHwT6y4-","inactive":"gPhKMwPfrsw-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","disabled":"_3g4iYm8XwkM-"};
30
30
  styleInject_es.styleInject(css_248z$4);
31
31
 
32
32
  var css_248z$3 = ".Jys1uy2pQXw- {\n font-style: italic;\n}\n\n.kd2u0dL-if0- {\n display: inline;\n font-family: inherit;\n font-style: normal;\n font-weight: inherit;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E\");\n background-position: center bottom;\n background-repeat: no-repeat;\n background-size: 100% 20%;\n}\n";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "4.85.7-change-dat.0+127cd53b",
3
+ "version": "4.86.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "dependencies": {
22
22
  "@jobber/design": "^0.56.0",
23
- "@jobber/formatters": "^0.2.2",
23
+ "@jobber/formatters": "*",
24
24
  "@jobber/hooks": "^2.9.1",
25
25
  "@popperjs/core": "^2.0.6",
26
26
  "@std-proposal/temporal": "0.0.1",
@@ -80,5 +80,5 @@
80
80
  "> 1%",
81
81
  "IE 10"
82
82
  ],
83
- "gitHead": "127cd53bfcd11139faf1a91beca71adbc6c284c3"
83
+ "gitHead": "2374e760248ae5e579810d7756b7450d2fba25c5"
84
84
  }