@photonix/basic 1.7.0 → 1.7.2

package/dist/index.css

@@ -14253,7 +14253,7 @@
 ._selectCheckRoot_15dor_6:disabled ._selectCheckIcon_15dor_90 {
   color: var(--foreground-state-disabled);
 }
-@keyframes _slide-from-bottom_1ghml_1 {
+@keyframes _slide-from-bottom_r0hhh_1 {
   0% {
     transform: translateY(100%);
   }
@@ -14261,7 +14261,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _slide-to-bottom_1ghml_1 {
+@keyframes _slide-to-bottom_r0hhh_1 {
   0% {
     transform: translateY(0);
   }
@@ -14269,7 +14269,7 @@
     transform: translateY(100%);
   }
 }
-@keyframes _slide-from-right_1ghml_1 {
+@keyframes _slide-from-right_r0hhh_1 {
   0% {
     transform: translate(100%);
   }
@@ -14277,7 +14277,7 @@
     transform: translate(0);
   }
 }
-@keyframes _slide-to-right_1ghml_1 {
+@keyframes _slide-to-right_r0hhh_1 {
   0% {
     transform: translate(0);
   }
@@ -14285,7 +14285,7 @@
     transform: translate(100%);
   }
 }
-@keyframes _fade-in_1ghml_1 {
+@keyframes _fade-in_r0hhh_1 {
   0% {
     opacity: 0;
   }
@@ -14293,7 +14293,7 @@
     opacity: 1;
   }
 }
-@keyframes _fade-out_1ghml_1 {
+@keyframes _fade-out_r0hhh_1 {
   0% {
     opacity: 1;
   }
@@ -14301,9 +14301,9 @@
     opacity: 0;
   }
 }
-._sheetOverlay_1ghml_63 {
+._sheetOverlay_r0hhh_63 {
   align-items: flex-end;
-  animation: _fade-in_1ghml_1 .3s var(--motion-ease-standard);
+  animation: _fade-in_r0hhh_1 .3s var(--motion-ease-standard);
   background-color: var(--color-overlay);
   display: flex;
   inset: 0;
@@ -14311,17 +14311,17 @@
   position: fixed;
   z-index: var(--z-index-modal);
 }
-._sheetOverlayClosing_1ghml_76 {
-  animation: _fade-out_1ghml_1 .3s var(--motion-ease-standard) forwards;
+._sheetOverlayClosing_r0hhh_76 {
+  animation: _fade-out_r0hhh_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetOverlay_1ghml_63 {
+  ._sheetOverlay_r0hhh_63 {
     align-items: stretch;
     justify-content: flex-end;
   }
 }
-._sheetPanel_1ghml_89 {
-  animation: _slide-from-bottom_1ghml_1 .3s var(--motion-ease-standard);
+._sheetPanel_r0hhh_89 {
+  animation: _slide-from-bottom_r0hhh_1 .3s var(--motion-ease-standard);
   background-color: var(--surface-neutral-elevator);
   border-start-end-radius: var(--radius-sm);
   border-start-start-radius: var(--radius-sm);
@@ -14332,64 +14332,69 @@
   max-block-size: calc(100vh - var(--space-2xl));
   overflow: hidden;
 }
-._sheetPanelClosing_1ghml_105 {
-  animation: _slide-to-bottom_1ghml_1 .3s var(--motion-ease-standard) forwards;
+._sheetPanelClosing_r0hhh_105 {
+  animation: _slide-to-bottom_r0hhh_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetPanel_1ghml_89 {
-    animation: _slide-from-right_1ghml_1 .3s var(--motion-ease-standard);
+  ._sheetPanel_r0hhh_89 {
+    animation: _slide-from-right_r0hhh_1 .3s var(--motion-ease-standard);
     block-size: 100vh;
     border-radius: 0;
     max-block-size: 100vh;
   }
-  ._sheetPanelClosing_1ghml_105 {
-    animation: _slide-to-right_1ghml_1 .3s var(--motion-ease-standard) forwards;
+  ._sheetPanelClosing_r0hhh_105 {
+    animation: _slide-to-right_r0hhh_1 .3s var(--motion-ease-standard) forwards;
   }
 }
-._sheetPanelResponsive_1ghml_128 {
+._sheetPanelResponsive_r0hhh_128 {
   inline-size: 100%;
   max-inline-size: 100%;
 }
 @media (min-width: 768px) {
-  ._sheetPanelResponsive_1ghml_128 {
+  ._sheetPanelResponsive_r0hhh_128 {
     inline-size: 400px;
     max-inline-size: 400px;
   }
 }
 @media (min-width: 1024px) {
-  ._sheetPanelResponsive_1ghml_128 {
+  ._sheetPanelResponsive_r0hhh_128 {
     inline-size: 480px;
     max-inline-size: 480px;
   }
 }
-._sheetPanelFullHeight_1ghml_149 {
+._sheetPanelFullHeight_r0hhh_149 {
   block-size: calc(100dvh - env(safe-area-inset-top, 24px));
   border-start-end-radius: var(--radius-sm);
   border-start-start-radius: var(--radius-sm);
   max-block-size: calc(100dvh - env(safe-area-inset-top, 24px));
 }
-._sheetHeader_1ghml_157 {
+@media (min-width: 768px) {
+  ._sheetPanelFullHeight_r0hhh_149 {
+    border-radius: 0;
+  }
+}
+._sheetHeader_r0hhh_164 {
   background-color: var(--surface-neutral-elevator);
   flex-shrink: 0;
 }
-._sheetContent_1ghml_163 {
+._sheetContent_r0hhh_170 {
   flex: 1;
   -webkit-overflow-scrolling: touch;
   overflow-y: auto;
   padding-inline: 16px;
 }
-._sheetContentNoPadding_1ghml_170 {
+._sheetContentNoPadding_r0hhh_177 {
   padding-inline: 0;
 }
-._sheetFooter_1ghml_175 {
+._sheetFooter_r0hhh_182 {
   flex-shrink: 0;
   transition: box-shadow var(--motion-duration-normal) var(--motion-ease-standard), border-color var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: var(--z-index-decorator);
 }
-._sheetFooterElevatedGradient_1ghml_188 {
+._sheetFooterElevatedGradient_r0hhh_195 {
   position: relative;
 }
-._sheetFooterElevatedGradient_1ghml_188:before {
+._sheetFooterElevatedGradient_r0hhh_195:before {
   background:
     linear-gradient(
       to top,
@@ -14402,7 +14407,7 @@
   pointer-events: none;
   position: absolute;
 }
-._sheetGrabber_1ghml_203 {
+._sheetGrabber_r0hhh_210 {
   background-color: var(--surface-neutral-elevator);
   display: flex;
   flex-shrink: 0;
@@ -14411,14 +14416,14 @@
   position: relative;
   z-index: 1;
 }
-._sheetGrabberBar_1ghml_214 {
+._sheetGrabberBar_r0hhh_221 {
   background-color: var(--surface-neutral-tertiary);
   block-size: var(--dimensions-4);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-36);
 }
 @media (min-width: 768px) {
-  ._sheetGrabber_1ghml_203 {
+  ._sheetGrabber_r0hhh_210 {
     display: none;
   }
 }