@prom-ui/core 2.3.0 → 2.4.1-alpha.0

package/Avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Avatar",
-  "version": "2.3.0",
+  "version": "2.4.1-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Backdrop/cjs/index.development.js

@@ -15,21 +15,21 @@ var useForwardRef = require('@prom-ui/core/useForwardRef');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
@@ -38,7 +38,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-var css = {"root":"Backdrop__root___mZ7dv","backdrop":"Backdrop__backdrop___AJyr0","enterActive":"Backdrop__enterActive___aDdF3","exitActive":"Backdrop__exitActive___rC-Zl","enter":"Backdrop__enter___NgQBr","exit":"Backdrop__exit___9LKEC"};
+var css = {"root":"Backdrop__root___ew14A","backdrop":"Backdrop__backdrop___RtyKW","enterActive":"Backdrop__enterActive___FuHNM","exitActive":"Backdrop__exitActive___qwiIx","enter":"Backdrop__enter___Ww68r","exit":"Backdrop__exit___MBjXR"};
 
 var _excluded = ["isOpen", "isRenderPortal", "isAnimated", "isBodyScrollLock", "style", "zIndex", "children", "className", "onClick"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/Backdrop/cjs/index.development.v2.js

@@ -15,21 +15,21 @@ var useForwardRef = require('@prom-ui/core/useForwardRef');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
@@ -38,7 +38,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-var css = {"root":"Backdrop__root___p-RA9","backdrop":"Backdrop__backdrop___XNSpt","enterActive":"Backdrop__enterActive___ATDSq","exitActive":"Backdrop__exitActive___bnta5","enter":"Backdrop__enter___NmGm7","exit":"Backdrop__exit___sD9v-"};
+var css = {"root":"Backdrop__root___ae3g4","backdrop":"Backdrop__backdrop___VmMsa","enterActive":"Backdrop__enterActive___qi0ln","exitActive":"Backdrop__exitActive___n-Gir","enter":"Backdrop__enter___3-uXH","exit":"Backdrop__exit___BhuZN"};
 
 var _excluded = ["isOpen", "isRenderPortal", "isAnimated", "isBodyScrollLock", "style", "zIndex", "children", "className", "onClick"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/Backdrop/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),i=require("react-transition-group"),n=require("clsx"),c=require("@prom-ui/core/Portal"),a=require("@prom-ui/core/BodyScrollLock"),l=require("@prom-ui/core/useForwardRef");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=u(e),p=u(r),f=u(t),b=d(o),y=u(n),O={root:"mZ7dv",backdrop:"AJyr0",enterActive:"aDdF3",exitActive:"rC-Zl",enter:"NgQBr",exit:"_9LKEC"},m=["isOpen","isRenderPortal","isAnimated","isBodyScrollLock","style","zIndex","children","className","onClick"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var P=b.forwardRef((function(e,r){var t=e.isOpen,o=void 0!==t&&t,n=e.isRenderPortal,u=void 0===n||n,d=e.isAnimated,p=void 0===d||d,v=e.isBodyScrollLock,P=void 0!==v&&v,k=e.style,g=void 0===k?{}:k,h=e.zIndex,q=void 0===h?1e3:h,w=e.children,x=e.className,E=e.onClick,S=f.default(e,m),A=l.useForwardRef(r,null);return b.createElement(i.CSSTransition,{nodeRef:A,in:o,timeout:p?225:0,classNames:O,unmountOnExit:!0},b.createElement(c.Portal,{isActive:u},b.createElement(a.BodyScrollLock,{isActive:P}),b.createElement("div",s.default({ref:A,className:y.default(O.root,x),style:j({zIndex:q},g),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},S),b.createElement("div",{className:O.backdrop,onClick:E}),w)))}));P.displayName="Backdrop",exports.Backdrop=P,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),i=require("react-transition-group"),n=require("clsx"),c=require("@prom-ui/core/Portal"),a=require("@prom-ui/core/BodyScrollLock"),l=require("@prom-ui/core/useForwardRef");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var d=u(e),p=u(r),f=u(t),b=s(o),y=u(n),O={root:"ew14A",backdrop:"RtyKW",enterActive:"FuHNM",exitActive:"qwiIx",enter:"Ww68r",exit:"MBjXR"},m=["isOpen","isRenderPortal","isAnimated","isBodyScrollLock","style","zIndex","children","className","onClick"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var P=b.forwardRef((function(e,r){var t=e.isOpen,o=void 0!==t&&t,n=e.isRenderPortal,u=void 0===n||n,s=e.isAnimated,p=void 0===s||s,v=e.isBodyScrollLock,P=void 0!==v&&v,k=e.style,w=void 0===k?{}:k,h=e.zIndex,q=void 0===h?1e3:h,g=e.children,x=e.className,E=e.onClick,R=f.default(e,m),S=l.useForwardRef(r,null);return b.createElement(i.CSSTransition,{nodeRef:S,in:o,timeout:p?225:0,classNames:O,unmountOnExit:!0},b.createElement(c.Portal,{isActive:u},b.createElement(a.BodyScrollLock,{isActive:P}),b.createElement("div",d.default({ref:S,className:y.default(O.root,x),style:j({zIndex:q},w),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},R),b.createElement("div",{className:O.backdrop,onClick:E}),g)))}));P.displayName="Backdrop",exports.Backdrop=P,require("./style.production.css");

package/Backdrop/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),i=require("react-transition-group"),n=require("clsx"),c=require("@prom-ui/core/Portal"),a=require("@prom-ui/core/BodyScrollLock"),l=require("@prom-ui/core/useForwardRef");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var d=u(e),p=u(r),f=u(t),b=s(o),m=u(n),y={root:"p-RA9",backdrop:"XNSpt",enterActive:"ATDSq",exitActive:"bnta5",enter:"NmGm7",exit:"sD9v-"},O=["isOpen","isRenderPortal","isAnimated","isBodyScrollLock","style","zIndex","children","className","onClick"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var P=b.forwardRef((function(e,r){var t=e.isOpen,o=void 0!==t&&t,n=e.isRenderPortal,u=void 0===n||n,s=e.isAnimated,p=void 0===s||s,v=e.isBodyScrollLock,P=void 0!==v&&v,k=e.style,h=void 0===k?{}:k,q=e.zIndex,g=void 0===q?1e3:q,w=e.children,x=e.className,S=e.onClick,E=f.default(e,O),A=l.useForwardRef(r,null);return b.createElement(i.CSSTransition,{nodeRef:A,in:o,timeout:p?225:0,classNames:y,unmountOnExit:!0},b.createElement(c.Portal,{isActive:u},b.createElement(a.BodyScrollLock,{isActive:P}),b.createElement("div",d.default({ref:A,className:m.default(y.root,x),style:j({zIndex:g},h),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},E),b.createElement("div",{className:y.backdrop,onClick:S}),w)))}));P.displayName="Backdrop",exports.Backdrop=P,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),i=require("react-transition-group"),n=require("clsx"),c=require("@prom-ui/core/Portal"),a=require("@prom-ui/core/BodyScrollLock"),l=require("@prom-ui/core/useForwardRef");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var d=u(e),p=u(r),f=u(t),b=s(o),y=u(n),O={root:"ae3g4",backdrop:"VmMsa",enterActive:"qi0ln",exitActive:"n-Gir",enter:"_3-uXH",exit:"BhuZN"},m=["isOpen","isRenderPortal","isAnimated","isBodyScrollLock","style","zIndex","children","className","onClick"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var P=b.forwardRef((function(e,r){var t=e.isOpen,o=void 0!==t&&t,n=e.isRenderPortal,u=void 0===n||n,s=e.isAnimated,p=void 0===s||s,v=e.isBodyScrollLock,P=void 0!==v&&v,k=e.style,h=void 0===k?{}:k,g=e.zIndex,q=void 0===g?1e3:g,w=e.children,x=e.className,E=e.onClick,S=f.default(e,m),B=l.useForwardRef(r,null);return b.createElement(i.CSSTransition,{nodeRef:B,in:o,timeout:p?225:0,classNames:O,unmountOnExit:!0},b.createElement(c.Portal,{isActive:u},b.createElement(a.BodyScrollLock,{isActive:P}),b.createElement("div",d.default({ref:B,className:y.default(O.root,x),style:j({zIndex:q},h),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},S),b.createElement("div",{className:O.backdrop,onClick:E}),w)))}));P.displayName="Backdrop",exports.Backdrop=P,require("./style.production.v2.css");

package/Backdrop/cjs/style.development.css

@@ -1,46 +1,56 @@
-.Backdrop__root___mZ7dv {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    -webkit-tap-highlight-color: transparent;
-    color: var(--white);
+.Backdrop__root___ew14A {
+  --pds-Backdrop-background-color: rgba(0, 0, 0, 0.35);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  -webkit-tap-highlight-color: transparent;
 }
 
-.Backdrop__backdrop___AJyr0 {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: -1;
-    opacity: 0.4;
-    background-color: var(--black-900);
+[data-pds-color-scheme=dark] .Backdrop__root___ew14A {
+  --pds-Backdrop-background-color: rgba(0, 0, 0, 0.55);
 }
 
-.Backdrop__enterActive___aDdF3,
-.Backdrop__exitActive___rC-Zl {
-    pointer-events: none;
-    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.Backdrop__backdrop___RtyKW {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  opacity: 1;
+  background-color: var(--pds-Backdrop-background-color);
 }
 
-.Backdrop__enter___NgQBr {
-    opacity: 0;
+.Backdrop__enterActive___FuHNM,
+.Backdrop__exitActive___qwiIx {
+  pointer-events: none;
+  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.Backdrop__enterActive___aDdF3 {
-    opacity: 1;
+.Backdrop__enter___Ww68r {
+  opacity: 0;
 }
 
-.Backdrop__exit___9LKEC {
-    opacity: 1;
+.Backdrop__enterActive___FuHNM {
+  opacity: 1;
 }
 
-.Backdrop__exitActive___rC-Zl {
-    opacity: 0;
+.Backdrop__exit___MBjXR {
+  opacity: 1;
 }
+
+.Backdrop__exitActive___qwiIx {
+  opacity: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-pds-color-scheme=auto] .Backdrop__root___ew14A {
+    --pds-Backdrop-background-color: rgba(0, 0, 0, 0.55);
+  }
+}

package/Backdrop/cjs/style.development.v2.css

@@ -1,46 +1,56 @@
-.Backdrop__root___p-RA9 {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    -webkit-tap-highlight-color: transparent;
-    color: var(--white);
+.Backdrop__root___ae3g4 {
+  --pds-Backdrop-background-color: rgba(0, 0, 0, 0.35);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  -webkit-tap-highlight-color: transparent;
 }
 
-.Backdrop__backdrop___XNSpt {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: -1;
-    opacity: 0.4;
-    background-color: var(--black-900);
+[data-pds-color-scheme=dark] .Backdrop__root___ae3g4 {
+  --pds-Backdrop-background-color: rgba(0, 0, 0, 0.55);
 }
 
-.Backdrop__enterActive___ATDSq,
-.Backdrop__exitActive___bnta5 {
-    pointer-events: none;
-    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.Backdrop__backdrop___VmMsa {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  opacity: 1;
+  background-color: var(--pds-Backdrop-background-color);
 }
 
-.Backdrop__enter___NmGm7 {
-    opacity: 0;
+.Backdrop__enterActive___qi0ln,
+.Backdrop__exitActive___n-Gir {
+  pointer-events: none;
+  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.Backdrop__enterActive___ATDSq {
-    opacity: 1;
+.Backdrop__enter___3-uXH {
+  opacity: 0;
 }
 
-.Backdrop__exit___sD9v- {
-    opacity: 1;
+.Backdrop__enterActive___qi0ln {
+  opacity: 1;
 }
 
-.Backdrop__exitActive___bnta5 {
-    opacity: 0;
+.Backdrop__exit___BhuZN {
+  opacity: 1;
 }
+
+.Backdrop__exitActive___n-Gir {
+  opacity: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-pds-color-scheme=auto] .Backdrop__root___ae3g4 {
+    --pds-Backdrop-background-color: rgba(0, 0, 0, 0.55);
+  }
+}

package/Backdrop/cjs/style.production.css

@@ -1 +1 @@
-.mZ7dv{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;color:var(--white)}.AJyr0{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:.4;background-color:var(--black-900)}.aDdF3,.rC-Zl{pointer-events:none;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.NgQBr{opacity:0}.aDdF3{opacity:1}._9LKEC{opacity:1}.rC-Zl{opacity:0}
+.ew14A{--pds-Backdrop-background-color:rgba(0, 0, 0, 0.35);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}[data-pds-color-scheme=dark] .ew14A{--pds-Backdrop-background-color:rgba(0, 0, 0, 0.55)}.RtyKW{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:1;background-color:var(--pds-Backdrop-background-color)}.FuHNM,.qwiIx{pointer-events:none;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Ww68r{opacity:0}.FuHNM{opacity:1}.MBjXR{opacity:1}.qwiIx{opacity:0}@media (prefers-color-scheme:dark){[data-pds-color-scheme=auto] .ew14A{--pds-Backdrop-background-color:rgba(0, 0, 0, 0.55)}}

package/Backdrop/cjs/style.production.v2.css

@@ -1 +1 @@
-.p-RA9{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;color:var(--white)}.XNSpt{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:.4;background-color:var(--black-900)}.ATDSq,.bnta5{pointer-events:none;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.NmGm7{opacity:0}.ATDSq{opacity:1}.sD9v-{opacity:1}.bnta5{opacity:0}
+.ae3g4{--pds-Backdrop-background-color:rgba(0, 0, 0, 0.35);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}[data-pds-color-scheme=dark] .ae3g4{--pds-Backdrop-background-color:rgba(0, 0, 0, 0.55)}.VmMsa{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:1;background-color:var(--pds-Backdrop-background-color)}.qi0ln,.n-Gir{pointer-events:none;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}._3-uXH{opacity:0}.qi0ln{opacity:1}.BhuZN{opacity:1}.n-Gir{opacity:0}@media (prefers-color-scheme:dark){[data-pds-color-scheme=auto] .ae3g4{--pds-Backdrop-background-color:rgba(0, 0, 0, 0.55)}}

package/Backdrop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Backdrop",
-  "version": "2.3.0",
+  "version": "2.4.1-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Badge",
-  "version": "2.3.0",
+  "version": "2.4.1-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Body/cjs/style.development.css

@@ -395,6 +395,78 @@
 }
 /* @import "evokit-body/style@small.css"; */
 /* @import "evokit-body/style@medium.css"; */
+/* @import "evokit-body/style@wide.css"; */
+/* @import "evokit-body/style@huge.css"; */
+/* stylelint-disable */
+.ek-body_background_black-100 {
+    background: var(--black-100);
+}
+.ek-body_color_black-100 {
+    color: var(--black-100);
+}
+/* stylelint-disable */
+.ek-body_background_black-900 {
+    background: var(--black-900);
+}
+.ek-body_color_black-900 {
+    color: var(--black-900);
+}
+/* stylelint-disable */
+.ek-body_background_white {
+    background: var(--white);
+}
+.ek-body_color_white {
+    color: var(--white);
+}
+:root {
+    /* base */
+
+    /* prop 'body-indent' */
+
+    /* prop 'body-width', 'body-width-min', 'body-width-max' */
+
+    /* DEPRECATED prop 'body-size' */
+}
+@media only screen and (min-width: 480px) {
+    .ek-body_background_black-100\@small {
+        background: var(--black-100);
+    }
+    .ek-body_color_black-100\@small {
+        color: var(--black-100);
+    }
+    .ek-body_background_black-900\@small {
+        background: var(--black-900);
+    }
+    .ek-body_color_black-900\@small {
+        color: var(--black-900);
+    }
+    .ek-body_background_white\@small {
+        background: var(--white);
+    }
+    .ek-body_color_white\@small {
+        color: var(--white);
+    }
+}
+@media only screen and (min-width: 768px) {
+    .ek-body_background_black-100\@medium {
+        background: var(--black-100);
+    }
+    .ek-body_color_black-100\@medium {
+        color: var(--black-100);
+    }
+    .ek-body_background_black-900\@medium {
+        background: var(--black-900);
+    }
+    .ek-body_color_black-900\@medium {
+        color: var(--black-900);
+    }
+    .ek-body_background_white\@medium {
+        background: var(--white);
+    }
+    .ek-body_color_white\@medium {
+        color: var(--white);
+    }
+}
 @media only screen and (min-width: 960px) {
         .ek-body_display_block\@large {
         display: block;
@@ -710,38 +782,23 @@
         .ek-body__section_height_1-1\@large {
             height: 100%;
         }
-}
-/* @import "evokit-body/style@wide.css"; */
-/* @import "evokit-body/style@huge.css"; */
-/* stylelint-disable */
-.ek-body_background_black-100 {
-    background: var(--black-100);
-}
-.ek-body_color_black-100 {
-    color: var(--black-100);
-}
-@media only screen and (min-width: 480px) {
-    .ek-body_background_black-100\@small {
+    .ek-body_background_black-100\@large {
         background: var(--black-100);
     }
-    .ek-body_color_black-100\@small {
+    .ek-body_color_black-100\@large {
         color: var(--black-100);
     }
-}
-@media only screen and (min-width: 768px) {
-    .ek-body_background_black-100\@medium {
-        background: var(--black-100);
+    .ek-body_background_black-900\@large {
+        background: var(--black-900);
     }
-    .ek-body_color_black-100\@medium {
-        color: var(--black-100);
+    .ek-body_color_black-900\@large {
+        color: var(--black-900);
     }
-}
-@media only screen and (min-width: 960px) {
-    .ek-body_background_black-100\@large {
-        background: var(--black-100);
+    .ek-body_background_white\@large {
+        background: var(--white);
     }
-    .ek-body_color_black-100\@large {
-        color: var(--black-100);
+    .ek-body_color_white\@large {
+        color: var(--white);
     }
 }
 @media only screen and (min-width: 1200px) {
@@ -751,102 +808,32 @@
     .ek-body_color_black-100\@wide {
         color: var(--black-100);
     }
-}
-@media only screen and (min-width: 1400px) {
-    .ek-body_background_black-100\@huge {
-        background: var(--black-100);
-    }
-    .ek-body_color_black-100\@huge {
-        color: var(--black-100);
-    }
-}
-/* stylelint-disable */
-.ek-body_background_black-900 {
-    background: var(--black-900);
-}
-.ek-body_color_black-900 {
-    color: var(--black-900);
-}
-@media only screen and (min-width: 480px) {
-    .ek-body_background_black-900\@small {
-        background: var(--black-900);
-    }
-    .ek-body_color_black-900\@small {
-        color: var(--black-900);
-    }
-}
-@media only screen and (min-width: 768px) {
-    .ek-body_background_black-900\@medium {
-        background: var(--black-900);
-    }
-    .ek-body_color_black-900\@medium {
-        color: var(--black-900);
-    }
-}
-@media only screen and (min-width: 960px) {
-    .ek-body_background_black-900\@large {
-        background: var(--black-900);
-    }
-    .ek-body_color_black-900\@large {
-        color: var(--black-900);
-    }
-}
-@media only screen and (min-width: 1200px) {
     .ek-body_background_black-900\@wide {
         background: var(--black-900);
     }
     .ek-body_color_black-900\@wide {
         color: var(--black-900);
     }
-}
-@media only screen and (min-width: 1400px) {
-    .ek-body_background_black-900\@huge {
-        background: var(--black-900);
-    }
-    .ek-body_color_black-900\@huge {
-        color: var(--black-900);
-    }
-}
-/* stylelint-disable */
-.ek-body_background_white {
-    background: var(--white);
-}
-.ek-body_color_white {
-    color: var(--white);
-}
-@media only screen and (min-width: 480px) {
-    .ek-body_background_white\@small {
-        background: var(--white);
-    }
-    .ek-body_color_white\@small {
-        color: var(--white);
-    }
-}
-@media only screen and (min-width: 768px) {
-    .ek-body_background_white\@medium {
+    .ek-body_background_white\@wide {
         background: var(--white);
     }
-    .ek-body_color_white\@medium {
+    .ek-body_color_white\@wide {
         color: var(--white);
     }
 }
-@media only screen and (min-width: 960px) {
-    .ek-body_background_white\@large {
-        background: var(--white);
+@media only screen and (min-width: 1400px) {
+    .ek-body_background_black-100\@huge {
+        background: var(--black-100);
     }
-    .ek-body_color_white\@large {
-        color: var(--white);
+    .ek-body_color_black-100\@huge {
+        color: var(--black-100);
     }
-}
-@media only screen and (min-width: 1200px) {
-    .ek-body_background_white\@wide {
-        background: var(--white);
+    .ek-body_background_black-900\@huge {
+        background: var(--black-900);
     }
-    .ek-body_color_white\@wide {
-        color: var(--white);
+    .ek-body_color_black-900\@huge {
+        color: var(--black-900);
     }
-}
-@media only screen and (min-width: 1400px) {
     .ek-body_background_white\@huge {
         background: var(--white);
     }
@@ -854,12 +841,3 @@
         color: var(--white);
     }
 }
-:root {
-    /* base */
-
-    /* prop 'body-indent' */
-
-    /* prop 'body-width', 'body-width-min', 'body-width-max' */
-
-    /* DEPRECATED prop 'body-size' */
-}