@jobber/components 6.108.0 → 6.109.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/dist/Modal/index.cjs +3 -2
- package/dist/Modal/index.mjs +3 -2
- package/dist/styles.css +12 -4
- package/package.json +2 -2
package/dist/Modal/index.cjs
CHANGED
|
@@ -170,7 +170,7 @@ function useModalContext() {
|
|
|
170
170
|
return React.useContext(ModalContext);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
var styles = {"overlay":"cRhQeXmZobs-","overlayBackground":"PO6ZUDxQoFE-","modal":"OiqCKNmbHZ0-","header":"GDWGHwmjgAc-","closeButton":"KJlGo4z-E6Q-","actionBar":"ZGrhWCAymCw-","leftAction":"hOiEWds2Vq8-","rightAction":"K31NzxPZP9s-","spinning":"SKeimJFlB-g-"};
|
|
173
|
+
var styles = {"overlay":"cRhQeXmZobs-","overlayBackground":"PO6ZUDxQoFE-","modal":"OiqCKNmbHZ0-","modalBody":"zM9SWwAd5Dg-","header":"GDWGHwmjgAc-","closeButton":"KJlGo4z-E6Q-","actionBar":"ZGrhWCAymCw-","leftAction":"hOiEWds2Vq8-","rightAction":"K31NzxPZP9s-","spinning":"SKeimJFlB-g-"};
|
|
174
174
|
|
|
175
175
|
function useModalStyles(size) {
|
|
176
176
|
return {
|
|
@@ -245,7 +245,8 @@ function ModalContent({ children }) {
|
|
|
245
245
|
// Interaction began inside dialog
|
|
246
246
|
if (startedInsideRef)
|
|
247
247
|
startedInsideRef.current = true;
|
|
248
|
-
} }),
|
|
248
|
+
} }),
|
|
249
|
+
React.createElement("div", { className: styles.modalBody, tabIndex: -1 }, children))))))))));
|
|
249
250
|
}
|
|
250
251
|
|
|
251
252
|
function Modal(props) {
|
package/dist/Modal/index.mjs
CHANGED
|
@@ -168,7 +168,7 @@ function useModalContext() {
|
|
|
168
168
|
return useContext(ModalContext);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
-
var styles = {"overlay":"cRhQeXmZobs-","overlayBackground":"PO6ZUDxQoFE-","modal":"OiqCKNmbHZ0-","header":"GDWGHwmjgAc-","closeButton":"KJlGo4z-E6Q-","actionBar":"ZGrhWCAymCw-","leftAction":"hOiEWds2Vq8-","rightAction":"K31NzxPZP9s-","spinning":"SKeimJFlB-g-"};
|
|
171
|
+
var styles = {"overlay":"cRhQeXmZobs-","overlayBackground":"PO6ZUDxQoFE-","modal":"OiqCKNmbHZ0-","modalBody":"zM9SWwAd5Dg-","header":"GDWGHwmjgAc-","closeButton":"KJlGo4z-E6Q-","actionBar":"ZGrhWCAymCw-","leftAction":"hOiEWds2Vq8-","rightAction":"K31NzxPZP9s-","spinning":"SKeimJFlB-g-"};
|
|
172
172
|
|
|
173
173
|
function useModalStyles(size) {
|
|
174
174
|
return {
|
|
@@ -243,7 +243,8 @@ function ModalContent({ children }) {
|
|
|
243
243
|
// Interaction began inside dialog
|
|
244
244
|
if (startedInsideRef)
|
|
245
245
|
startedInsideRef.current = true;
|
|
246
|
-
} }),
|
|
246
|
+
} }),
|
|
247
|
+
React__default.createElement("div", { className: styles.modalBody, tabIndex: -1 }, children))))))))));
|
|
247
248
|
}
|
|
248
249
|
|
|
249
250
|
function Modal(props) {
|
package/dist/styles.css
CHANGED
|
@@ -4812,16 +4812,17 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4812
4812
|
width: 100%;
|
|
4813
4813
|
max-width: 600px;
|
|
4814
4814
|
max-width: var(--modal--width);
|
|
4815
|
+
max-height: calc(100dvh - 2 * 16px);
|
|
4816
|
+
max-height: calc(100dvh - 2 * var(--space-base));
|
|
4815
4817
|
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
|
|
4816
4818
|
box-shadow: var(--modal--shadow);
|
|
4817
4819
|
margin: auto;
|
|
4818
|
-
padding: 8px;
|
|
4819
|
-
padding: var(--space-small);
|
|
4820
4820
|
border: 1px solid hsl(200, 13%, 87%);
|
|
4821
4821
|
border: var(--border-base) solid var(--color-border);
|
|
4822
4822
|
border-radius: 8px;
|
|
4823
4823
|
border-radius: var(--radius-base);
|
|
4824
4824
|
outline: none;
|
|
4825
|
+
overflow: hidden;
|
|
4825
4826
|
background-color: rgba(255, 255, 255, 1);
|
|
4826
4827
|
background-color: var(--color-surface);
|
|
4827
4828
|
-ms-flex: 0 0 auto;
|
|
@@ -4833,16 +4834,23 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4833
4834
|
box-shadow: var(--shadow-focus);
|
|
4834
4835
|
}
|
|
4835
4836
|
|
|
4837
|
+
.zM9SWwAd5Dg- {
|
|
4838
|
+
max-height: inherit;
|
|
4839
|
+
padding: 8px;
|
|
4840
|
+
padding: var(--space-small);
|
|
4841
|
+
overflow-y: auto;
|
|
4842
|
+
}
|
|
4843
|
+
|
|
4836
4844
|
/* Adjust `Content` and `Tab` components public padding to match the modal */
|
|
4837
4845
|
|
|
4838
|
-
.
|
|
4846
|
+
.zM9SWwAd5Dg- > * {
|
|
4839
4847
|
--public-content--padding: var(--modal--padding);
|
|
4840
4848
|
--public-tab--inset: var(--modal--padding-horizontal);
|
|
4841
4849
|
}
|
|
4842
4850
|
|
|
4843
4851
|
/* Remove the nested `Content` components public padding */
|
|
4844
4852
|
|
|
4845
|
-
.
|
|
4853
|
+
.zM9SWwAd5Dg- > * > * {
|
|
4846
4854
|
--public-content--padding: 0;
|
|
4847
4855
|
}
|
|
4848
4856
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.109.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -538,5 +538,5 @@
|
|
|
538
538
|
"> 1%",
|
|
539
539
|
"IE 10"
|
|
540
540
|
],
|
|
541
|
-
"gitHead": "
|
|
541
|
+
"gitHead": "5f659a9ab3f21ee4b420618056612d06372b0e16"
|
|
542
542
|
}
|