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

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

@@ -14,21 +14,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);
@@ -37,7 +37,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
-var css = {"root":"SnackBar__root___IO9Lm","content":"SnackBar__content___xRCgn","root_position_top-center":"SnackBar__root_position_top-center___D7Fe7","root_position_bottom-center":"SnackBar__root_position_bottom-center___HIRC2","root_position_top-left":"SnackBar__root_position_top-left___Svj-i","root_position_top-right":"SnackBar__root_position_top-right___gNTkz","root_position_bottom-left":"SnackBar__root_position_bottom-left___L95tG","root_position_bottom-right":"SnackBar__root_position_bottom-right___Dt4fI","enterActive":"SnackBar__enterActive___g3PM1","exitActive":"SnackBar__exitActive___HHT5k","enter":"SnackBar__enter___eGdZB","exit":"SnackBar__exit___x7asQ"};
+var css = {"root":"SnackBar__root___KYIW0","content":"SnackBar__content___F8zNR","root_position_top-center":"SnackBar__root_position_top-center___I5Lmf","root_position_bottom-center":"SnackBar__root_position_bottom-center___QB4Ps","root_position_top-left":"SnackBar__root_position_top-left___QJETh","root_position_top-right":"SnackBar__root_position_top-right___vHlAp","root_position_bottom-left":"SnackBar__root_position_bottom-left___cU3cS","root_position_bottom-right":"SnackBar__root_position_bottom-right___dlDmS","enterActive":"SnackBar__enterActive___mLVVo","exitActive":"SnackBar__exitActive___5JFKS","enter":"SnackBar__enter___Rlx0S","exit":"SnackBar__exit___B32cZ"};
 
 var _excluded = ["isOpen", "onClose", "onOpened", "onClosed", "children", "className", "style", "position", "zIndex", "padding", "autoCloseDelay", "isRenderPortal"];
 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/SnackBar/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),a=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 t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=u(e),f=u(t),p=u(r),d=s(o),b=u(n),O={root:"L79vP",content:"iYzO5","root_position_top-center":"dpKTy","root_position_bottom-center":"i5-KH","root_position_top-left":"IWQhD","root_position_top-right":"eg0lI","root_position_bottom-left":"kn1Ep","root_position_bottom-right":"pH0zF",enterActive:"mFMbv",exitActive:"Lga9O",enter:"a7Z-S",exit:"_4JiHm"},m=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=d.forwardRef((function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,u=e.onClosed,s=e.children,f=e.className,y=e.style,j=e.position,g=void 0===j?"bottom-center":j,P=e.zIndex,_=void 0===P?5e3:P,h=e.padding,x=void 0===h?"12px 16px":h,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,C=void 0===w||w,D=p.default(e,m),R=a.useForwardRef(t,null),k=d.useRef(!1),S=d.useRef(void 0),z=g?O["root_position_".concat(g)]:void 0,N=function(){clearTimeout(S.current)},I=function(){k.current=!1,N(),q>0&&(S.current=setTimeout((function(){k.current=!0,"function"==typeof o&&o()}),q))},A=function(){N()},F=function(){"function"==typeof n&&n(),I()};return d.useEffect((function(){return r&&F(),function(){A()}}),[]),d.createElement(i.CSSTransition,{nodeRef:R,in:r,timeout:125,classNames:O,unmountOnExit:!0,onEntered:F,onExit:A,onExited:function(){"function"==typeof u&&u({isAutoClose:k.current})}},d.createElement(c.Portal,{isActive:C},d.createElement("div",l.default({className:b.default(O.root,z),ref:R,style:{zIndex:_},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},D),d.createElement("div",{className:b.default(O.content,f),style:v({padding:x},y),role:"alert",onMouseEnter:N,onMouseLeave:I},s))))}));j.displayName="SnackBar",exports.SnackBar=j,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),u=require("@prom-ui/core/useForwardRef");function a(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 t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),f=a(t),p=a(r),d=s(o),b=a(n),y={root:"zviPe",content:"v4tgu","root_position_top-center":"TR90b","root_position_bottom-center":"YlR9W","root_position_top-left":"QBAq1","root_position_top-right":"DzSIt","root_position_bottom-left":"ZNKwU","root_position_bottom-right":"DvkY7",enterActive:"b-sYk",exitActive:"CXTc9",enter:"V8HbR",exit:"FAqxX"},O=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=d.forwardRef((function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,a=e.onClosed,s=e.children,f=e.className,m=e.style,j=e.position,g=void 0===j?"bottom-center":j,P=e.zIndex,_=void 0===P?5e3:P,h=e.padding,x=void 0===h?"12px 16px":h,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,R=void 0===w||w,C=p.default(e,O),D=u.useForwardRef(t,null),k=d.useRef(!1),N=d.useRef(void 0),S=g?y["root_position_".concat(g)]:void 0,z=function(){clearTimeout(N.current)},A=function(){k.current=!1,z(),q>0&&(N.current=setTimeout((function(){k.current=!0,"function"==typeof o&&o()}),q))},T=function(){z()},I=function(){"function"==typeof n&&n(),A()};return d.useEffect((function(){return r&&I(),function(){T()}}),[]),d.createElement(i.CSSTransition,{nodeRef:D,in:r,timeout:125,classNames:y,unmountOnExit:!0,onEntered:I,onExit:T,onExited:function(){"function"==typeof a&&a({isAutoClose:k.current})}},d.createElement(c.Portal,{isActive:R},d.createElement("div",l.default({className:b.default(y.root,S),ref:D,style:{zIndex:_},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},C),d.createElement("div",{className:b.default(y.content,f),style:v({padding:x},m),role:"alert",onMouseEnter:z,onMouseLeave:A},s))))}));j.displayName="SnackBar",exports.SnackBar=j,require("./style.production.css");

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),a=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 t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=u(e),f=u(t),p=u(r),d=s(o),b=u(n),O={root:"IO9Lm",content:"xRCgn","root_position_top-center":"D7Fe7","root_position_bottom-center":"HIRC2","root_position_top-left":"Svj-i","root_position_top-right":"gNTkz","root_position_bottom-left":"L95tG","root_position_bottom-right":"Dt4fI",enterActive:"g3PM1",exitActive:"HHT5k",enter:"eGdZB",exit:"x7asQ"},m=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=d.forwardRef((function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,u=e.onClosed,s=e.children,f=e.className,y=e.style,j=e.position,g=void 0===j?"bottom-center":j,P=e.zIndex,x=void 0===P?5e3:P,_=e.padding,h=void 0===_?"12px 16px":_,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,C=void 0===w||w,R=p.default(e,m),D=a.useForwardRef(t,null),k=d.useRef(!1),N=d.useRef(void 0),S=g?O["root_position_".concat(g)]:void 0,I=function(){clearTimeout(N.current)},z=function(){k.current=!1,I(),q>0&&(N.current=setTimeout((function(){k.current=!0,"function"==typeof o&&o()}),q))},T=function(){I()},A=function(){"function"==typeof n&&n(),z()};return d.useEffect((function(){return r&&A(),function(){T()}}),[]),d.createElement(i.CSSTransition,{nodeRef:D,in:r,timeout:125,classNames:O,unmountOnExit:!0,onEntered:A,onExit:T,onExited:function(){"function"==typeof u&&u({isAutoClose:k.current})}},d.createElement(c.Portal,{isActive:C},d.createElement("div",l.default({className:b.default(O.root,S),ref:D,style:{zIndex:x},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},R),d.createElement("div",{className:b.default(O.content,f),style:v({padding:h},y),role:"alert",onMouseEnter:I,onMouseLeave:z},s))))}));j.displayName="SnackBar",exports.SnackBar=j,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),u=require("@prom-ui/core/useForwardRef");function a(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 t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),f=a(t),p=a(r),d=s(o),b=a(n),m={root:"KYIW0",content:"F8zNR","root_position_top-center":"I5Lmf","root_position_bottom-center":"QB4Ps","root_position_top-left":"QJETh","root_position_top-right":"vHlAp","root_position_bottom-left":"cU3cS","root_position_bottom-right":"dlDmS",enterActive:"mLVVo",exitActive:"_5JFKS",enter:"Rlx0S",exit:"B32cZ"},y=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=d.forwardRef((function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,a=e.onClosed,s=e.children,f=e.className,O=e.style,j=e.position,P=void 0===j?"bottom-center":j,g=e.zIndex,_=void 0===g?5e3:g,h=e.padding,x=void 0===h?"12px 16px":h,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,R=void 0===w||w,S=p.default(e,y),C=u.useForwardRef(t,null),D=d.useRef(!1),N=d.useRef(void 0),k=P?m["root_position_".concat(P)]:void 0,z=function(){clearTimeout(N.current)},A=function(){D.current=!1,z(),q>0&&(N.current=setTimeout((function(){D.current=!0,"function"==typeof o&&o()}),q))},I=function(){z()},B=function(){"function"==typeof n&&n(),A()};return d.useEffect((function(){return r&&B(),function(){I()}}),[]),d.createElement(i.CSSTransition,{nodeRef:C,in:r,timeout:125,classNames:m,unmountOnExit:!0,onEntered:B,onExit:I,onExited:function(){"function"==typeof a&&a({isAutoClose:D.current})}},d.createElement(c.Portal,{isActive:R},d.createElement("div",l.default({className:b.default(m.root,k),ref:C,style:{zIndex:_},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},S),d.createElement("div",{className:b.default(m.content,f),style:v({padding:x},O),role:"alert",onMouseEnter:z,onMouseLeave:A},s))))}));j.displayName="SnackBar",exports.SnackBar=j,require("./style.production.v2.css");

