@easypost/easy-ui 1.0.0-alpha.75 → 1.0.0-alpha.76

package/style.css

@@ -1568,44 +1568,45 @@
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._statusPromotional_dgfcn_4 {
+._statusPromotional_1xl7t_4 {
   --ezui-c-notification-color: var(--ezui-color-neutral-000);
   --ezui-c-notification-color-background: var(--ezui-color-primary-500);
 }
 
-._statusSuccess_dgfcn_9 {
+._statusSuccess_1xl7t_9 {
   --ezui-c-notification-color: var(--ezui-color-positive-800);
   --ezui-c-notification-color-background: var(--ezui-color-positive-100);
 }
 
-._statusNeutral_dgfcn_14 {
+._statusNeutral_1xl7t_14 {
   --ezui-c-notification-color: var(--ezui-color-secondary-800);
   --ezui-c-notification-color-background: var(--ezui-color-secondary-100);
 }
 
-._statusWarning_dgfcn_19 {
+._statusWarning_1xl7t_19 {
   --ezui-c-notification-color: var(--ezui-color-neutral-900);
   --ezui-c-notification-color-background: var(--ezui-color-warning-300);
 }
 
-._statusError_dgfcn_24 {
+._statusError_1xl7t_24 {
   --ezui-c-notification-color: var(--ezui-color-negative-800);
   --ezui-c-notification-color-background: var(--ezui-color-negative-100);
 }
 
-._typeToast_dgfcn_29 {
+._typeToast_1xl7t_29 {
   display: inline-flex;
 }
 
-._typeAlert_dgfcn_33 {
+._typeAlert_1xl7t_33 {
   display: flex;
-  width: 100%;
+  width: calc(100% - var(--ezui-c-notification-margin-x) * 2);
 }
 
-._Notification_dgfcn_38 {
+._Notification_1xl7t_38 {
   /* prettier-ignore */
-  --ezui-c-notification-border-radius: var(--ezui-shape-border-radius-base);
+  --ezui-c-notification-border-radius: var(--ezui-shape-border-radius-lg);
   --ezui-c-notification-max-width: 1200px;
+  --ezui-c-notification-margin-x: var(--ezui-space-6);
   align-items: center;
   justify-content: space-between;
   margin: auto;
@@ -1618,33 +1619,63 @@
   pointer-events: auto;
 }
 
-._iconText_dgfcn_54 {
+._iconText_1xl7t_55 {
   display: inline-flex;
   align-items: center;
   gap: var(--ezui-space-1);
 }
 
-._closeButton_dgfcn_60 {
+._closeButtonContainer_1xl7t_61 {
+  display: inline-flex;
   padding: var(--ezui-space-0);
   /* prettier-ignore */
   margin: var(--ezui-space-0-5) var(--ezui-space-1) var(--ezui-space-0-5) var(--ezui-space-2);
   background-color: var(--ezui-c-notification-color-background);
   color: var(--ezui-c-notification-color-text);
+}
+
+._closeButton_1xl7t_61 {
   cursor: pointer;
 }
 
-._region_dgfcn_69 {
+._region_1xl7t_74 {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
-._container_dgfcn_75 {
+._container_1xl7t_81 {
   /* prettier-ignore */
   --ezui-c-notification-z-index: var(--ezui-z-index-notification);
   z-index: var(--ezui-c-notification-z-index);
   width: 100%;
   pointer-events: none;
+}._appear_9o3cj_1,
+._enter_9o3cj_2 {
+  opacity: 0;
+  transform: translateY(-8px);
+}
+
+._appearActive_9o3cj_7,
+._enterActive_9o3cj_8 {
+  opacity: 1;
+  transform: translateY(0);
+  transition: all 150ms ease-out;
+}
+
+._exit_9o3cj_14 {
+  opacity: 1;
+  transform: translateY(0);
+}
+._exit_9o3cj_14:not(:first-child) {
+  position: absolute;
+}
+
+._exitActive_9o3cj_22 {
+  opacity: 0;
+  transform: translateY(-8px);
+  transition: all 150ms ease-out;
 }/**
  * Do not edit directly, this file was auto-generated.
  */
@@ -5712,6 +5743,142 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
+._underlayBg_pn8iw_4 {
+  --ezui-c-drawer-animation-duration: 150ms;
+  --ezui-c-drawer-max-width: 608px;
+  --ezui-c-drawer-height: 100svh;
+  position: fixed;
+  z-index: var(--ezui-z-index-drawer);
+  display: flex;
+  flex-direction: column;
+  opacity: 0;
+  transition-property: opacity, backdrop-filter;
+  transition-timing-function: ease-in-out;
+  transition-duration: var(--ezui-c-drawer-animation-duration);
+}
+._underlayBg_pn8iw_4::before {
+  content: "";
+  position: absolute;
+  background: var(--ezui-color-primary-800);
+  opacity: var(--ezui-opacity-underlay);
+}
+
+._underlayBg_pn8iw_4,
+._underlayBg_pn8iw_4::before {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+._underlayBgEnter_pn8iw_32 {
+  opacity: 0;
+}
+
+._underlayBgEnterDone_pn8iw_36 {
+  opacity: 1;
+  backdrop-filter: blur(1px);
+}
+
+._underlayBgExit_pn8iw_41 {
+  opacity: 0;
+  backdrop-filter: blur(0);
+}
+
+._underlayBox_pn8iw_46 {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  pointer-events: none;
+  transition-property: transform;
+  transition-timing-function: ease-in-out;
+  transition-duration: var(--ezui-c-drawer-animation-duration);
+}
+
+._underlayBoxAppear_pn8iw_57 {
+  transform: translateX(25%);
+}
+
+._underlayBoxAppearDone_pn8iw_61 {
+  transform: translateX(0);
+}
+
+._underlayBoxExit_pn8iw_65 {
+  transform: translateX(25%);
+}
+
+._Drawer_pn8iw_69 {
+  flex: 0 1 auto;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  margin-left: auto;
+  width: 100%;
+  max-width: var(--ezui-c-drawer-max-width);
+  height: var(--ezui-c-drawer-height);
+  overflow: hidden;
+  background: var(--ezui-color-neutral-000);
+  box-shadow: var(--ezui-shadow-level-3);
+  pointer-events: auto;
+  position: relative;
+  outline: none;
+}
+
+._header_pn8iw_86 {
+  margin: 0;
+}
+._header_pn8iw_86._stuck_pn8iw_89 {
+  box-shadow: var(--ezui-shadow-stuck-from-top);
+}
+
+._banner_pn8iw_93 {
+  background: var(--ezui-color-primary-700);
+  color: var(--ezui-color-neutral-000);
+  padding: var(--ezui-space-3) var(--ezui-space-2);
+}
+
+._body_pn8iw_99 {
+  position: relative;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  overscroll-behavior: contain;
+}
+._body_pn8iw_99 [data-intercept] {
+  position: absolute;
+  left: 0;
+  width: 1px;
+  height: 1px;
+}
+._body_pn8iw_99 [data-intercept="header"] {
+  top: 0;
+}
+
+._closeButton_pn8iw_116 {
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: 0;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  display: inline-flex;
+  padding: var(--ezui-space-0-25);
+  margin: calc(var(--ezui-space-0-25) * -1);
+  cursor: pointer;
+}
+
+._banneredContentArea_pn8iw_131 {
+  padding: var(--ezui-space-3) var(--ezui-space-2);
+}
+
+._standaloneContentArea_pn8iw_135 {
+  padding: var(--ezui-space-3) var(--ezui-space-4);
+}/**
+ * Do not edit directly, this file was auto-generated.
+ */
 ._Container_17nvh_4 {
   --ezui-c-vertical-nav-logo-max-width: 164px;
   display: flex;
@@ -6068,142 +6235,6 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._underlayBg_pn8iw_4 {
-  --ezui-c-drawer-animation-duration: 150ms;
-  --ezui-c-drawer-max-width: 608px;
-  --ezui-c-drawer-height: 100svh;
-  position: fixed;
-  z-index: var(--ezui-z-index-drawer);
-  display: flex;
-  flex-direction: column;
-  opacity: 0;
-  transition-property: opacity, backdrop-filter;
-  transition-timing-function: ease-in-out;
-  transition-duration: var(--ezui-c-drawer-animation-duration);
-}
-._underlayBg_pn8iw_4::before {
-  content: "";
-  position: absolute;
-  background: var(--ezui-color-primary-800);
-  opacity: var(--ezui-opacity-underlay);
-}
-
-._underlayBg_pn8iw_4,
-._underlayBg_pn8iw_4::before {
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-._underlayBgEnter_pn8iw_32 {
-  opacity: 0;
-}
-
-._underlayBgEnterDone_pn8iw_36 {
-  opacity: 1;
-  backdrop-filter: blur(1px);
-}
-
-._underlayBgExit_pn8iw_41 {
-  opacity: 0;
-  backdrop-filter: blur(0);
-}
-
-._underlayBox_pn8iw_46 {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  pointer-events: none;
-  transition-property: transform;
-  transition-timing-function: ease-in-out;
-  transition-duration: var(--ezui-c-drawer-animation-duration);
-}
-
-._underlayBoxAppear_pn8iw_57 {
-  transform: translateX(25%);
-}
-
-._underlayBoxAppearDone_pn8iw_61 {
-  transform: translateX(0);
-}
-
-._underlayBoxExit_pn8iw_65 {
-  transform: translateX(25%);
-}
-
-._Drawer_pn8iw_69 {
-  flex: 0 1 auto;
-  display: flex;
-  flex-direction: column;
-  margin: 0;
-  margin-left: auto;
-  width: 100%;
-  max-width: var(--ezui-c-drawer-max-width);
-  height: var(--ezui-c-drawer-height);
-  overflow: hidden;
-  background: var(--ezui-color-neutral-000);
-  box-shadow: var(--ezui-shadow-level-3);
-  pointer-events: auto;
-  position: relative;
-  outline: none;
-}
-
-._header_pn8iw_86 {
-  margin: 0;
-}
-._header_pn8iw_86._stuck_pn8iw_89 {
-  box-shadow: var(--ezui-shadow-stuck-from-top);
-}
-
-._banner_pn8iw_93 {
-  background: var(--ezui-color-primary-700);
-  color: var(--ezui-color-neutral-000);
-  padding: var(--ezui-space-3) var(--ezui-space-2);
-}
-
-._body_pn8iw_99 {
-  position: relative;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  overscroll-behavior: contain;
-}
-._body_pn8iw_99 [data-intercept] {
-  position: absolute;
-  left: 0;
-  width: 1px;
-  height: 1px;
-}
-._body_pn8iw_99 [data-intercept="header"] {
-  top: 0;
-}
-
-._closeButton_pn8iw_116 {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: 0;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  display: inline-flex;
-  padding: var(--ezui-space-0-25);
-  margin: calc(var(--ezui-space-0-25) * -1);
-  cursor: pointer;
-}
-
-._banneredContentArea_pn8iw_131 {
-  padding: var(--ezui-space-3) var(--ezui-space-2);
-}
-
-._standaloneContentArea_pn8iw_135 {
-  padding: var(--ezui-space-3) var(--ezui-space-4);
-}/**
- * Do not edit directly, this file was auto-generated.
- */
 ._popover_ihjp5_4 {
   --ezui-c-menu-border-radius: var(--ezui-shape-border-radius-md);
   --ezui-c-menu-color-background: var(--ezui-color-neutral-000);