@jobber/components 8.12.0 → 8.12.2
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/SideDrawer-cjs.js +3 -2
- package/dist/SideDrawer-es.js +3 -2
- package/dist/styles.css +5 -7
- package/package.json +2 -2
package/dist/SideDrawer-cjs.js
CHANGED
|
@@ -128,7 +128,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
|
|
|
128
128
|
}, style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container },
|
|
129
129
|
React.createElement("div", { ref: sideDrawerRef, role: "dialog", className: classnames(styles.container, styles.hasShadow, {
|
|
130
130
|
[styles.subtle]: variation === "subtle",
|
|
131
|
-
}), tabIndex: 0,
|
|
131
|
+
}), tabIndex: 0, onKeyDown: handleKeyDown },
|
|
132
132
|
React.createElement("div", { className: classnames(styles.header, {
|
|
133
133
|
[styles.hasShadow]: headerShadowRef.current && !noHeaderShadow,
|
|
134
134
|
}) },
|
|
@@ -153,8 +153,9 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
|
|
|
153
153
|
return SideDrawerRender;
|
|
154
154
|
}
|
|
155
155
|
return ReactDOM.createPortal(SideDrawerRender, container);
|
|
156
|
-
function
|
|
156
|
+
function handleKeyDown(event) {
|
|
157
157
|
if (event.key === "Escape") {
|
|
158
|
+
event.stopPropagation();
|
|
158
159
|
onRequestClose();
|
|
159
160
|
}
|
|
160
161
|
}
|
package/dist/SideDrawer-es.js
CHANGED
|
@@ -126,7 +126,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
|
|
|
126
126
|
}, style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container },
|
|
127
127
|
React__default.createElement("div", { ref: sideDrawerRef, role: "dialog", className: classnames(styles.container, styles.hasShadow, {
|
|
128
128
|
[styles.subtle]: variation === "subtle",
|
|
129
|
-
}), tabIndex: 0,
|
|
129
|
+
}), tabIndex: 0, onKeyDown: handleKeyDown },
|
|
130
130
|
React__default.createElement("div", { className: classnames(styles.header, {
|
|
131
131
|
[styles.hasShadow]: headerShadowRef.current && !noHeaderShadow,
|
|
132
132
|
}) },
|
|
@@ -151,8 +151,9 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
|
|
|
151
151
|
return SideDrawerRender;
|
|
152
152
|
}
|
|
153
153
|
return createPortal(SideDrawerRender, container);
|
|
154
|
-
function
|
|
154
|
+
function handleKeyDown(event) {
|
|
155
155
|
if (event.key === "Escape") {
|
|
156
|
+
event.stopPropagation();
|
|
156
157
|
onRequestClose();
|
|
157
158
|
}
|
|
158
159
|
}
|
package/dist/styles.css
CHANGED
|
@@ -4098,7 +4098,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4098
4098
|
}
|
|
4099
4099
|
|
|
4100
4100
|
.c20czk-FSyY- {
|
|
4101
|
-
|
|
4101
|
+
/* Semantic, theme-adaptive token. */
|
|
4102
|
+
--field--placeholder-color: var(--color-text--secondary);
|
|
4102
4103
|
--field--value-color: var(--color-heading);
|
|
4103
4104
|
--field--border-color: var(--color-border--interactive);
|
|
4104
4105
|
|
|
@@ -4205,8 +4206,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4205
4206
|
}
|
|
4206
4207
|
|
|
4207
4208
|
.NsFBA5oqRAA- {
|
|
4208
|
-
--field--padding-left:
|
|
4209
|
-
--field--padding-right:
|
|
4209
|
+
--field--padding-left: var(--space-slim);
|
|
4210
|
+
--field--padding-right: var(--space-slim);
|
|
4210
4211
|
--field--padding-top: var(--space-small);
|
|
4211
4212
|
--field--padding-bottom: var(--space-small);
|
|
4212
4213
|
--field--height: calc(var(--space-larger) + var(--space-smaller));
|
|
@@ -4215,7 +4216,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4215
4216
|
.ExKqck-6xVs- {
|
|
4216
4217
|
--field--padding-left: var(--space-large);
|
|
4217
4218
|
--field--padding-right: var(--space-large);
|
|
4218
|
-
--field--height:
|
|
4219
|
+
--field--height: var(--space-extravagant);
|
|
4219
4220
|
}
|
|
4220
4221
|
|
|
4221
4222
|
.UWiqNi57G8g- {
|
|
@@ -4315,7 +4316,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4315
4316
|
.D-PmE-l-hZU-:not(:-ms-input-placeholder)
|
|
4316
4317
|
+ .Ggk3aaMcIJU-:not(:empty)
|
|
4317
4318
|
) {
|
|
4318
|
-
--field--placeholder-color: var(--color-text--secondary);
|
|
4319
4319
|
--field--placeholder-offset: var(--space-smallest);
|
|
4320
4320
|
--field--placeholder-transform: 0;
|
|
4321
4321
|
--field--padding-top: calc(var(--space-base) + var(--space-smaller));
|
|
@@ -4327,7 +4327,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4327
4327
|
.input:not(:-ms-input-placeholder)
|
|
4328
4328
|
+ .label:not(:empty)
|
|
4329
4329
|
) {
|
|
4330
|
-
--field--placeholder-color: var(--color-text--secondary);
|
|
4331
4330
|
--field--placeholder-offset: var(--space-smallest);
|
|
4332
4331
|
--field--placeholder-transform: 0;
|
|
4333
4332
|
--field--padding-top: calc(var(--space-base) + var(--space-smaller));
|
|
@@ -4339,7 +4338,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
4339
4338
|
.D-PmE-l-hZU-:not(:placeholder-shown)
|
|
4340
4339
|
+ .Ggk3aaMcIJU-:not(:empty)
|
|
4341
4340
|
) {
|
|
4342
|
-
--field--placeholder-color: var(--color-text--secondary);
|
|
4343
4341
|
--field--placeholder-offset: var(--space-smallest);
|
|
4344
4342
|
--field--placeholder-transform: 0;
|
|
4345
4343
|
--field--padding-top: calc(var(--space-base) + var(--space-smaller));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "8.12.
|
|
3
|
+
"version": "8.12.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -556,5 +556,5 @@
|
|
|
556
556
|
"> 1%",
|
|
557
557
|
"IE 10"
|
|
558
558
|
],
|
|
559
|
-
"gitHead": "
|
|
559
|
+
"gitHead": "e5386a8174776186417fb1ba965baa12d853d6e8"
|
|
560
560
|
}
|