@cgboiler/biz-basic 1.0.67 → 1.0.68

package/lib/rich-text-editor/menu-system/styles/separator.less

@@ -1,26 +1,26 @@
-@import './variables.less';
-
-.tiptap-separator {
-  --tt-link-border-color: var(--tt-gray-light-a-200);
-
-  .dark & {
-    --tt-link-border-color: var(--tt-gray-dark-a-200);
-  }
-}
-
-.tiptap-separator {
-  flex-shrink: 0;
-  background-color: var(--tt-link-border-color);
-
-  &[data-orientation="horizontal"] {
-    height: 1px;
-    width: 100%;
-    margin: 0.5rem 0;
-  }
-
-  &[data-orientation="vertical"] {
-    height: 1.5rem;
-    width: 1px;
-    margin: 0 4px;
-  }
-}
+@import './variables.less';
+
+.tiptap-separator {
+  --tt-link-border-color: var(--tt-gray-light-a-200);
+
+  .dark & {
+    --tt-link-border-color: var(--tt-gray-dark-a-200);
+  }
+}
+
+.tiptap-separator {
+  flex-shrink: 0;
+  background-color: var(--tt-link-border-color);
+
+  &[data-orientation="horizontal"] {
+    height: 1px;
+    width: 100%;
+    margin: 0.5rem 0;
+  }
+
+  &[data-orientation="vertical"] {
+    height: 1.5rem;
+    width: 1px;
+    margin: 0 4px;
+  }
+}

package/lib/rich-text-editor/menu-system/styles/simple-editor.less

@@ -1,39 +1,39 @@
-@import './variables.less';
-
-/* 
-   Fonts (Note: User should ensure these are loaded in their main app if they want them)
-   @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
-*/
-
-.tiptap.ProseMirror {
-  /* Using Inter/DM Sans feel if available, fallback to sans-serif */
-  font-family: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-  
-  &.simple-editor {
-    flex: 1;
-    padding: 24px; // Simplified for component use
-    
-    @media screen and (max-width: 480px) {
-        padding: 16px;
-    }
-  }
-}
-
-.tiptap-editor-container {
-    scrollbar-width: thin;
-    scrollbar-color: var(--tt-scrollbar-color) transparent;
-}
-
-::-webkit-scrollbar {
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--tt-scrollbar-color);
-  border-radius: 9999px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
+@import './variables.less';
+
+/* 
+   Fonts (Note: User should ensure these are loaded in their main app if they want them)
+   @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+*/
+
+.tiptap.ProseMirror {
+  /* Using Inter/DM Sans feel if available, fallback to sans-serif */
+  font-family: "Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  
+  &.simple-editor {
+    flex: 1;
+    padding: 24px; // Simplified for component use
+    
+    @media screen and (max-width: 480px) {
+        padding: 16px;
+    }
+  }
+}
+
+.tiptap-editor-container {
+    scrollbar-width: thin;
+    scrollbar-color: var(--tt-scrollbar-color) transparent;
+}
+
+::-webkit-scrollbar {
+  width: 0.25rem;
+  height: 0.25rem;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--tt-scrollbar-color);
+  border-radius: 9999px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}

package/lib/rich-text-editor/menu-system/styles/toolbar.less

@@ -1,87 +1,87 @@
-@import './variables.less';
-
-.tiptap-toolbar {
-  display: flex;
-  align-items: center;
-  // justify-content: center;
-  gap: 0.25rem;
-  &-group {
-    display: flex;
-    align-items: center;
-    gap: 0.125rem;
-
-    &:empty {
-      display: none;
-    }
-
-    &:empty + .tiptap-separator,
-    .tiptap-separator + &:empty {
-      display: none;
-    }
-  }
-
-  &[data-variant='fixed'] {
-    position: sticky;
-    top: 0;
-    z-index: 10;
-    width: 100%;
-    min-height: 44px;
-    background: rgba(255, 255, 255, 1);
-    border-bottom: 1px solid #0f16240d;
-    padding: 0;
-    overflow-x: auto;
-    overscroll-behavior-x: contain;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    @media (max-width: 480px) {
-      position: absolute;
-      top: auto;
-      height: calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));
-      border-top: 1px solid var(--tt-toolbar-border-color);
-      border-bottom: none;
-      padding: 0 0.5rem var(--tt-safe-area-bottom);
-      flex-wrap: nowrap;
-      justify-content: flex-start;
-
-      .tiptap-toolbar-group {
-        flex: 0 0 auto;
-      }
-    }
-  }
-
-  &[data-variant='floating'] {
-    --tt-toolbar-padding: 0.125rem;
-    --tt-toolbar-border-width: 1px;
-
-    padding: 0.188rem;
-    border-radius: calc(
-      var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width)
-    );
-    border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
-    background-color: var(--tt-toolbar-bg-color);
-    box-shadow: var(--tt-shadow-elevated-md);
-    outline: none;
-    overflow: hidden;
-
-    &[data-plain='true'] {
-      padding: 0;
-      border-radius: 0;
-      border: none;
-      box-shadow: none;
-      background-color: transparent;
-    }
-
-    @media screen and (max-width: 480px) {
-      width: 100%;
-      border-radius: 0;
-      border: none;
-      box-shadow: none;
-    }
-  }
-}
+@import './variables.less';
+
+.tiptap-toolbar {
+  display: flex;
+  align-items: center;
+  // justify-content: center;
+  gap: 0.25rem;
+  &-group {
+    display: flex;
+    align-items: center;
+    gap: 0.125rem;
+
+    &:empty {
+      display: none;
+    }
+
+    &:empty + .tiptap-separator,
+    .tiptap-separator + &:empty {
+      display: none;
+    }
+  }
+
+  &[data-variant='fixed'] {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    width: 100%;
+    min-height: 44px;
+    background: rgba(255, 255, 255, 1);
+    border-bottom: 1px solid #0f16240d;
+    padding: 0;
+    overflow-x: auto;
+    overscroll-behavior-x: contain;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    @media (max-width: 480px) {
+      position: absolute;
+      top: auto;
+      height: calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));
+      border-top: 1px solid var(--tt-toolbar-border-color);
+      border-bottom: none;
+      padding: 0 0.5rem var(--tt-safe-area-bottom);
+      flex-wrap: nowrap;
+      justify-content: flex-start;
+
+      .tiptap-toolbar-group {
+        flex: 0 0 auto;
+      }
+    }
+  }
+
+  &[data-variant='floating'] {
+    --tt-toolbar-padding: 0.125rem;
+    --tt-toolbar-border-width: 1px;
+
+    padding: 0.188rem;
+    border-radius: calc(
+      var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width)
+    );
+    border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
+    background-color: var(--tt-toolbar-bg-color);
+    box-shadow: var(--tt-shadow-elevated-md);
+    outline: none;
+    overflow: hidden;
+
+    &[data-plain='true'] {
+      padding: 0;
+      border-radius: 0;
+      border: none;
+      box-shadow: none;
+      background-color: transparent;
+    }
+
+    @media screen and (max-width: 480px) {
+      width: 100%;
+      border-radius: 0;
+      border: none;
+      box-shadow: none;
+    }
+  }
+}