@speakapbv/dough-component-library 9.33.0 → 9.33.1
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.
|
@@ -13,8 +13,9 @@ export interface OverlayProps {
|
|
|
13
13
|
position?: CSSProperties["position"];
|
|
14
14
|
zIndex?: number;
|
|
15
15
|
variant?: OverlayVariant;
|
|
16
|
+
blocking?: boolean;
|
|
16
17
|
}
|
|
17
|
-
export declare function Overlay({ position, zIndex, opacity, dataAttributes, className, variant, }: OverlayProps): JSX.Element;
|
|
18
|
+
export declare function Overlay({ position, zIndex, opacity, dataAttributes, className, variant, blocking, }: OverlayProps): JSX.Element;
|
|
18
19
|
export declare namespace Overlay {
|
|
19
20
|
var displayName: string;
|
|
20
21
|
}
|
package/dist/index.es.js
CHANGED
|
@@ -5069,7 +5069,7 @@ var Fader = function (props) { return (React.createElement("span", __assign({ cl
|
|
|
5069
5069
|
: Colors.THEME, "dough-fader-side dough-fader-left") }))); };
|
|
5070
5070
|
Fader.displayName = "Fader";
|
|
5071
5071
|
|
|
5072
|
-
var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n background: rgba(0, 0, 0, 0.8);\n}";
|
|
5072
|
+
var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n background: rgba(0, 0, 0, 0.8);\n}\n.dough-overlay.blocking {\n pointer-events: unset;\n}";
|
|
5073
5073
|
styleInject(css_248z$G);
|
|
5074
5074
|
|
|
5075
5075
|
var OverlayVariant;
|
|
@@ -5078,9 +5078,10 @@ var OverlayVariant;
|
|
|
5078
5078
|
OverlayVariant["STANDARD"] = "standard";
|
|
5079
5079
|
})(OverlayVariant || (OverlayVariant = {}));
|
|
5080
5080
|
function Overlay(_a) {
|
|
5081
|
-
var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? OverlayVariant.STANDARD : _b;
|
|
5081
|
+
var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? OverlayVariant.STANDARD : _b, _c = _a.blocking, blocking = _c === void 0 ? true : _c;
|
|
5082
5082
|
return (React.createElement("span", __assign({ className: cn(className, "dough-overlay", {
|
|
5083
5083
|
dark: variant === OverlayVariant.DARK,
|
|
5084
|
+
blocking: blocking,
|
|
5084
5085
|
}) }, dataAttributes, { style: {
|
|
5085
5086
|
opacity: opacity,
|
|
5086
5087
|
zIndex: zIndex,
|
package/dist/index.js
CHANGED
|
@@ -5052,7 +5052,7 @@ var Fader = function (props) { return (React__default.createElement("span", __as
|
|
|
5052
5052
|
: exports.Colors.THEME, "dough-fader-side dough-fader-left") }))); };
|
|
5053
5053
|
Fader.displayName = "Fader";
|
|
5054
5054
|
|
|
5055
|
-
var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n background: rgba(0, 0, 0, 0.8);\n}";
|
|
5055
|
+
var css_248z$G = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n background: rgba(0, 0, 0, 0.4);\n}\n.dough-overlay.dark {\n background: rgba(0, 0, 0, 0.8);\n}\n.dough-overlay.blocking {\n pointer-events: unset;\n}";
|
|
5056
5056
|
styleInject(css_248z$G);
|
|
5057
5057
|
|
|
5058
5058
|
(function (OverlayVariant) {
|
|
@@ -5060,9 +5060,10 @@ styleInject(css_248z$G);
|
|
|
5060
5060
|
OverlayVariant["STANDARD"] = "standard";
|
|
5061
5061
|
})(exports.OverlayVariant || (exports.OverlayVariant = {}));
|
|
5062
5062
|
function Overlay(_a) {
|
|
5063
|
-
var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? exports.OverlayVariant.STANDARD : _b;
|
|
5063
|
+
var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? exports.OverlayVariant.STANDARD : _b, _c = _a.blocking, blocking = _c === void 0 ? true : _c;
|
|
5064
5064
|
return (React__default.createElement("span", __assign({ className: cn(className, "dough-overlay", {
|
|
5065
5065
|
dark: variant === exports.OverlayVariant.DARK,
|
|
5066
|
+
blocking: blocking,
|
|
5066
5067
|
}) }, dataAttributes, { style: {
|
|
5067
5068
|
opacity: opacity,
|
|
5068
5069
|
zIndex: zIndex,
|