package/SnackBar/cjs/style.development.css

@@ -1,161 +1,137 @@
-.SnackBar__root___L79vP {
-    --pds-snackbar-scale-entered: 1;
-    --pds-snackbar-scale-exited: 0.9;
-    --pds-snackbar-opacity-entered: 1;
-    --pds-snackbar-opacity-exited: 0;
-    --pds-snackbar-transition-duration: 125ms;
-    --pds-snackbar-root-margin: var(--pds-global-snackbar-root-margin, 20px);
-    position: fixed;
-    transform: none;
-    padding: var(--pds-snackbar-root-margin);
-    width: -moz-max-content;
-    width: max-content;
-    max-width: 100%;
-    box-sizing: border-box;
-    pointer-events: none;
-}
-
-.SnackBar__content___iYzO5 {
-    background: var(--black-900);
-    color: var(--white);
-    border-radius: var(--pds-round-m);
-    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.14118);
-    box-sizing: border-box;
-    overflow: hidden;
-    pointer-events: auto;
-}
-
-[data-pds-color-scheme='dark']:root .SnackBar__content___iYzO5 {
-        background: #404040;
-    }
-
-@media (color-index: 48) {
-        [data-pds-color-scheme='auto']:root .SnackBar__content___iYzO5 {
-            background: #404040;
-        }
-}
-
-@media (color: 48842621) {
-        [data-pds-color-scheme='auto']:root .SnackBar__content___iYzO5 {
-            background: #404040;
-        }
+.SnackBar__root___zviPe {
+  --pds-snackbar-scale-entered: 1;
+  --pds-snackbar-scale-exited: 0.9;
+  --pds-snackbar-opacity-entered: 1;
+  --pds-snackbar-opacity-exited: 0;
+  --pds-snackbar-transition-duration: 125ms;
+  --pds-snackbar-root-margin: var(--pds-global-snackbar-root-margin, 20px);
+  --pds-snackbar-background: var(--black-900);
+  position: fixed;
+  transform: none;
+  padding: var(--pds-snackbar-root-margin);
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+  box-sizing: border-box;
+  pointer-events: none;
+}
+
+[data-pds-color-scheme=dark] .SnackBar__root___zviPe {
+  --pds-snackbar-background: #404040;
+}
+
+.SnackBar__content___v4tgu {
+  background: var(--pds-snackbar-background);
+  color: var(--white);
+  border-radius: var(--pds-round-m);
+  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.1411764706);
+  box-sizing: border-box;
+  overflow: hidden;
+  pointer-events: auto;
 }
 
 /* position */
 
