@sit-onyx/tiptap 0.1.0 → 0.2.0-dev-20260408154540

package/dist/style.css

@@ -1 +1,2 @@
-@layer onyx.component{.onyx-editor-toolbar-action{display:flex}.onyx-editor-toolbar-action .onyx-system-button:disabled{pointer-events:none}}@layer onyx.override{.onyx-editor-toolbar-action .onyx-system-button.active{--color: var(--onyx-color-text-icons-primary-intense);--hover-background-color: var(--onyx-color-base-primary-200);--focus-active-background-color: var(--onyx-color-base-primary-200)}}@layer onyx.component{.onyx-editor-toolbar-group{display:contents}.onyx-editor-toolbar-group:after{content:"";background-color:var(--onyx-color-component-border-neutral);height:1lh;width:var(--onyx-1px-in-rem)}.onyx-editor-toolbar-group:empty{display:none}.onyx-editor-toolbar-group:last-of-type:after,.onyx-editor-toolbar-group:has(+.onyx-editor-toolbar-group:empty):after{display:none}}@layer onyx.override{.onyx-editor-toolbar-flyout__chevron{--icon-size: .75rem}.onyx-editor-toolbar-flyout__icon{color:var(--onyx-color-text-icons-neutral-medium)}}@layer onyx.component{.onyx-editor-link-action__content{padding:var(--onyx-density-md) var(--onyx-dialog-padding-inline);display:flex;flex-direction:column;gap:var(--onyx-density-md)}.onyx-editor-link-action .onyx-basic-popover__dialog{width:16rem}.onyx-editor-link-action .onyx-dialog__headline-content{justify-content:flex-start}}@layer onyx.component{.onyx-text-editor,.onyx-text-editor-skeleton{--onyx-text-editor-min-autosize-rows: 3;--onyx-text-editor-max-autosize-rows: 10;--onyx-text-editor-padding-block: var(--onyx-density-xs);--onyx-text-editor-min-height: calc( var(--onyx-text-editor-min-autosize-rows) * 1lh + 2 * var(--onyx-text-editor-padding-block) );--onyx-text-editor-max-height: calc( var(--onyx-text-editor-max-autosize-rows) * 1lh + 2 * var(--onyx-text-editor-padding-block) )}.onyx-text-editor:has(.onyx-text-editor__native[style*=height]),.onyx-text-editor-skeleton:has(.onyx-text-editor__native[style*=height]){--onyx-text-editor-max-height: unset}.onyx-text-editor:has(.onyx-text-editor__native[style*=height]) .onyx-text-editor__wrapper:after,.onyx-text-editor-skeleton:has(.onyx-text-editor__native[style*=height]) .onyx-text-editor__wrapper:after{height:0}}@layer onyx.component{.onyx-text-editor{--border-color: var(--onyx-color-component-border-neutral);--hover-border-color: var(--onyx-color-component-border-primary-hover);--selection-color: var(--onyx-color-base-primary-200);--caret-color: var(--onyx-color-component-cta-default);--background-color: var(--onyx-color-base-background-blank);--outline-color: var(--onyx-color-component-focus-primary);--outline-style: none;--button-color: var(--onyx-color-text-icons-neutral-soft);--border-radius: var(--onyx-radius-sm)}.onyx-text-editor__wrapper{border-radius:var(--border-radius);border:var(--onyx-1px-in-rem) solid var(--border-color);background-color:var(--background-color);color:var(--onyx-color-text-icons-neutral-medium);outline:var(--onyx-outline-width) var(--outline-style) var(--outline-color);display:flex;align-items:center;gap:var(--onyx-density-xs);font-size:var(--onyx-font-size-md);line-height:var(--onyx-font-line-height-md);padding:var(--onyx-text-editor-padding-block) var(--onyx-density-sm);height:calc(1lh + 2 * var(--onyx-text-editor-padding-block))}.onyx-text-editor__wrapper .onyx-text-editor__native{color:var(--onyx-color-text-icons-neutral-intense)}.onyx-text-editor__wrapper:has(.onyx-text-editor__native:read-write):hover{--border-color: var(--hover-border-color, var(--onyx-color-component-border-primary-hover));--button-color: var(--button-hover-color, var(--onyx-color-text-icons-primary-medium))}.onyx-text-editor__wrapper:has(.onyx-text-editor__native:enabled:focus,.onyx-text-editor__native--show-focus){--border-color: var(--focus-border-color, var(--onyx-color-component-border-primary-hover));--outline-style: solid}.onyx-text-editor__wrapper:has(.onyx-text-editor__native:enabled:focus,.onyx-text-editor__native--show-focus):has(.onyx-text-editor__native:read-write){--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-text-editor__wrapper:has(.onyx-text-editor__native:read-only){--selection-color: var(--onyx-color-base-neutral-200);--caret-color: var(--onyx-color-base-neutral-700);--background-color: var(--onyx-color-base-background-tinted)}.onyx-text-editor__wrapper:has(.onyx-text-editor__native:enabled:read-only):hover{--border-color: var(--onyx-color-component-border-neutral-hover)}.onyx-text-editor__wrapper:has(.onyx-text-editor__native:enabled:read-only):has(.onyx-text-editor__native:focus,.onyx-text-editor__native--show-focus){--border-color: var(--onyx-color-component-border-neutral);--outline-color: var(--onyx-color-component-focus-neutral)}.onyx-text-editor__wrapper:has(.onyx-text-editor__native:read-write):has(.onyx-text-editor__native:autofill,.onyx-text-editor__native[data-test-autofill],.onyx-text-editor__native[data-com-onepassword-filled]){background-color:var(--onyx-color-base-warning-100)}.onyx-text-editor__wrapper:focus-within .onyx-text-editor__check-icon,.onyx-text-editor__wrapper:has(.onyx-text-editor__native--show-focus) .onyx-text-editor__check-icon{display:none}.onyx-text-editor__separator{--onyx-separator-min-size: calc( 1lh + 2 * var(--onyx-input-padding-vertical) - 2 * var(--onyx-1px-in-rem) )}.onyx-text-editor__separator--leading{margin-left:calc(var(--onyx-density-sm) - var(--onyx-density-xs))}.onyx-text-editor__separator--trailing{margin-right:calc(var(--onyx-density-sm) - var(--onyx-density-xs))}.onyx-text-editor__loading{color:var(--onyx-color-text-icons-primary-intense)}.onyx-text-editor__button{all:initial;display:flex;color:var(--button-color)}.onyx-text-editor__button:enabled{cursor:pointer}.onyx-text-editor__button:focus-visible{outline:var(--onyx-outline-width) solid var(--outline-color);border-radius:var(--onyx-radius-sm);--button-color: var(--button-focus-color, var(--onyx-color-text-icons-primary-intense))}.onyx-text-editor:has(.onyx-form-element__success-message){--message-display: none;--border-color: var(--onyx-color-component-border-success);--outline-color: var(--onyx-color-component-focus-success);--selection-color: var(--onyx-color-base-success-200);--caret-color: var(--onyx-color-base-neutral-900);--focus-border-color: var(--onyx-color-component-border-success);--hover-border-color: var(--onyx-color-component-border-success-hover);--button-hover-color: var(--onyx-color-text-icons-success-medium);--button-focus-color: var(--onyx-color-text-icons-success-intense)}.onyx-text-editor:not(.onyx-form-element-suppress-invalid).onyx-form-element--touched-invalid:has(.onyx-text-editor__native:user-invalid,.onyx-text-editor__native--touched:invalid),.onyx-text-editor:not(.onyx-form-element-suppress-invalid).onyx-form-element--immediate-invalid:has(.onyx-text-editor__native:invalid){--error-message-display: inline-flex;--message-display: none;--success-message-display: none;--border-color: var(--onyx-color-component-border-danger);--outline-color: var(--onyx-color-component-focus-danger);--selection-color: var(--onyx-color-base-danger-200);--caret-color: var(--onyx-color-base-neutral-900);--focus-border-color: var(--onyx-color-component-border-danger);--hover-border-color: var(--onyx-color-component-border-danger-hover);--button-hover-color: var(--onyx-color-text-icons-danger-medium);--button-focus-color: var(--onyx-color-text-icons-danger-intense)}.onyx-text-editor__native{border:none;border-radius:inherit;background-color:transparent;color:inherit;width:100%;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;height:100%;caret-color:var(--caret-color)}.onyx-text-editor__native::placeholder{color:var(--onyx-color-text-icons-neutral-soft);font-weight:var(--onyx-font-weight-regular);opacity:1}.onyx-text-editor__native::selection{background:var(--selection-color)}.onyx-text-editor__native:autofill,.onyx-text-editor__native[data-test-autofill],.onyx-text-editor__native[data-com-onepassword-filled]{background-color:transparent;-webkit-text-fill-color:var(--onyx-color-text-icons-neutral-intense);transition:background-color calc(infinity * 1s)}.onyx-text-editor:has(.onyx-text-editor__native:disabled) .onyx-form-element__label{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-text-editor:has(.onyx-text-editor__native:disabled) .onyx-text-editor__wrapper{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-text-editor{max-width:100%}.onyx-text-editor__wrapper{padding:0;height:unset;display:grid;border-top-left-radius:0;border-top-right-radius:0}.onyx-text-editor__wrapper:after{content:attr(data-autosize-value) " ";white-space:pre-wrap;visibility:hidden;overflow-wrap:anywhere;overflow-y:hidden}.onyx-text-editor__wrapper:after,.onyx-text-editor__native{grid-area:1/1;height:100%;min-height:var(--onyx-text-editor-min-height);max-height:var(--onyx-text-editor-max-height);padding:var(--onyx-text-editor-padding-block) var(--onyx-density-sm);word-break:break-word}.onyx-text-editor__native blockquote{border-left:var(--onyx-spacing-5xs) solid var(--onyx-color-component-border-neutral);padding-left:var(--onyx-density-xs);color:var(--onyx-color-text-icons-neutral-medium)}.onyx-text-editor__native p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:var(--onyx-color-text-icons-neutral-soft);font-weight:var(--onyx-font-weight-regular)}.onyx-text-editor__native{resize:vertical;overflow-y:auto}.onyx-text-editor__native--no-resize{resize:none}.onyx-text-editor__body{display:flex;flex-direction:column}.onyx-text-editor__body--reverse{flex-direction:column-reverse}.onyx-text-editor__body--reverse .onyx-text-editor__toolbar{border-top:none;border-bottom:var(--onyx-1px-in-rem) solid var(--border-color);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.onyx-text-editor__body--reverse .onyx-text-editor__wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.onyx-text-editor__toolbar{border:var(--onyx-1px-in-rem) solid var(--border-color);border-bottom:none;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);color:var(--onyx-color-text-icons-neutral-medium);background-color:var(--onyx-color-base-background-tinted);display:flex;align-items:center;justify-content:space-between}.onyx-text-editor__actions{display:flex;align-items:center;gap:var(--onyx-density-xs);overflow:auto;padding:var(--onyx-text-editor-padding-block)}.onyx-text-editor__actions--fixed{overflow:visible}}
+@layer onyx.component{.onyx-editor-toolbar-action{display:flex}.onyx-editor-toolbar-action .onyx-system-button:disabled{pointer-events:none}.onyx-editor-toolbar-group{display:contents}.onyx-editor-toolbar-group:after{content:"";background-color:var(--onyx-color-component-border-neutral);height:1lh;width:var(--onyx-1px-in-rem)}.onyx-editor-toolbar-group:empty,.onyx-editor-toolbar-group:last-of-type:after{display:none}.onyx-editor-toolbar-group:has(+.onyx-editor-toolbar-group:empty):after{display:none}.onyx-editor-link-action__content{padding:var(--onyx-density-md) var(--onyx-dialog-padding-inline);gap:var(--onyx-density-md);flex-direction:column;display:flex}.onyx-editor-link-action .onyx-basic-popover__dialog{width:16rem}.onyx-editor-link-action .onyx-dialog__headline-content{justify-content:flex-start}.onyx-text-editor__toolbar{border:var(--onyx-form-element-v2-border-size) solid var(--onyx-form-element-v2-border-color);border-radius:inherit;color:var(--onyx-color-text-icons-neutral-medium);background-color:var(--onyx-color-base-background-tinted);border-top-left-radius:var(--onyx-text-editor-input-border-radius-bottom);border-top-right-radius:var(--onyx-text-editor-input-border-radius-bottom);border-bottom-left-radius:var(--onyx-text-editor-input-border-radius-top);border-bottom-right-radius:var(--onyx-text-editor-input-border-radius-top);justify-content:space-between;align-items:center;width:100%;max-width:100%;display:flex}.onyx-text-editor:not(.onyx-text-editor--toolbar-bottom) .onyx-text-editor__toolbar{border-bottom:none}.onyx-text-editor--toolbar-bottom .onyx-text-editor__toolbar{border-top:none}.onyx-text-editor__actions{align-items:center;gap:var(--onyx-density-xs);padding:var(--onyx-form-element-v2-padding-block) var(--onyx-form-element-v2-padding-inline);display:flex;overflow:auto}.onyx-text-editor__actions--fixed{overflow:visible}.onyx-text-editor{--onyx-text-editor-autosize-min-rows:3;--onyx-text-editor-autosize-max-rows:10;--onyx-text-editor-min-height:calc(var(--onyx-text-editor-autosize-min-rows) * 1lh + 2 * var(--onyx-form-element-v2-padding-block));--onyx-text-editor-max-height:calc(var(--onyx-text-editor-autosize-max-rows) * 1lh + 2 * var(--onyx-form-element-v2-padding-block));--onyx-form-element-v2-content-height:calc(1lh * var(--onyx-text-editor-autosize-min-rows))}.onyx-text-editor:has(.onyx-text-editor__input[style*=height]){--onyx-text-editor-max-height:unset}.onyx-text-editor:has(.onyx-text-editor__input[style*=height]) .onyx-text-editor__wrapper:after{height:0}.onyx-text-editor{--onyx-text-editor-flex-direction:column-reverse;--onyx-text-editor-input-border-radius-top:0;--onyx-text-editor-input-border-radius-bottom:var(--onyx-form-element-v2-border-radius);max-width:100%}.onyx-text-editor--toolbar-bottom{--onyx-text-editor-flex-direction:column;--onyx-text-editor-input-border-radius-top:var(--onyx-form-element-v2-border-radius);--onyx-text-editor-input-border-radius-bottom:0}.onyx-text-editor__wrapper{width:100%;height:100%;padding:0;display:grid}.onyx-text-editor__wrapper:after{content:attr(data-autosize-value) " ";white-space:pre-wrap;visibility:hidden;overflow-wrap:anywhere;overflow-y:hidden}.onyx-text-editor>.onyx-form-element-v2__body>.onyx-form-element-v2__content{height:unset;flex-direction:var(--onyx-text-editor-flex-direction)}.onyx-text-editor>.onyx-form-element-v2__body>.onyx-form-element-v2__content>.onyx-form-element-v2__input-container{border-top-left-radius:var(--onyx-text-editor-input-border-radius-top);border-top-right-radius:var(--onyx-text-editor-input-border-radius-top);border-bottom-left-radius:var(--onyx-text-editor-input-border-radius-bottom);border-bottom-right-radius:var(--onyx-text-editor-input-border-radius-bottom);align-items:flex-start;width:100%}.onyx-text-editor>.onyx-form-element-v2__body>.onyx-form-element-v2__content>.onyx-form-element-v2__input-container:focus-within{z-index:0}.onyx-text-editor__wrapper:after,.onyx-text-editor__input{height:100%;min-height:var(--onyx-text-editor-min-height);max-height:var(--onyx-text-editor-max-height);padding:var(--onyx-form-element-v2-padding-block) var(--onyx-form-element-v2-padding-inline);word-break:break-word;grid-area:1/1}.onyx-text-editor__input blockquote{border-left:var(--onyx-spacing-5xs) solid var(--onyx-color-component-border-neutral);padding-left:var(--onyx-density-xs);color:var(--onyx-color-text-icons-neutral-medium)}.onyx-text-editor__input p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--onyx-color-text-icons-neutral-soft);font-weight:var(--onyx-font-weight-regular)}.onyx-text-editor__input{resize:vertical;overflow-y:auto;overflow-x:unset;white-space:pre-line}.onyx-text-editor__input--no-resize{resize:none}}@layer onyx.override{.onyx-editor-toolbar-action .onyx-system-button.active{--color:var(--onyx-color-text-icons-primary-intense);--hover-background-color:var(--onyx-color-base-primary-200);--focus-active-background-color:var(--onyx-color-base-primary-200)}.onyx-editor-toolbar-flyout__chevron{--icon-size:.75rem}.onyx-editor-toolbar-flyout__icon{color:var(--onyx-color-text-icons-neutral-medium)}}
+/*$vite$:1*/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/tiptap",
   "description": "A rich text editor powered by the Tiptap editor and the onyx design system created by Schwarz IT",
