sprintify-ui 0.11.8 → 0.11.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.11.8",
+  "version": "0.11.9",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/assets/base-rich-text.css

@@ -46,6 +46,11 @@ body {
         @apply text-base leading-relaxed;
         margin: 1em 0;
       }
+
+      p:has(+ ol),
+      p:has(+ ul) {
+        margin-bottom: 0;
+      }
   
       h1,
       h2,
@@ -299,4 +304,4 @@ body .tiptap {
       height: 0;
       pointer-events: none;
     }
-  }
+  }

package/src/assets/main.css

@@ -54,3 +54,19 @@
     border-radius: 0;
   }
 }
+
+/** prose overwrites */
+
+body .prose {
+
+  line-height: 1.5;
+
+  & p:has(+ ol),
+  & p:has(+ ul) {
+    margin-bottom: 0;
+  }
+
+  ul, ol {
+    margin-top: 0;
+  }
+}

package/src/components/BaseCkeditor.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ClassicEditor, InlineEditor, BalloonEditor, Essentials, SourceEditing, MediaEmbed, Paragraph, Bold, Italic, List, Link, Autoformat, Heading, Underline, Code, CodeBlock, Table, TableToolbar, Image, ImageResize, ImageStyle, ImageToolbar, ImageInsert, AutoImage, Base64UploadAdapter, PasteFromOffice, BlockToolbar, Font, FindAndReplace, RemoveFormat } from 'ckeditor5';
+import { ClassicEditor, InlineEditor, BalloonEditor, Essentials, SourceEditing, MediaEmbed, Paragraph, Bold, Italic, List, Link, Autoformat, Heading, Underline, Code, CodeBlock, Indent, IndentBlock, Table, TableToolbar, Image, ImageResize, ImageStyle, ImageToolbar, ImageInsert, AutoImage, Base64UploadAdapter, PasteFromOffice, BlockToolbar, Font, FindAndReplace, RemoveFormat } from 'ckeditor5';
 import { Ckeditor } from '@ckeditor/ckeditor5-vue';
 import { Size } from '@/utils/sizes';
 import { ToolbarOption } from '@/types/ToolbarOption';
@@ -33,11 +33,11 @@ const props = withDefaults(defineProps<{
       'undo',
       'redo',
       '|',
-      'sourceEditing',
       'heading',
       'bold',
       'italic',
       'underline',
+      'fontBackgroundColor',
       '|',
       'link',
       'insertImage',
@@ -45,9 +45,6 @@ const props = withDefaults(defineProps<{
       'numberedList',
       'bulletedList',
       '|',
-      'code',
-      'codeblock',
-      '|',
       'insertTable'
     ] as ToolbarOption[];
   },
@@ -99,6 +96,8 @@ const config = computed(() => {
       Code,
       CodeBlock,
       List,
+      Indent,
+      IndentBlock,
       Link,
       Autoformat,
       Heading,

package/src/components/BaseRichText.stories.js

@@ -42,6 +42,7 @@ const Template = (args) => ({
   },
   template: `
     <BaseRichText v-model="value" v-bind="args" class="w-full"></BaseRichText>
+    <div class="prose" v-html="value"></div>
     <ShowValue :value="value" />
   `,
 });