-.SnackBar__root_position_top-center___dpKTy {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    top: 0;
-    left: 50%;
-    padding-bottom: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_top-center___TR90b {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  top: 0;
+  left: 50%;
+  padding-bottom: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-.SnackBar__root_position_bottom-center___i5-KH {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    bottom: 0;
-    left: 50%;
-    padding-top: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_bottom-center___YlR9W {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  bottom: 0;
+  left: 50%;
+  padding-top: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-.SnackBar__root_position_top-left___IWQhD {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    top: 0;
-    left: 50%;
-    padding-bottom: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_top-left___QBAq1 {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  top: 0;
+  left: 50%;
+  padding-bottom: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-@media only screen and (min-width: 480px) {
-
-.SnackBar__root_position_top-left___IWQhD {
-        --pds-snackbar-translate-x: 0;
-        left: 0;
-}
-    }
-
-.SnackBar__root_position_top-right___eg0lI {
-    --pds-snackbar-translate-x: 50%;
-    --pds-snackbar-translate-y: 0;
-    top: 0;
-    right: 50%;
-    padding-bottom: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_top-right___DzSIt {
+  --pds-snackbar-translate-x: 50%;
+  --pds-snackbar-translate-y: 0;
+  top: 0;
+  right: 50%;
+  padding-bottom: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-@media only screen and (min-width: 480px) {
-
-.SnackBar__root_position_top-right___eg0lI {
-        --pds-snackbar-translate-x: 0;
-        right: 0;
-}
-    }
-
-.SnackBar__root_position_bottom-left___kn1Ep {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    bottom: 0;
-    left: 50%;
-    padding-top: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_bottom-left___ZNKwU {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  bottom: 0;
+  left: 50%;
+  padding-top: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-@media only screen and (min-width: 480px) {
-
-.SnackBar__root_position_bottom-left___kn1Ep {
-        --pds-snackbar-translate-x: 0;
-        left: 0;
+.SnackBar__root_position_bottom-right___DvkY7 {
+  --pds-snackbar-translate-x: 50%;
+  --pds-snackbar-translate-y: 0;
+  bottom: 0;
+  right: 50%;
+  padding-top: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
-    }
-
-.SnackBar__root_position_bottom-right___pH0zF {
-    --pds-snackbar-translate-x: 50%;
-    --pds-snackbar-translate-y: 0;
-    bottom: 0;
-    right: 50%;
-    padding-top: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
-}
-
-@media only screen and (min-width: 480px) {
 
-.SnackBar__root_position_bottom-right___pH0zF {
-        --pds-snackbar-translate-x: 0;
-        right: 0;
+.SnackBar__enterActive___b-sYk,
+.SnackBar__exitActive___CXTc9 {
+  transition: opacity var(--pds-snackbar-transition-duration) ease-in-out 0ms, transform var(--pds-snackbar-transition-duration) ease-in-out 0ms;
 }
-    }
 
-.SnackBar__enterActive___mFMbv,
-.SnackBar__exitActive___Lga9O {
-    transition:
-        opacity var(--pds-snackbar-transition-duration) ease-in-out 0ms,
-        transform var(--pds-snackbar-transition-duration) ease-in-out 0ms;
+.SnackBar__enter___V8HbR {
+  opacity: var(--pds-snackbar-opacity-exited);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-exited));
 }
 
-.SnackBar__enter___a7Z-S {
-    opacity: var(--pds-snackbar-opacity-exited);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-exited));
+.SnackBar__enterActive___b-sYk {
+  opacity: var(--pds-snackbar-opacity-entered);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-entered));
 }
 
-.SnackBar__enterActive___mFMbv {
-    opacity: var(--pds-snackbar-opacity-entered);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-entered));
+.SnackBar__exit___FAqxX {
+  opacity: var(--pds-snackbar-opacity-entered);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-entered));
 }
 
-.SnackBar__exit___4JiHm {
-    opacity: var(--pds-snackbar-opacity-entered);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-entered));
+.SnackBar__exitActive___CXTc9 {
+  opacity: var(--pds-snackbar-opacity-exited);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-exited));
 }
 
-.SnackBar__exitActive___Lga9O {
-    opacity: var(--pds-snackbar-opacity-exited);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-exited));
-}
+@media only screen and (min-width: 480px) {
+  .SnackBar__root_position_top-left___QBAq1 {
+    --pds-snackbar-translate-x: 0;
+    left: 0;
+  }
+  .SnackBar__root_position_top-right___DzSIt {
+    --pds-snackbar-translate-x: 0;
+    right: 0;
+  }
+  .SnackBar__root_position_bottom-left___ZNKwU {
+    --pds-snackbar-translate-x: 0;
+    left: 0;
+  }
+  .SnackBar__root_position_bottom-right___DvkY7 {
+    --pds-snackbar-translate-x: 0;
+    right: 0;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-pds-color-scheme=auto] .SnackBar__root___zviPe {
+    --pds-snackbar-background: #404040;
+  }
+}

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

@@ -1,161 +1,137 @@
-.SnackBar__root___IO9Lm {
-    --pds-snackbar-scale-entered: 1;
-    --pds-snackbar-scale-exited: 0.9;
-    --pds-snackbar-opacity-entered: 1;
-    --pds-snackbar-opacity-exited: 0;
-    --pds-snackbar-transition-duration: 125ms;
-    --pds-snackbar-root-margin: var(--pds-global-snackbar-root-margin, 20px);
-    position: fixed;
-    transform: none;
-    padding: var(--pds-snackbar-root-margin);
-    width: -moz-max-content;
-    width: max-content;
-    max-width: 100%;
-    box-sizing: border-box;
-    pointer-events: none;
-}
-
-.SnackBar__content___xRCgn {
-    background: var(--black-900);
-    color: var(--white);
-    border-radius: var(--pds-round-m);
-    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.14118);
-    box-sizing: border-box;
-    overflow: hidden;
-    pointer-events: auto;
-}
-
-[data-pds-color-scheme='dark']:root .SnackBar__content___xRCgn {
-        background: #404040;
-    }
-
-@media (color-index: 48) {
-        [data-pds-color-scheme='auto']:root .SnackBar__content___xRCgn {
-            background: #404040;
-        }
-}
-
-@media (color: 48842621) {
-        [data-pds-color-scheme='auto']:root .SnackBar__content___xRCgn {
-            background: #404040;
-        }
+.SnackBar__root___KYIW0 {
+  --pds-snackbar-scale-entered: 1;
+  --pds-snackbar-scale-exited: 0.9;
+  --pds-snackbar-opacity-entered: 1;
+  --pds-snackbar-opacity-exited: 0;
+  --pds-snackbar-transition-duration: 125ms;
+  --pds-snackbar-root-margin: var(--pds-global-snackbar-root-margin, 20px);
+  --pds-snackbar-background: var(--black-900);
+  position: fixed;
+  transform: none;
+  padding: var(--pds-snackbar-root-margin);
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+  box-sizing: border-box;
+  pointer-events: none;
+}
+
+[data-pds-color-scheme=dark] .SnackBar__root___KYIW0 {
+  --pds-snackbar-background: #404040;
+}
+
+.SnackBar__content___F8zNR {
+  background: var(--pds-snackbar-background);
+  color: var(--white);
+  border-radius: var(--pds-round-m);
+  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.1411764706);
+  box-sizing: border-box;
+  overflow: hidden;
+  pointer-events: auto;
 }
 
 /* position */
 
