@jobber/components 2.77.0 → 2.78.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.
- package/CHANGELOG.md +11 -0
- package/dist/FormatFile/index.js +1 -1
- package/dist/LightBox/index.js +1 -1
- package/dist/Menu/index.js +1 -1
- package/dist/Modal/index.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,17 @@ menu: Changelog
|
|
|
8
8
|
All notable changes to this project will be documented in this file.
|
|
9
9
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
10
10
|
|
|
11
|
+
# [2.78.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.77.0...@jobber/components@2.78.0) (2022-03-03)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
* **design:** update overlay color to black ([#861](https://github.com/GetJobber/atlantis/issues/861)) ([40351db](https://github.com/GetJobber/atlantis/commit/40351db7bf7b8f7494ca7d3d70b2a98ff46b1203))
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
11
22
|
# [2.77.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.76.0...@jobber/components@2.77.0) (2022-02-23)
|
|
12
23
|
|
|
13
24
|
|
package/dist/FormatFile/index.js
CHANGED
|
@@ -17,7 +17,7 @@ var index$5 = require('../Button/index.js');
|
|
|
17
17
|
var filesize = _interopDefault(require('filesize'));
|
|
18
18
|
var index$1 = require('../ProgressBar/index.js');
|
|
19
19
|
|
|
20
|
-
var css = ":root {\n --file-card--height: calc(var(--space-base) * 3.5);\n --file-card--background-color: var(--color-white);\n --file-card--header-background-color: var(--color-greyBlue--lighter);\n --file-card--content-background-color: var(--color-white);\n --file-card--border-color: var(--color-border);\n --file-card--accent-color: var(--color-grey);\n --file-card--base-padding: var(--space-small);\n}\n\n.iLkdDSChG7LfdxCDYHOWO {\n display: -ms-flexbox;\n display: flex;\n height: calc(var(--space-base) * 3.5);\n height: calc(var(--space-base) * 3.5);\n height: var(--file-card--height);\n border: var(--border-base) solid var(--color-border);\n border: var(--border-base) solid var(--color-border);\n border: var(--border-base) solid var(--file-card--border-color);\n border-radius: var(--radius-base);\n overflow: hidden;\n background-color: var(--color-white);\n background-color: var(--color-white);\n background-color: var(--file-card--background-color);\n -ms-flex-align: center;\n align-items: center;\n outline-color: var(--color-focus);\n}\n\n._1ymfz_xMgvlX6LtB6_4GUG {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: calc(var(--space-base) * 3.5);\n width: calc(var(--space-base) * 3.5);\n width: var(--file-card--height);\n height: 100%;\n box-sizing: border-box;\n padding: 0;\n background-color: var(--color-greyBlue--lighter);\n background-color: var(--color-greyBlue--lighter);\n background-color: var(--file-card--header-background-color);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n -ms-flex-align: center;\n align-items: center;\n -o-object-fit: cover;\n object-fit: cover;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n\n._1ymfz_xMgvlX6LtB6_4GUG::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: var(--color-
|
|
20
|
+
var css = ":root {\n --file-card--height: calc(var(--space-base) * 3.5);\n --file-card--background-color: var(--color-white);\n --file-card--header-background-color: var(--color-greyBlue--lighter);\n --file-card--content-background-color: var(--color-white);\n --file-card--border-color: var(--color-border);\n --file-card--accent-color: var(--color-grey);\n --file-card--base-padding: var(--space-small);\n}\n\n.iLkdDSChG7LfdxCDYHOWO {\n display: -ms-flexbox;\n display: flex;\n height: calc(var(--space-base) * 3.5);\n height: calc(var(--space-base) * 3.5);\n height: var(--file-card--height);\n border: var(--border-base) solid var(--color-border);\n border: var(--border-base) solid var(--color-border);\n border: var(--border-base) solid var(--file-card--border-color);\n border-radius: var(--radius-base);\n overflow: hidden;\n background-color: var(--color-white);\n background-color: var(--color-white);\n background-color: var(--file-card--background-color);\n -ms-flex-align: center;\n align-items: center;\n outline-color: var(--color-focus);\n}\n\n._1ymfz_xMgvlX6LtB6_4GUG {\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: calc(var(--space-base) * 3.5);\n width: calc(var(--space-base) * 3.5);\n width: var(--file-card--height);\n height: 100%;\n box-sizing: border-box;\n padding: 0;\n background-color: var(--color-greyBlue--lighter);\n background-color: var(--color-greyBlue--lighter);\n background-color: var(--file-card--header-background-color);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n -ms-flex-align: center;\n align-items: center;\n -o-object-fit: cover;\n object-fit: cover;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n}\n\n._1ymfz_xMgvlX6LtB6_4GUG::before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: var(--color-overlay);\n mix-blend-mode: multiply;\n}\n\n.h_QOL0uORy7gKva__GUUe {\n margin: 0 auto;\n}\n\n._3Sb6hKDYDXwDcc69ByIdyl {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: var(--space-small);\n padding: var(--space-small);\n padding: var(--file-card--base-padding);\n -ms-flex-align: center;\n align-items: center;\n}\n\n._2My-AZfFXfluwQURTvc6Z9 {\n -ms-flex-positive: 1;\n flex-grow: 1;\n padding: 0 var(--space-small);\n padding: 0 var(--space-small);\n padding: 0 var(--file-card--base-padding);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n._2My-AZfFXfluwQURTvc6Z9 p {\n margin: 0;\n}\n\n._1Mt_GBuDbKYkP4ijp0-848 {\n padding: 0 var(--space-small) 0 0;\n padding: 0 var(--space-small) 0 0;\n padding: 0 var(--file-card--base-padding) 0 0;\n}\n";
|
|
21
21
|
var styles = {"formatFile":"iLkdDSChG7LfdxCDYHOWO","imageBlock":"_1ymfz_xMgvlX6LtB6_4GUG","icon":"h_QOL0uORy7gKva__GUUe","progress":"_3Sb6hKDYDXwDcc69ByIdyl","contentBlock":"_2My-AZfFXfluwQURTvc6Z9","actionBlock":"_1Mt_GBuDbKYkP4ijp0-848"};
|
|
22
22
|
__chunk_2.styleInject(css);
|
|
23
23
|
|
package/dist/LightBox/index.js
CHANGED
|
@@ -11,7 +11,7 @@ var __chunk_2 = require('../chunk-17e02351.js');
|
|
|
11
11
|
var ExternalLightBox = _interopDefault(require('react-image-lightbox'));
|
|
12
12
|
require('react-image-lightbox/style.css');
|
|
13
13
|
|
|
14
|
-
var css = "._23H2TI8rNmnv0zlHOHZooa.ril__outer {\n font-family: \"Source Sans Pro\", Helvetica, Arial, sans-serif;\n background-color: transparent;\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background-color: var(--color-
|
|
14
|
+
var css = "._23H2TI8rNmnv0zlHOHZooa.ril__outer {\n font-family: \"Source Sans Pro\", Helvetica, Arial, sans-serif;\n background-color: transparent;\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n background-color: var(--color-overlay);\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer .ril__captionContent {\n color: var(--color-greyBlue--lighter);\n}\n\n._23H2TI8rNmnv0zlHOHZooa.ril__outer .ril__toolbarItem {\n color: var(--color-greyBlue--lighter);\n}\n";
|
|
15
15
|
var styles = {"wrapper":"_23H2TI8rNmnv0zlHOHZooa"};
|
|
16
16
|
__chunk_2.styleInject(css);
|
|
17
17
|
|
package/dist/Menu/index.js
CHANGED
|
@@ -18,7 +18,7 @@ var index$5 = require('../Button/index.js');
|
|
|
18
18
|
var framerMotion = require('framer-motion');
|
|
19
19
|
var hooks = require('@jobber/hooks');
|
|
20
20
|
|
|
21
|
-
var css = "._3dsZe-fIMb0ftQQAJf53tI * {\n box-sizing: border-box;\n}\n\n._3dsZe-fIMb0ftQQAJf53tI {\n display: inline-block;\n position: relative;\n}\n\n._15jh7FtEcALDetgrjoV8HG {\n position: fixed;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n width: 100%;\n max-height: 72vh;\n padding: var(--space-small);\n padding-bottom: calc(env(safe-area-inset-bottom) + var(--space-small));\n border-radius: var(--radius-base) var(--radius-base) 0 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: scroll;\n background-color: var(--color-surface)\n}\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (--medium-screens) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (--medium-screens) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (--medium-screens) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n._1j-ztPLXQgH-5XOlXybf0- {\n padding: var(--space-small) 0;\n border-bottom: var(--border-base) dotted var(--color-border);\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:first-of-type {\n padding-top: 0;\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:last-of-type {\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.ecEGgRDm96wrHymIDR1FM {\n padding: var(--space-small);\n}\n\n._1lmtkHVgn76IrVsqnqlOYh {\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n padding: var(--space-small);\n border: none;\n border-radius: var(--radius-base);\n background-color: transparent;\n cursor: pointer;\n -ms-flex-align: center;\n align-items: center;\n}\n\n._1lmtkHVgn76IrVsqnqlOYh:hover,\n._1lmtkHVgn76IrVsqnqlOYh:focus {\n background-color: var(--color-surface--hover);\n outline-color: var(--color-focus);\n}\n\n.QMbGAf7Vb6_SM8qOIvLMc {\n margin-right: var(--space-base);\n}\n\n._1DIimpm0iJewCr_4Ee8NTa {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n background-color:
|
|
21
|
+
var css = "._3dsZe-fIMb0ftQQAJf53tI * {\n box-sizing: border-box;\n}\n\n._3dsZe-fIMb0ftQQAJf53tI {\n display: inline-block;\n position: relative;\n}\n\n._15jh7FtEcALDetgrjoV8HG {\n position: fixed;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n width: 100%;\n max-height: 72vh;\n padding: var(--space-small);\n padding-bottom: calc(env(safe-area-inset-bottom) + var(--space-small));\n border-radius: var(--radius-base) var(--radius-base) 0 0;\n -webkit-overflow-scrolling: touch;\n overflow-y: scroll;\n background-color: var(--color-surface)\n}\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (--medium-screens) {\n\n._15jh7FtEcALDetgrjoV8HG {\n position: absolute;\n left: auto;\n width: calc(var(--base-unit) * 12.5);\n box-shadow: var(--shadow-base);\n padding: var(--space-small);\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n overflow: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n._2S3J3IQ4JcMgnYjzx3A9AA {\n bottom: 100%;\n margin-bottom: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (--medium-screens) {\n\n.qgoF1WJ8Cu39FVc3p_c8w {\n top: 100%;\n bottom: auto;\n margin-top: var(--space-smallest)\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (--medium-screens) {\n\n._2QwnAwwIXZuZReq2cUwEoX {\n right: 0;\n left: auto\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (min-width: 640px) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n@media (--medium-screens) {\n\n._2Bdz7gjSU8id-Og42er82U {\n right: auto;\n left: 0\n}\n }\n\n._1j-ztPLXQgH-5XOlXybf0- {\n padding: var(--space-small) 0;\n border-bottom: var(--border-base) dotted var(--color-border);\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:first-of-type {\n padding-top: 0;\n}\n\n._1j-ztPLXQgH-5XOlXybf0-:last-of-type {\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.ecEGgRDm96wrHymIDR1FM {\n padding: var(--space-small);\n}\n\n._1lmtkHVgn76IrVsqnqlOYh {\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n padding: var(--space-small);\n border: none;\n border-radius: var(--radius-base);\n background-color: transparent;\n cursor: pointer;\n -ms-flex-align: center;\n align-items: center;\n}\n\n._1lmtkHVgn76IrVsqnqlOYh:hover,\n._1lmtkHVgn76IrVsqnqlOYh:focus {\n background-color: var(--color-surface--hover);\n outline-color: var(--color-focus);\n}\n\n.QMbGAf7Vb6_SM8qOIvLMc {\n margin-right: var(--space-base);\n}\n\n._1DIimpm0iJewCr_4Ee8NTa {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: var(--elevation-menu);\n background-color: var(--color-overlay)\n}\n\n@media (min-width: 640px) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n@media (min-width: 640px) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n@media (--medium-screens) {\n\n._1DIimpm0iJewCr_4Ee8NTa {\n background-color: transparent\n}\n }\n\n.qVvYE_6U6kPoQ4ms_2slA {\n width: 100%;\n}\n\n._3Pk5uJMOz91YR7eDwLASEh {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n}\n";
|
|
22
22
|
var styles = {"wrapper":"_3dsZe-fIMb0ftQQAJf53tI","menu":"_15jh7FtEcALDetgrjoV8HG","above":"_2S3J3IQ4JcMgnYjzx3A9AA","below":"qgoF1WJ8Cu39FVc3p_c8w","left":"_2QwnAwwIXZuZReq2cUwEoX","right":"_2Bdz7gjSU8id-Og42er82U","section":"_1j-ztPLXQgH-5XOlXybf0-","sectionHeader":"ecEGgRDm96wrHymIDR1FM","action":"_1lmtkHVgn76IrVsqnqlOYh","icon":"QMbGAf7Vb6_SM8qOIvLMc","overlay":"_1DIimpm0iJewCr_4Ee8NTa","fullWidth":"qVvYE_6U6kPoQ4ms_2slA","screenReaderOnly":"_3Pk5uJMOz91YR7eDwLASEh"};
|
|
23
23
|
__chunk_2.styleInject(css);
|
|
24
24
|
|
package/dist/Modal/index.js
CHANGED
|
@@ -20,7 +20,7 @@ var index$1 = require('../ButtonDismiss/index.js');
|
|
|
20
20
|
var ReactDOM = require('react-dom');
|
|
21
21
|
var ReactDOM__default = _interopDefault(ReactDOM);
|
|
22
22
|
|
|
23
|
-
var css = ":root {\n --modal--width: calc(var(--base-unit) * 37.5);\n --modal--padding: var(--space-base);\n}\n\n@media (min-width: 640px) {\n :root {\n --modal--padding: var(--space-base) var(--space-large);\n }\n}\n\n@media (min-width: 640px) {\n :root {\n --modal--padding: var(--space-base) var(--space-large);\n }\n}\n\n@media (--medium-screens) {\n :root {\n --modal--padding: var(--space-base) var(--space-large);\n }\n}\n\n._1_FReUDORhZR5sFF1jxDZ4 {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n z-index: var(--elevation-modal);\n padding: var(--space-small);\n overflow: auto;\n}\n\n._1_FReUDORhZR5sFF1jxDZ4,\n.YdwnL8q9kXtLnlxEu6SP9 {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n\n.YdwnL8q9kXtLnlxEu6SP9 {\n background-color: var(--color-
|
|
23
|
+
var css = ":root {\n --modal--width: calc(var(--base-unit) * 37.5);\n --modal--padding: var(--space-base);\n}\n\n@media (min-width: 640px) {\n :root {\n --modal--padding: var(--space-base) var(--space-large);\n }\n}\n\n@media (min-width: 640px) {\n :root {\n --modal--padding: var(--space-base) var(--space-large);\n }\n}\n\n@media (--medium-screens) {\n :root {\n --modal--padding: var(--space-base) var(--space-large);\n }\n}\n\n._1_FReUDORhZR5sFF1jxDZ4 {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n z-index: var(--elevation-modal);\n padding: var(--space-small);\n overflow: auto;\n}\n\n._1_FReUDORhZR5sFF1jxDZ4,\n.YdwnL8q9kXtLnlxEu6SP9 {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n\n.YdwnL8q9kXtLnlxEu6SP9 {\n background-color: var(--color-overlay);\n}\n\n._2hKHM4Rlzvclc2pGmHoTBL {\n --public-tab--inset: var(--space-large);\n\n position: relative;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: 100%;\n max-width: calc(var(--base-unit) * 37.5);\n max-width: calc(var(--base-unit) * 37.5);\n max-width: var(--modal--width);\n margin: auto;\n border: var(--border-base) solid var(--color-border);\n border-radius: var(--radius-base);\n outline-color: var(--color-focus);\n background-color: var(--color-surface);\n}\n\n/* Adjust `Content` components public padding to match the modal */\n\n._2hKHM4Rlzvclc2pGmHoTBL > * {\n --public-content--padding: var(--modal--padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n._2hKHM4Rlzvclc2pGmHoTBL > * > * {\n --public-content--padding: 0;\n}\n\n.RhEfa9gwqpglIheT5uq0v {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n padding: var(--space-base);\n padding: var(--space-base);\n padding: var(--modal--padding);\n background-color: var(--color-surface--background);\n}\n\n._2hGT8VbbIAX27SyJglRyMG {\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n._3O1sOKNEhVvtW_k_wBrJR {\n display: -ms-flexbox;\n display: flex;\n padding: var(--space-base);\n padding: var(--space-base);\n padding: var(--modal--padding);\n padding-top: 0;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n\n/**\n * 1. Use CSS `order` to adjust the buttons position on the UI\n */\n\n._3pUVCJLJyWuGSGnaStM3sE {\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n -ms-flex-order: 1;\n order: 1; /* 1 */\n}\n\n._1fDeYu_CZWiL3glYPvWrwK {\n display: -ms-flexbox;\n display: flex;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n -ms-flex-order: 2;\n order: 2; /* 1 */\n}\n\n._1fDeYu_CZWiL3glYPvWrwK > * {\n margin-left: var(--space-small);\n}\n\n._1fDeYu_CZWiL3glYPvWrwK *:first-child {\n -ms-flex-order: 2;\n order: 2; /* 1 */\n}\n\n._1fDeYu_CZWiL3glYPvWrwK *:nth-child(2) {\n -ms-flex-order: 1;\n order: 1; /* 1 */\n}\n";
|
|
24
24
|
var styles = {"container":"_1_FReUDORhZR5sFF1jxDZ4","overlay":"YdwnL8q9kXtLnlxEu6SP9","modal":"_2hKHM4Rlzvclc2pGmHoTBL","header":"RhEfa9gwqpglIheT5uq0v","closeButton":"_2hGT8VbbIAX27SyJglRyMG","actionBar":"_3O1sOKNEhVvtW_k_wBrJR","leftAction":"_3pUVCJLJyWuGSGnaStM3sE","rightAction":"_1fDeYu_CZWiL3glYPvWrwK"};
|
|
25
25
|
__chunk_2.styleInject(css);
|
|
26
26
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.78.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"dist/*"
|
|
18
18
|
],
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@jobber/design": "^0.
|
|
20
|
+
"@jobber/design": "^0.24.0",
|
|
21
21
|
"@jobber/formatters": "^0.2.0",
|
|
22
22
|
"@jobber/hooks": "^1.11.0",
|
|
23
23
|
"@popperjs/core": "^2.0.6",
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
"> 1%",
|
|
86
86
|
"IE 10"
|
|
87
87
|
],
|
|
88
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "cf2446cabdba1f3539555ff5d65fcdfa4a8f5e4b"
|
|
89
89
|
}
|