@jobber/components 4.81.5 → 4.83.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 (13) hide show
  1. package/dist/Card/index.js +1 -1
  2. package/dist/{Card-0a6f3a28.js → Card-46421af2.js} +1 -1
  3. package/dist/Combobox/index.js +2 -2
  4. package/dist/{Combobox-f977e808.js → Combobox-8d91d825.js} +1 -1
  5. package/dist/DataDump/index.js +1 -1
  6. package/dist/DataList/index.js +2 -2
  7. package/dist/DataTable/index.js +1 -1
  8. package/dist/FormatFile/index.js +2 -2
  9. package/dist/{FormatFile-652edda8.js → FormatFile-f10799f5.js} +1 -1
  10. package/dist/Gallery/index.js +2 -2
  11. package/dist/Glimmer/index.js +1 -1
  12. package/dist/{Glimmer-7c317864.js → Glimmer-84dee1ed.js} +1 -1
  13. package/package.json +2 -2
package/dist/Card/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Card = require('../Card-0a6f3a28.js');
5
+ var Card = require('../Card-46421af2.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('../style-inject.es-9d2f5f4e.js');
package/dist/{Card-0a6f3a28.js → Card-46421af2.js} RENAMED
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
14
14
 
15
- var css_248z$1 = ":root {\n --card--accent-color: var(--color-grey);\n --card--base-padding: var(--space-base);\n --card--border: var(--border-base) solid var(--color-border);\n --card--header-background: var(--color-surface--background);\n}\n\n._2wxPdv7kELk- {\n display: block;\n width: 100%;\n border: calc(16px / 16) solid rgb(217, 223, 225);\n border: var(--card--border);\n border-radius: calc(16px / 8);\n border-radius: var(--radius-base);\n outline-color: rgb(147, 161, 169);\n outline-color: var(--color-focus);\n background-color: rgba(255, 255, 255, 1);\n background-color: var(--color-surface);\n}\n\n._2wxPdv7kELk-:active {\n outline: 0;\n}\n\n:root .jobber-retheme ._2wxPdv7kELk-:not(.tRfpysqqk8s-) {\n --card--header-background: transparent;\n}\n\n/* Adjust `Content` components public padding to match the cards */\n\n._2wxPdv7kELk- > * {\n --public-content--padding: var(--card--base-padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n._2wxPdv7kELk- > * > * {\n --public-content--padding: 0;\n}\n\n._5LfUFF9DYsk- {\n border-top-width: 0;\n}\n\n.jobber-retheme ._5LfUFF9DYsk- {\n border-top-width: 1px;\n}\n\n._5LfUFF9DYsk-::before {\n content: \" \";\n display: block;\n margin: 0 calc(-1 * (16px / 16));\n margin: 0 calc(-1 * calc(16px / 16));\n margin: 0 calc(-1 * var(--border-base));\n border-top: 0.5rem solid rgb(181, 181, 181);\n border-top: 0.5rem solid var(--card--accent-color);\n border-radius: calc(16px / 8) calc(16px / 8) 0 0;\n border-radius: var(--radius-base) var(--radius-base) 0 0;\n}\n\n.jobber-retheme ._5LfUFF9DYsk-::before {\n display: none;\n}\n\n.tRfpysqqk8s- {\n --card--border: none;\n\n box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n rgba(0, 0, 0, 0.1),\n 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n\n box-shadow: var(--shadow-base);\n color: inherit;\n text-decoration: inherit;\n cursor: pointer;\n transition: all 100ms linear;\n transition: all var(--timing-quick) linear;\n}\n\n.tRfpysqqk8s-:hover,\n.tRfpysqqk8s-:focus {\n background-color: rgb(244, 246, 250);\n background-color: var(--color-surface--hover);\n}\n\n.fAPeD1InvAI- {\n display: -ms-flexbox;\n display: flex;\n padding: calc(16px * 1);\n padding: var(--card--base-padding);\n background-color: rgb(238, 240, 242);\n background-color: var(--card--header-background);\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: start;\n align-items: flex-start;\n gap: calc(16px / 2);\n gap: var(--space-small);\n}\n\n.jobber-retheme .fAPeD1InvAI- {\n padding-bottom: 0;\n}\n\n.jobber-retheme .fAPeD1InvAI- h3 {\n font-family: \"Inter\", Helvetica, Arial, sans-serif;\n font-family: var(--typography--fontFamily-normal);\n font-size: calc((16px * 1) * 1.5);\n font-size: calc(calc(16px * 1) * 1.5);\n font-size: var(--typography--fontSize-largest);\n}\n";
15
+ var css_248z$1 = ":root {\n --card--accent-color: var(--color-grey);\n --card--base-padding: var(--space-base);\n --card--border: var(--border-base) solid var(--color-border);\n --card--header-background: var(--color-surface--background);\n}\n\n._2wxPdv7kELk- {\n display: block;\n width: 100%;\n border: calc(16px / 16) solid rgb(217, 223, 225);\n border: var(--card--border);\n border-radius: calc(16px / 8);\n border-radius: var(--radius-base);\n outline-color: rgb(147, 161, 169);\n outline-color: var(--color-focus);\n background-color: rgba(255, 255, 255, 1);\n background-color: var(--color-surface);\n}\n\n._2wxPdv7kELk-:active {\n outline: 0;\n}\n\n:root .jobber-retheme ._2wxPdv7kELk-:not(.tRfpysqqk8s-) {\n --card--header-background: transparent;\n}\n\n/* Adjust `Content` components public padding to match the cards */\n\n._2wxPdv7kELk- > * {\n --public-content--padding: var(--card--base-padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n._2wxPdv7kELk- > * > * {\n --public-content--padding: 0;\n}\n\n._5LfUFF9DYsk- {\n border-top-width: 0;\n}\n\n._5LfUFF9DYsk-::before {\n content: \" \";\n display: block;\n margin: 0 calc(-1 * (16px / 16));\n margin: 0 calc(-1 * calc(16px / 16));\n margin: 0 calc(-1 * var(--border-base));\n border-top: 0.375rem solid rgb(181, 181, 181);\n border-top: 0.375rem solid var(--card--accent-color);\n border-radius: calc(16px / 8) calc(16px / 8) 0 0;\n border-radius: var(--radius-base) var(--radius-base) 0 0;\n}\n\n.tRfpysqqk8s- {\n --card--border: none;\n\n box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n rgba(0, 0, 0, 0.1),\n 0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n\n box-shadow: var(--shadow-base);\n color: inherit;\n text-decoration: inherit;\n cursor: pointer;\n transition: all 100ms linear;\n transition: all var(--timing-quick) linear;\n}\n\n.tRfpysqqk8s-:hover,\n.tRfpysqqk8s-:focus {\n background-color: rgb(244, 246, 250);\n background-color: var(--color-surface--hover);\n}\n\n.fAPeD1InvAI- {\n display: -ms-flexbox;\n display: flex;\n padding: calc(16px * 1);\n padding: var(--card--base-padding);\n background-color: rgb(238, 240, 242);\n background-color: var(--card--header-background);\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: start;\n align-items: flex-start;\n gap: calc(16px / 2);\n gap: var(--space-small);\n}\n\n.jobber-retheme .fAPeD1InvAI- {\n padding-bottom: 0;\n}\n\n.jobber-retheme .fAPeD1InvAI- h3 {\n font-family: \"Inter\", Helvetica, Arial, sans-serif;\n font-family: var(--typography--fontFamily-normal);\n font-size: calc((16px * 1) * 1.5);\n font-size: calc(calc(16px * 1) * 1.5);\n font-size: var(--typography--fontSize-largest);\n}\n";
16
16
  var styles = {"card":"_2wxPdv7kELk-","clickable":"tRfpysqqk8s-","accent":"_5LfUFF9DYsk-","header":"fAPeD1InvAI-"};
17
17
  styleInject_es.styleInject(css_248z$1);
18
18
 
package/dist/Combobox/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Combobox = require('../Combobox-f977e808.js');
5
+ var Combobox = require('../Combobox-8d91d825.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('react-dom');
@@ -11,7 +11,7 @@ require('../Icon-405a216c.js');
11
11
  require('@jobber/design');
12
12
  require('../Text-259af966.js');
13
13
  require('../Typography-c45bf216.js');
14
- require('../Glimmer-7c317864.js');
14
+ require('../Glimmer-84dee1ed.js');
15
15
  require('../tslib.es6-754e2961.js');
16
16
  require('../Content-e3f7b6fc.js');
17
17
  require('../Spinner-9d8fc7ff.js');
package/dist/{Combobox-f977e808.js → Combobox-8d91d825.js} RENAMED
@@ -6,7 +6,7 @@ var ReactDOM = require('react-dom');
6
6
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
7
7
  var Icon = require('./Icon-405a216c.js');
8
8
  var Text = require('./Text-259af966.js');
9
- var Glimmer = require('./Glimmer-7c317864.js');
9
+ var Glimmer = require('./Glimmer-84dee1ed.js');
10
10
  var Spinner = require('./Spinner-9d8fc7ff.js');
11
11
  var AnimatedPresence = require('./AnimatedPresence-20a02aaa.js');
12
12
  var tslib_es6 = require('./tslib.es6-754e2961.js');
package/dist/DataDump/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var Card = require('../Card-0a6f3a28.js');
6
+ var Card = require('../Card-46421af2.js');
7
7
  var Content = require('../Content-e3f7b6fc.js');
8
8
  var Emphasis = require('../Emphasis-bda56d3b.js');
9
9
  require('classnames');
package/dist/DataList/index.js CHANGED
@@ -6,7 +6,7 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
6
6
  var React = require('react');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
8
  var Text = require('../Text-259af966.js');
9
- var Glimmer = require('../Glimmer-7c317864.js');
9
+ var Glimmer = require('../Glimmer-84dee1ed.js');
10
10
  var noop = require('lodash/noop');
11
11
  var design = require('@jobber/design');
12
12
  var framerMotion = require('framer-motion');
@@ -26,7 +26,7 @@ var ReactDOM = require('react-dom');
26
26
  var Checkbox = require('../Checkbox-99f6297f.js');
27
27
  var reactRouterDom = require('react-router-dom');
28
28
  var AnimatedSwitcher = require('../AnimatedSwitcher-3d45ec5d.js');
29
- var Combobox = require('../Combobox-f977e808.js');
29
+ var Combobox = require('../Combobox-8d91d825.js');
30
30
  var Chip = require('../Chip-3d1bfddc.js');
31
31
  var debounce = require('lodash/debounce');
32
32
  var InputText = require('../InputText-6c71361e.js');
package/dist/DataTable/index.js CHANGED
@@ -7,7 +7,7 @@ var classnames = require('classnames');
7
7
  var React = require('react');
8
8
  var jobberHooks = require('@jobber/hooks/useResizeObserver');
9
9
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
10
- var Glimmer = require('../Glimmer-7c317864.js');
10
+ var Glimmer = require('../Glimmer-84dee1ed.js');
11
11
  var tslib_es6 = require('../tslib.es6-754e2961.js');
12
12
  var Option = require('../Option-8565da71.js');
13
13
  var Button = require('../Button-b73a5e01.js');
package/dist/FormatFile/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var FormatFile = require('../FormatFile-652edda8.js');
5
+ var FormatFile = require('../FormatFile-f10799f5.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('filesize');
@@ -27,7 +27,7 @@ require('../Markdown-f7c55304.js');
27
27
  require('react-markdown');
28
28
  require('../Text-259af966.js');
29
29
  require('../Emphasis-bda56d3b.js');
30
- require('../Glimmer-7c317864.js');
30
+ require('../Glimmer-84dee1ed.js');
31
31
  require('../tslib.es6-754e2961.js');
32
32
  require('../ProgressBar-b68edc8f.js');
33
33
 
package/dist/{FormatFile-652edda8.js → FormatFile-f10799f5.js} RENAMED
@@ -6,7 +6,7 @@ var getHumanReadableFileSize = require('filesize');
6
6
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
7
7
  var Button = require('./Button-b73a5e01.js');
8
8
  var ConfirmationModal = require('./ConfirmationModal-f1a049fb.js');
9
- var Glimmer = require('./Glimmer-7c317864.js');
9
+ var Glimmer = require('./Glimmer-84dee1ed.js');
10
10
  var Icon = require('./Icon-405a216c.js');
11
11
  var Typography = require('./Typography-c45bf216.js');
12
12
  var Text = require('./Text-259af966.js');
package/dist/Gallery/index.js CHANGED
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
8
  var LightBox = require('../LightBox-a89d8863.js');
9
- var FormatFile = require('../FormatFile-652edda8.js');
9
+ var FormatFile = require('../FormatFile-f10799f5.js');
10
10
  var Button = require('../Button-b73a5e01.js');
11
11
  require('framer-motion');
12
12
  require('react-dom');
@@ -26,7 +26,7 @@ require('../Markdown-f7c55304.js');
26
26
  require('react-markdown');
27
27
  require('../Text-259af966.js');
28
28
  require('../Emphasis-bda56d3b.js');
29
- require('../Glimmer-7c317864.js');
29
+ require('../Glimmer-84dee1ed.js');
30
30
  require('../tslib.es6-754e2961.js');
31
31
  require('../Icon-405a216c.js');
32
32
  require('@jobber/design');
package/dist/Glimmer/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Glimmer = require('../Glimmer-7c317864.js');
5
+ var Glimmer = require('../Glimmer-84dee1ed.js');
6
6
  require('../tslib.es6-754e2961.js');
7
7
  require('react');
8
8
  require('classnames');
package/dist/{Glimmer-7c317864.js → Glimmer-84dee1ed.js} RENAMED
@@ -40,7 +40,7 @@ const GLIMMER_BUTTON_TEST_ID = "ATL-GlimmerButton";
40
40
  */
41
41
  function Glimmer({ size = "base", shape = "rectangle", timing = "base", reverseTheme = false, width, }) {
42
42
  const className = classnames__default["default"](styles.glimmer, sizes[size], shapes[shape], timings[timing], { [styles.reverseTheme]: reverseTheme });
43
- return (React__default["default"].createElement("div", { "aria-busy": "true", className: className, "data-testid": GLIMMER_TEST_ID, style: { width } }));
43
+ return (React__default["default"].createElement("div", { "aria-busy": "true", role: "status", className: className, "data-testid": GLIMMER_TEST_ID, style: { width } }));
44
44
  }
45
45
  Glimmer.Header = function GlimmerHeader(_a) {
46
46
  var { level = 3 } = _a, props = tslib_es6.__rest(_a, ["level"]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "4.81.5",
3
+ "version": "4.83.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -84,5 +84,5 @@
84
84
  "> 1%",
85
85
  "IE 10"
86
86
  ],
87
- "gitHead": "cd9f5d82bfc1acfac37d2e0a79f02fb654bd64a0"
87
+ "gitHead": "ee30008ea2ff29e01cb5a852ac34ea548854531d"
88
88
  }