-.SnackBar__root_position_top-center___D7Fe7 {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    top: 0;
-    left: 50%;
-    padding-bottom: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_top-center___I5Lmf {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  top: 0;
+  left: 50%;
+  padding-bottom: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-.SnackBar__root_position_bottom-center___HIRC2 {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    bottom: 0;
-    left: 50%;
-    padding-top: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_bottom-center___QB4Ps {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  bottom: 0;
+  left: 50%;
+  padding-top: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-.SnackBar__root_position_top-left___Svj-i {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    top: 0;
-    left: 50%;
-    padding-bottom: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_top-left___QJETh {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  top: 0;
+  left: 50%;
+  padding-bottom: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-@media only screen and (min-width: 480px) {
-
-.SnackBar__root_position_top-left___Svj-i {
-        --pds-snackbar-translate-x: 0;
-        left: 0;
-}
-    }
-
-.SnackBar__root_position_top-right___gNTkz {
-    --pds-snackbar-translate-x: 50%;
-    --pds-snackbar-translate-y: 0;
-    top: 0;
-    right: 50%;
-    padding-bottom: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_top-right___vHlAp {
+  --pds-snackbar-translate-x: 50%;
+  --pds-snackbar-translate-y: 0;
+  top: 0;
+  right: 50%;
+  padding-bottom: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-@media only screen and (min-width: 480px) {
-
-.SnackBar__root_position_top-right___gNTkz {
-        --pds-snackbar-translate-x: 0;
-        right: 0;
-}
-    }
-
-.SnackBar__root_position_bottom-left___L95tG {
-    --pds-snackbar-translate-x: -50%;
-    --pds-snackbar-translate-y: 0;
-    bottom: 0;
-    left: 50%;
-    padding-top: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
+.SnackBar__root_position_bottom-left___cU3cS {
+  --pds-snackbar-translate-x: -50%;
+  --pds-snackbar-translate-y: 0;
+  bottom: 0;
+  left: 50%;
+  padding-top: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
 
-@media only screen and (min-width: 480px) {
-
-.SnackBar__root_position_bottom-left___L95tG {
-        --pds-snackbar-translate-x: 0;
-        left: 0;
+.SnackBar__root_position_bottom-right___dlDmS {
+  --pds-snackbar-translate-x: 50%;
+  --pds-snackbar-translate-y: 0;
+  bottom: 0;
+  right: 50%;
+  padding-top: 0;
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
 }
-    }
-
-.SnackBar__root_position_bottom-right___Dt4fI {
-    --pds-snackbar-translate-x: 50%;
-    --pds-snackbar-translate-y: 0;
-    bottom: 0;
-    right: 50%;
-    padding-top: 0;
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y));
-}
-
-@media only screen and (min-width: 480px) {
 
-.SnackBar__root_position_bottom-right___Dt4fI {
-        --pds-snackbar-translate-x: 0;
-        right: 0;
+.SnackBar__enterActive___mLVVo,
+.SnackBar__exitActive___5JFKS {
+  transition: opacity var(--pds-snackbar-transition-duration) ease-in-out 0ms, transform var(--pds-snackbar-transition-duration) ease-in-out 0ms;
 }
-    }
 
-.SnackBar__enterActive___g3PM1,
-.SnackBar__exitActive___HHT5k {
-    transition:
-        opacity var(--pds-snackbar-transition-duration) ease-in-out 0ms,
-        transform var(--pds-snackbar-transition-duration) ease-in-out 0ms;
+.SnackBar__enter___Rlx0S {
+  opacity: var(--pds-snackbar-opacity-exited);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-exited));
 }
 
-.SnackBar__enter___eGdZB {
-    opacity: var(--pds-snackbar-opacity-exited);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-exited));
+.SnackBar__enterActive___mLVVo {
+  opacity: var(--pds-snackbar-opacity-entered);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-entered));
 }
 
-.SnackBar__enterActive___g3PM1 {
-    opacity: var(--pds-snackbar-opacity-entered);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-entered));
+.SnackBar__exit___B32cZ {
+  opacity: var(--pds-snackbar-opacity-entered);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-entered));
 }
 
-.SnackBar__exit___x7asQ {
-    opacity: var(--pds-snackbar-opacity-entered);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-entered));
+.SnackBar__exitActive___5JFKS {
+  opacity: var(--pds-snackbar-opacity-exited);
+  transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y)) scale(var(--pds-snackbar-scale-exited));
 }
 
-.SnackBar__exitActive___HHT5k {
-    opacity: var(--pds-snackbar-opacity-exited);
-    transform: translate(var(--pds-snackbar-translate-x), var(--pds-snackbar-translate-y))
-        scale(var(--pds-snackbar-scale-exited));
-}
+@media only screen and (min-width: 480px) {
+  .SnackBar__root_position_top-left___QJETh {
+    --pds-snackbar-translate-x: 0;
+    left: 0;
+  }
+  .SnackBar__root_position_top-right___vHlAp {
+    --pds-snackbar-translate-x: 0;
+    right: 0;
+  }
+  .SnackBar__root_position_bottom-left___cU3cS {
+    --pds-snackbar-translate-x: 0;
+    left: 0;
+  }
+  .SnackBar__root_position_bottom-right___dlDmS {
+    --pds-snackbar-translate-x: 0;
+    right: 0;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-pds-color-scheme=auto] .SnackBar__root___KYIW0 {
+    --pds-snackbar-background: #404040;
+  }
+}