@zendeskgarden/react-notifications - npm Package Compare versions

Comparing version 9.1.1 to 9.1.2

dist/esm/elements/toaster/styled.js

@@ -15,3 +15,3 @@ /**
   componentId: "sc-nq0usb-0"
-})(["transition:opacity ", " ease-in 300ms;opacity:", ";margin-bottom:", "px;", " &.", "-enter{transform:translateY( ", " );opacity:0;max-height:0;}&.", "-enter-active{transform:translateY(0);transition:opacity ", " ease-in,transform ", " cubic-bezier(0.15,0.85,0.35,1.2),max-height ", ";opacity:1;max-height:500px;}&.", "-exit{opacity:1;max-height:500px;}&.", "-exit-active{transition:opacity 550ms ease-out,max-height ", " linear 150ms;opacity:0;max-height:0;}"], DEFAULT_DURATION, p => p.isHidden ? '0 !important' : 1, p => p.theme.space.base * 2, p => p.isHidden && hideVisually(), TRANSITION_CLASS, props => {
+})(["transition:opacity ", " ease-in 300ms;opacity:", ";margin-bottom:", "px;", " &.", "-enter{transform:translateY( ", " );opacity:0;max-height:0;}&.", "-enter-active{transform:translateY(0);transition:opacity ", " ease-in,transform ", " cubic-bezier(0.15,0.85,0.35,1.2),max-height ", ";opacity:1;max-height:500px;}&.", "-exit{opacity:1;max-height:500px;}&.", "-exit-active{transition:opacity 550ms ease-out,max-height ", " linear 150ms;opacity:0;max-height:0;}"], DEFAULT_DURATION, p => p.$isHidden ? '0 !important' : 1, p => p.theme.space.base * 2, p => p.$isHidden && hideVisually(), TRANSITION_CLASS, props => {
   if (props.placement === 'bottom-start' || props.placement === 'bottom' || props.placement === 'bottom-end') {
@@ -31,3 +31,3 @@ return '100px';
   const bottomRightStyles = css(["right:", ";bottom:", ";"], horizontalDistance, verticalDistance);
-  switch (props.toastPlacement) {
+  switch (props.$toastPlacement) {
     case 'top-start':
@@ -64,4 +64,4 @@ if (props.theme.rtl) {
   componentId: "sc-nq0usb-1"
-})(["position:fixed;z-index:", ";", ";"], props => props.toastZIndex, placementStyles);
+})(["position:fixed;z-index:", ";", ";"], props => props.$toastZIndex, placementStyles);
 
 export { StyledFadeInTransition, StyledTransitionContainer, TRANSITION_CLASS };

dist/esm/elements/toaster/ToastSlot.js

@@ -56,4 +56,4 @@ /**
     key: placement,
-    toastPlacement: placement,
-    toastZIndex: zIndex,
+    $toastPlacement: placement,
+    $toastZIndex: zIndex,
     onMouseEnter: handleMouseEnter,
@@ -75,3 +75,3 @@ onMouseLeave: handleMouseLeave
       placement: placement,
-      isHidden: isHidden(index)
+      $isHidden: isHidden(index)
     }, React__default.createElement(Toast, {
@@ -78,0 +78,0 @@ toast: toast,

dist/esm/styled/content/StyledClose.js

@@ -61,3 +61,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -64,0 +64,0 @@ displayName: "StyledClose",

dist/esm/styled/content/StyledParagraph.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledParagraph",

dist/esm/styled/content/StyledTitle.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledTitle",

dist/esm/styled/global-alert/StyledGlobalAlert.js

@@ -151,3 +151,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -154,0 +154,0 @@ displayName: "StyledGlobalAlert",

dist/esm/styled/global-alert/StyledGlobalAlertButton.js

@@ -109,3 +109,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -112,0 +112,0 @@ displayName: "StyledGlobalAlertButton",

dist/esm/styled/global-alert/StyledGlobalAlertClose.js

@@ -94,3 +94,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -97,0 +97,0 @@ displayName: "StyledGlobalAlertClose",

dist/esm/styled/global-alert/StyledGlobalAlertContent.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledGlobalAlertContent",

dist/esm/styled/global-alert/StyledGlobalAlertIcon.js

@@ -56,3 +56,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -59,0 +59,0 @@ displayName: "StyledGlobalAlertIcon",

dist/esm/styled/global-alert/StyledGlobalAlertTitle.js

@@ -40,3 +40,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -43,0 +43,0 @@ displayName: "StyledGlobalAlertTitle",

dist/esm/styled/StyledAlert.js

@@ -42,3 +42,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -45,0 +45,0 @@ displayName: "StyledAlert",

dist/esm/styled/StyledBase.js

@@ -83,3 +83,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -86,0 +86,0 @@ displayName: "StyledBase",

dist/esm/styled/StyledIcon.js

@@ -52,3 +52,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -55,0 +55,0 @@ displayName: "StyledIcon",

dist/esm/styled/StyledNotification.js

@@ -44,3 +44,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -47,0 +47,0 @@ displayName: "StyledNotification",

dist/esm/styled/StyledWell.js

@@ -38,3 +38,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -41,0 +41,0 @@ displayName: "StyledWell",

dist/index.cjs.js

@@ -209,3 +209,3 @@ /**
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -219,3 +219,3 @@ displayName: "StyledClose",
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -229,3 +229,3 @@ displayName: "StyledParagraph",
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -311,3 +311,3 @@ displayName: "StyledTitle",
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -347,3 +347,3 @@ displayName: "StyledBase",
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -383,3 +383,3 @@ displayName: "StyledAlert",
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -420,3 +420,3 @@ displayName: "StyledNotification",
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -468,3 +468,3 @@ displayName: "StyledWell",
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -616,3 +616,3 @@ displayName: "StyledIcon",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -706,3 +706,3 @@ displayName: "StyledGlobalAlert",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -810,3 +810,3 @@ displayName: "StyledGlobalAlertClose",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -820,3 +820,3 @@ displayName: "StyledGlobalAlertButton",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -872,3 +872,3 @@ displayName: "StyledGlobalAlertContent",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -909,3 +909,3 @@ displayName: "StyledGlobalAlertIcon",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -1249,3 +1249,3 @@ displayName: "StyledGlobalAlertTitle",
   componentId: "sc-nq0usb-0"
-})(["transition:opacity ", " ease-in 300ms;opacity:", ";margin-bottom:", "px;", " &.", "-enter{transform:translateY( ", " );opacity:0;max-height:0;}&.", "-enter-active{transform:translateY(0);transition:opacity ", " ease-in,transform ", " cubic-bezier(0.15,0.85,0.35,1.2),max-height ", ";opacity:1;max-height:500px;}&.", "-exit{opacity:1;max-height:500px;}&.", "-exit-active{transition:opacity 550ms ease-out,max-height ", " linear 150ms;opacity:0;max-height:0;}"], DEFAULT_DURATION, p => p.isHidden ? '0 !important' : 1, p => p.theme.space.base * 2, p => p.isHidden && polished.hideVisually(), TRANSITION_CLASS, props => {
+})(["transition:opacity ", " ease-in 300ms;opacity:", ";margin-bottom:", "px;", " &.", "-enter{transform:translateY( ", " );opacity:0;max-height:0;}&.", "-enter-active{transform:translateY(0);transition:opacity ", " ease-in,transform ", " cubic-bezier(0.15,0.85,0.35,1.2),max-height ", ";opacity:1;max-height:500px;}&.", "-exit{opacity:1;max-height:500px;}&.", "-exit-active{transition:opacity 550ms ease-out,max-height ", " linear 150ms;opacity:0;max-height:0;}"], DEFAULT_DURATION, p => p.$isHidden ? '0 !important' : 1, p => p.theme.space.base * 2, p => p.$isHidden && polished.hideVisually(), TRANSITION_CLASS, props => {
   if (props.placement === 'bottom-start' || props.placement === 'bottom' || props.placement === 'bottom-end') {
@@ -1265,3 +1265,3 @@ return '100px';
   const bottomRightStyles = styled.css(["right:", ";bottom:", ";"], horizontalDistance, verticalDistance);
-  switch (props.toastPlacement) {
+  switch (props.$toastPlacement) {
     case 'top-start':
@@ -1298,3 +1298,3 @@ if (props.theme.rtl) {
   componentId: "sc-nq0usb-1"
-})(["position:fixed;z-index:", ";", ";"], props => props.toastZIndex, placementStyles);
+})(["position:fixed;z-index:", ";", ";"], props => props.$toastZIndex, placementStyles);
 
@@ -1343,4 +1343,4 @@ const ToastSlot = _ref => {
     key: placement,
-    toastPlacement: placement,
-    toastZIndex: zIndex,
+    $toastPlacement: placement,
+    $toastZIndex: zIndex,
     onMouseEnter: handleMouseEnter,
@@ -1362,3 +1362,3 @@ onMouseLeave: handleMouseLeave
       placement: placement,
-      isHidden: isHidden(index)
+      $isHidden: isHidden(index)
     }, React__namespace.default.createElement(Toast, {
@@ -1365,0 +1365,0 @@ toast: toast,

dist/typings/elements/toaster/styled.d.ts

@@ -11,10 +11,10 @@ /**
 export declare const StyledFadeInTransition: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    isHidden: boolean;
+    $isHidden: boolean;
     placement: Placement;
 }, never>;
 interface IStyledTransitionContainerProps {
-    toastPlacement: Placement;
-    toastZIndex?: number;
+    $toastPlacement: Placement;
+    $toastZIndex?: number;
 }
 export declare const StyledTransitionContainer: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTransitionContainerProps, never>;
 export {};

package.json

 {
   "name": "@zendeskgarden/react-notifications",
-  "version": "9.1.1",
+  "version": "9.1.2",
   "description": "Notification and Well components within the Garden Design System",
@@ -24,3 +24,3 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@zendeskgarden/react-buttons": "^9.1.1",
+    "@zendeskgarden/react-buttons": "^9.1.2",
     "polished": "^4.3.1",
@@ -39,3 +39,3 @@ "prop-types": "^15.5.7",
     "@types/react-transition-group": "4.4.11",
-    "@zendeskgarden/react-theming": "^9.1.1",
+    "@zendeskgarden/react-theming": "^9.1.2",
     "@zendeskgarden/svg-icons": "7.3.0"
@@ -53,3 +53,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
+  "gitHead": "dd7b2e7fb6747ef39a028b4e7b9924c2098deea0"
 }

No alert changes

Improved metrics

Total package byte prevSize

160291

increased by0.01%

Dependency changes

• Updated@zendeskgarden/react-buttons@^9.1.2