ofs-object 0.1.4 → 0.1.6

package/dist/ofs-object.css

@@ -310,6 +310,22 @@
 
 .ofs-sym-row input[type='color'], .ofs-sym-table input[type='color'] { width: 34px; height: 22px; padding: 0; border: none; background: none; }
 
+.ofs-sym-color { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; }
+
+.ofs-sym-color-well { display: inline-flex; border-radius: 3px; }
+
+.ofs-sym-color.is-none .ofs-sym-color-well {
+  background:
+    linear-gradient(to top right, transparent calc(50% - 1px), #ef4444 calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)),
+    repeating-conic-gradient(#cbd5e1 0 25%, #ffffff 0 50%) 0 0 / 8px 8px;
+}
+
+.ofs-sym-color.is-none input[type='color'] { opacity: 0; }
+
+.ofs-sym-nocolor { font-size: 13px; line-height: 1; }
+
+.ofs-sym-nocolor[aria-pressed='true'] { color: var(--ofs-text-primary); background: rgba(255, 255, 255, 0.15); }
+
 .ofs-sym-pair { display: flex; gap: 4px; flex: 1; align-items: center; min-width: 0; }
 
 .ofs-sym-pair > * { flex: 1; min-width: 0; }
@@ -341,16 +357,24 @@
 /* ==========================================================================
    AutoCAD-Style Web CLI Console (Bottom)
    ========================================================================== */
+/*
+ * mount() adds this class to the host's own element, so it styles the look only. Where the console
+ * sits is the host's page layout. It used to float it here too - `left: 80px; right: 420px` were the
+ * playground's toolbar and sidebar widths - and every other page had to write CSS over it.
+ */
 .ofs-console-container {
-  position: absolute;
-  bottom: 20px;
-  left: 80px;
-  right: 420px;
-  z-index: 15;
   box-shadow: var(--ofs-shadow-lg);
   border-radius: 12px;
   overflow: hidden;
-  transition: all 0.3s ease;
+}
+
+/* Opt in to a console floating along the bottom of a positioned parent (e.g. the map container) */
+.ofs-console-floating {
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+  right: 20px;
+  z-index: 15;
 }
 
 .ofs-console-card {