@easypost/easy-ui 1.0.0-alpha.94 → 1.0.0-alpha.95

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.95
+
+### Patch Changes
+
+- ba6929c: fix(Modal): disable hiding parent nested modal
+
 ## 1.0.0-alpha.94
 
 ### Minor Changes

package/Modal/index.js

@@ -65,21 +65,21 @@ const useModalTrigger = () => {
   const modalTriggerContext = useModalTriggerContext();
   return modalTriggerContext.state;
 };
-const underlayBg = "_underlayBg_1i8y3_4";
-const underlayBox = "_underlayBox_1i8y3_30";
-const underlayEdge = "_underlayEdge_1i8y3_38";
-const Modal$1 = "_Modal_1i8y3_44";
-const header = "_header_1i8y3_62";
-const stuck = "_stuck_1i8y3_68";
-const body = "_body_1i8y3_72";
-const content = "_content_1i8y3_79";
-const footer = "_footer_1i8y3_96";
-const closeBtn = "_closeBtn_1i8y3_113";
-const iconAtEnd = "_iconAtEnd_1i8y3_127";
-const sizeSm = "_sizeSm_1i8y3_133";
-const sizeMd = "_sizeMd_1i8y3_137";
-const sizeLg = "_sizeLg_1i8y3_141";
-const sizeXl = "_sizeXl_1i8y3_145";
+const underlayBg = "_underlayBg_12m01_4";
+const underlayBox = "_underlayBox_12m01_27";
+const underlayEdge = "_underlayEdge_12m01_35";
+const Modal$1 = "_Modal_12m01_41";
+const header = "_header_12m01_59";
+const stuck = "_stuck_12m01_65";
+const body = "_body_12m01_69";
+const content = "_content_12m01_76";
+const footer = "_footer_12m01_93";
+const closeBtn = "_closeBtn_12m01_110";
+const iconAtEnd = "_iconAtEnd_12m01_124";
+const sizeSm = "_sizeSm_12m01_130";
+const sizeMd = "_sizeMd_12m01_134";
+const sizeLg = "_sizeLg_12m01_138";
+const sizeXl = "_sizeXl_12m01_142";
 const styles = {
   underlayBg,
   underlayBox,

package/Modal/index.mjs

@@ -63,21 +63,21 @@ const useModalTrigger = () => {
   const modalTriggerContext = useModalTriggerContext();
   return modalTriggerContext.state;
 };
-const underlayBg = "_underlayBg_1i8y3_4";
-const underlayBox = "_underlayBox_1i8y3_30";
-const underlayEdge = "_underlayEdge_1i8y3_38";
-const Modal$1 = "_Modal_1i8y3_44";
-const header = "_header_1i8y3_62";
-const stuck = "_stuck_1i8y3_68";
-const body = "_body_1i8y3_72";
-const content = "_content_1i8y3_79";
-const footer = "_footer_1i8y3_96";
-const closeBtn = "_closeBtn_1i8y3_113";
-const iconAtEnd = "_iconAtEnd_1i8y3_127";
-const sizeSm = "_sizeSm_1i8y3_133";
-const sizeMd = "_sizeMd_1i8y3_137";
-const sizeLg = "_sizeLg_1i8y3_141";
-const sizeXl = "_sizeXl_1i8y3_145";
+const underlayBg = "_underlayBg_12m01_4";
+const underlayBox = "_underlayBox_12m01_27";
+const underlayEdge = "_underlayEdge_12m01_35";
+const Modal$1 = "_Modal_12m01_41";
+const header = "_header_12m01_59";
+const stuck = "_stuck_12m01_65";
+const body = "_body_12m01_69";
+const content = "_content_12m01_76";
+const footer = "_footer_12m01_93";
+const closeBtn = "_closeBtn_12m01_110";
+const iconAtEnd = "_iconAtEnd_12m01_124";
+const sizeSm = "_sizeSm_12m01_130";
+const sizeMd = "_sizeMd_12m01_134";
+const sizeLg = "_sizeLg_12m01_138";
+const sizeXl = "_sizeXl_12m01_142";
 const styles = {
   underlayBg,
   underlayBox,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easypost/easy-ui",
-  "version": "1.0.0-alpha.94",
+  "version": "1.0.0-alpha.95",
   "sideEffects": [
     "**/*.css"
   ],

package/style.css

@@ -4961,7 +4961,7 @@ textarea {
 }/**
  * Do not edit directly, this file was auto-generated.
  */
-._underlayBg_1i8y3_4 {
+._underlayBg_12m01_4 {
   --ezui-c-modal-underlay-edge-max-height: 72px;
   --ezui-c-modal-underlay-edge-min-height: 2.5vh;
   position: fixed;
@@ -4969,25 +4969,22 @@ textarea {
   display: flex;
   flex-direction: column;
 }
-._underlayBg_1i8y3_4::before {
+._underlayBg_12m01_4::before {
   content: "";
   position: absolute;
   background: var(--ezui-color-primary-800);
   opacity: var(--ezui-opacity-underlay);
 }
-._underlayBg_1i8y3_4[aria-hidden=true] {
-  display: none;
-}
 
-._underlayBg_1i8y3_4,
-._underlayBg_1i8y3_4::before {
+._underlayBg_12m01_4,
+._underlayBg_12m01_4::before {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
 
-._underlayBox_1i8y3_30 {
+._underlayBox_12m01_27 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -4995,13 +4992,13 @@ textarea {
   pointer-events: none;
 }
 
-._underlayEdge_1i8y3_38 {
+._underlayEdge_12m01_35 {
   flex: 0 9 auto;
   height: var(--ezui-c-modal-underlay-edge-max-height);
   min-height: var(--ezui-c-modal-underlay-edge-min-height);
 }
 
-._Modal_1i8y3_44 {
+._Modal_12m01_41 {
   --ezui-c-modal-max-height: 762px;
   --ezui-c-modal-width: 95vw;
   flex: 0 1 auto;
@@ -5019,41 +5016,41 @@ textarea {
   outline: none;
 }
 
-._header_1i8y3_62 {
+._header_12m01_59 {
   margin: 0;
   padding: var(--ezui-space-5);
   padding-bottom: var(--ezui-space-2);
   color: var(--ezui-color-primary-800);
 }
-._header_1i8y3_62._stuck_1i8y3_68 {
+._header_12m01_59._stuck_12m01_65 {
   box-shadow: var(--ezui-shadow-stuck-from-top);
 }
 
-._body_1i8y3_72 {
+._body_12m01_69 {
   overflow: auto;
   display: flex;
   flex-direction: column;
   overscroll-behavior: contain;
 }
 
-._content_1i8y3_79 {
+._content_12m01_76 {
   padding: 0 var(--ezui-space-5);
   position: relative;
 }
-._content_1i8y3_79 [data-intercept] {
+._content_12m01_76 [data-intercept] {
   position: absolute;
   left: 0;
   width: 1px;
   height: 1px;
 }
-._content_1i8y3_79 [data-intercept="header"] {
+._content_12m01_76 [data-intercept="header"] {
   top: 0;
 }
-._content_1i8y3_79 [data-intercept="footer"] {
+._content_12m01_76 [data-intercept="footer"] {
   bottom: 0;
 }
 
-._footer_1i8y3_96 {
+._footer_12m01_93 {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
@@ -5062,15 +5059,15 @@ textarea {
   padding-top: var(--ezui-space-3);
 }
 @media (min-width: 30em) {
-  ._footer_1i8y3_96 {
+  ._footer_12m01_93 {
     flex-direction: row;
   }
 }
-._footer_1i8y3_96._stuck_1i8y3_68 {
+._footer_12m01_93._stuck_12m01_65 {
   box-shadow: var(--ezui-shadow-stuck-from-bottom);
 }
 
-._closeBtn_1i8y3_113 {
+._closeBtn_12m01_110 {
   appearance: none;
   margin: 0;
   padding: 0;
@@ -5084,25 +5081,25 @@ textarea {
   cursor: pointer;
 }
 
-._iconAtEnd_1i8y3_127[data-size="2xl"] {
+._iconAtEnd_12m01_124[data-size="2xl"] {
   display: inline-flex;
   margin-top: -5px;
   margin-bottom: -5px;
 }
 
-._sizeSm_1i8y3_133 {
+._sizeSm_12m01_130 {
   --ezui-c-modal-max-width: 528px;
 }
 
-._sizeMd_1i8y3_137 {
+._sizeMd_12m01_134 {
   --ezui-c-modal-max-width: 672px;
 }
 
-._sizeLg_1i8y3_141 {
+._sizeLg_12m01_138 {
   --ezui-c-modal-max-width: 788px;
 }
 
-._sizeXl_1i8y3_145 {
+._sizeXl_12m01_142 {
   --ezui-c-modal-max-width: 1000px;
 }/**
  * Do not edit directly, this file was auto-generated.