@g1cloud/open-bluesea-core 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/open-bluesea-core.css

@@ -36,6 +36,7 @@
   :root, :host {
     --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    --color-black: #000;
     --spacing: .25rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1 / .75);
@@ -339,7 +340,7 @@
     left: 50%;
   }
 
-  .z-\[250\] {
+  .z-250 {
     z-index: 250;
   }
 
@@ -393,10 +394,18 @@
     margin-left: calc(var(--spacing) * 1);
   }
 
+  .ml-8 {
+    margin-left: calc(var(--spacing) * 8);
+  }
+
   .flex {
     display: flex;
   }
 
+  .hidden {
+    display: none;
+  }
+
   .inline-block {
     display: inline-block;
   }
@@ -493,6 +502,14 @@
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .cursor-default {
+    cursor: default;
+  }
+
+  .cursor-move {
+    cursor: move;
+  }
+
   .cursor-pointer {
     cursor: pointer;
   }
@@ -525,6 +542,14 @@
     justify-content: center;
   }
 
+  .justify-end {
+    justify-content: flex-end;
+  }
+
+  .justify-start {
+    justify-content: flex-start;
+  }
+
   .gap-0\.5 {
     gap: calc(var(--spacing) * .5);
   }
@@ -577,6 +602,10 @@
     border-width: 0;
   }
 
+  .bg-black {
+    background-color: var(--color-black);
+  }
+
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -589,6 +618,10 @@
     padding: calc(var(--spacing) * 2);
   }
 
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -653,6 +686,10 @@
     text-align: center;
   }
 
+  .text-right {
+    text-align: right;
+  }
+
   .align-middle {
     vertical-align: middle;
   }
@@ -701,6 +738,10 @@
     text-decoration-line: underline;
   }
 
+  .opacity-30 {
+    opacity: .3;
+  }
+
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -716,6 +757,11 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -1813,7 +1859,7 @@
   background-color: var(--body-bg);
   justify-content: flex-start;
   align-items: center;
-  display: inline-flex;
+  display: flex;
 }
 
 .bs-select-wrap > .selected .label {
@@ -2845,6 +2891,64 @@ to {
   inherits: false
 }
 /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.modal-wrapper {
+  inset: calc(var(--spacing, .25rem) * 0);
+  z-index: 201;
+  position: fixed;
+}
+.modal-wrapper > .modal-panel {
+  cursor: move;
+  padding: calc(var(--spacing, .25rem) * 6);
+  --tw-outline-style: none;
+  background-color: var(--body-bg);
+  color: var(--body-text);
+  border: 1px solid var(--border);
+  border-radius: .25rem;
+  outline-style: none;
+  position: relative;
+  box-shadow: 0 4px 8px #0003;
+}
+.modal-wrapper > .modal-panel.maximized {
+  margin: calc(var(--spacing, .25rem) * 2);
+  cursor: default;
+  width: calc(100% - 16px) !important;
+  height: calc(100% - 16px) !important;
+}
+[data-theme="dark"] .modal-wrapper > .modal-panel {
+  box-shadow: 0 4px 8px #ffffff1a;
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-modal-container .modal-curtain {
+  inset: calc(var(--spacing, .25rem) * 0);
+  z-index: 200;
+  background-color: var(--color-black, #000);
+  opacity: .3;
+  position: fixed;
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+.bs-modal-frame {
+  cursor: default;
+  height: 100%;
+}
+.bs-modal-frame > .title-bar {
+  padding-bottom: calc(var(--spacing, .25rem) * 6);
+}
+.bs-modal-frame > .title-bar .title {
+  font-size: 1.3846em;
+}
+.bs-modal-frame > .title-bar .title-buttons {
+  text-align: right;
+}
+.bs-modal-frame > .title-bar .close-btn {
+  padding: calc(var(--spacing, .25rem) * 1);
+}
+.bs-modal-frame > .title-bar .close-btn .font-icon {
+  font-size: 1.6em;
+}
+.bs-modal-frame > .buttons {
+  padding-top: calc(var(--spacing, .25rem) * 6);
+}
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
 @layer properties {
 @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
 *, :before, :after, ::backdrop {