-  "version": "0.1.0",
+  "version": "0.2.0-dev-20260408154540",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -37,25 +37,25 @@
     "@tiptap/starter-kit": ">= 3",
     "@tiptap/vue-3": ">= 3",
     "vue": ">= 3.5.0",
-    "sit-onyx": "^1.9.0",
-    "@sit-onyx/icons": "^1.7.0"
+    "@sit-onyx/icons": "^1.9.0-dev-20260408154540",
+    "sit-onyx": "^1.12.0-dev-20260408154540"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.11.1",
     "@playwright/experimental-ct-vue": "1.57.0",
     "@playwright/test": "1.57.0",
-    "@tiptap/extension-heading": "^3.20.0",
-    "@tiptap/extension-text-align": "^3.20.0",
-    "@tiptap/extensions": "^3.20.0",
-    "@tiptap/pm": "^3.20.0",
-    "@tiptap/starter-kit": "^3.20.0",
-    "@tiptap/vue-3": "^3.20.0",
-    "@vue/compiler-dom": "3.5.28",
-    "@sit-onyx/icons": "^1.7.0",
-    "@sit-onyx/playwright-utils": "^1.2.0",
+    "@tiptap/extension-heading": "^3.21.0",
+    "@tiptap/extension-text-align": "^3.21.0",
+    "@tiptap/extensions": "^3.21.0",
+    "@tiptap/pm": "^3.21.0",
+    "@tiptap/starter-kit": "^3.21.0",
+    "@tiptap/vue-3": "^3.21.0",
+    "@vue/compiler-dom": "3.5.31",
+    "@sit-onyx/icons": "^1.9.0-dev-20260408154540",
+    "@sit-onyx/playwright-utils": "^1.2.1",
     "@sit-onyx/shared": "^0.1.0",
-    "sit-onyx": "^1.9.0",
-    "@sit-onyx/storybook-utils": "^1.1.2"
+    "@sit-onyx/storybook-utils": "^1.1.2",
+    "sit-onyx": "^1.12.0-dev-20260408154540"
   },
   "scripts": {
     "dev": "storybook dev -p 6006 --no-open",