@nation-a/ui 0.11.3 → 0.11.4

package/dist/styled-system/styles.css

@@ -1031,6 +1031,10 @@ html:not(#\#),body:not(#\#) {
   background: var(--colors-surface-layer_1);
 }
 
+.z_modal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  z-index: var(--z-index-modal);
+}
+
 .h_100\%:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   height: 100%;
 }
@@ -1059,6 +1063,10 @@ html:not(#\#),body:not(#\#) {
   opacity: 0.5;
 }
 
+.z_overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  z-index: var(--z-index-overlay);
+}
+
 .m_15px_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   margin: 15px auto;
 }
@@ -1318,18 +1326,14 @@ html:not(#\#),body:not(#\#) {
   width: 100vw;
 }
 
-.z_overlay:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  z-index: var(--z-index-overlay);
+.z_popover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  z-index: var(--z-index-popover);
 }
 
 .ov_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   overflow: auto;
 }
 
-.z_modal:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  z-index: var(--z-index-modal);
-}
-
 .min-w_xs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   min-width: var(--sizes-xs);
 }

package/dist/types/components/BottomSheet/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ReactNode } from 'react';
-import { Sheet } from './src';
+import { Sheet } from './react-modal-sheet';
 import { BottomSheetVariantProps } from './bottomsheet.recipe';
 import { HTMLStyledProps } from '../../../styled-system/jsx';
 export type BottomSheetProps = Omit<ComponentProps<typeof Sheet>, 'children'> & BottomSheetVariantProps & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",