@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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@speakapbv/dough-component-library",
3
- "version": "9.33.0",
3
+ "version": "9.33.1",
4
4
  "description": "DOUGH: Speakap React Component Library",
5
5
  "author": "Speakap",
6
6
  "license": "MIT",