@vaadin/rich-text-editor 24.8.4 → 25.0.0-alpha10

package/theme/material/vaadin-lit-rich-text-editor.d.ts

@@ -1,6 +0,0 @@
-import '@vaadin/button/theme/material/vaadin-button-styles.js';
-import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog-styles.js';
-import '@vaadin/text-field/theme/material/vaadin-text-field-styles.js';
-import '@vaadin/tooltip/theme/material/vaadin-tooltip-styles.js';
-import './vaadin-rich-text-editor-styles.js';
-import '../../src/vaadin-lit-rich-text-editor.js';

package/theme/material/vaadin-lit-rich-text-editor.js

@@ -1,6 +0,0 @@
-import '@vaadin/button/theme/material/vaadin-button-styles.js';
-import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog-styles.js';
-import '@vaadin/text-field/theme/material/vaadin-text-field-styles.js';
-import '@vaadin/tooltip/theme/material/vaadin-tooltip-styles.js';
-import './vaadin-rich-text-editor-styles.js';
-import '../../src/vaadin-lit-rich-text-editor.js';

package/theme/material/vaadin-rich-text-editor-styles.d.ts

@@ -1 +0,0 @@
-import '@vaadin/vaadin-material-styles/color.js';

package/theme/material/vaadin-rich-text-editor-styles.js

@@ -1,143 +0,0 @@
-import '@vaadin/vaadin-material-styles/color.js';
-import { overlay } from '@vaadin/vaadin-material-styles/mixins/overlay.js';
-import { typography } from '@vaadin/vaadin-material-styles/typography.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-const popupOverlay = css`
-  [part='overlay'] {
-    margin: 0.25rem 0;
-  }
-
-  [part='content'] {
-    padding: 0.25rem;
-    max-width: calc(7 * (var(--_button-size) + var(--_button-margin) * 2));
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    --_button-size: 1.25rem;
-    --_button-margin: 3px;
-  }
-
-  [part='content'] ::slotted(button) {
-    border: none;
-    width: var(--_button-size);
-    height: var(--_button-size);
-    margin: var(--_button-margin);
-  }
-`;
-
-registerStyles('vaadin-rich-text-editor-popup-overlay', [overlay, popupOverlay], {
-  moduleId: 'material-rich-text-editor-popup-overlay',
-});
-
-const richTextEditor = css`
-  :host {
-    background-color: var(--material-background-color);
-    min-height: 288px;
-  }
-
-  [part='toolbar'] {
-    background-color: var(--material-secondary-background-color);
-    padding: 0;
-    border: 0;
-    overflow: hidden;
-  }
-
-  [part~='toolbar-group'] {
-    margin: 8px 0;
-    padding: 0 8px;
-  }
-
-  [part~='toolbar-group'] + [part~='toolbar-group'] {
-    box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
-  }
-
-  [part~='toolbar-button'] {
-    border-radius: 3px;
-    color: var(--material-secondary-text-color);
-    font-family: 'vaadin-rte-icons', var(--material-font-family);
-    font-weight: 600;
-    margin: -4px 2px;
-  }
-
-  [part~='toolbar-button']:hover {
-    background-color: transparent;
-    color: inherit;
-  }
-
-  [part~='toolbar-button'][aria-expanded='true'] {
-    outline: -webkit-focus-ring-color auto 1px;
-  }
-
-  [part~='toolbar-button'][on] {
-    background-color: rgba(0, 0, 0, 0.1);
-    color: inherit;
-  }
-
-  @media (hover: none) {
-    [part~='toolbar-button']:hover {
-      color: var(--material-secondary-text-color);
-    }
-  }
-
-  /* SVG icons */
-  [part~='toolbar-button-undo']::before,
-  [part~='toolbar-button-redo']::before,
-  [part~='toolbar-button-list-ordered']::before,
-  [part~='toolbar-button-list-bullet']::before,
-  [part~='toolbar-button-align-left']::before,
-  [part~='toolbar-button-align-center']::before,
-  [part~='toolbar-button-align-right']::before,
-  [part~='toolbar-button-image']::before,
-  [part~='toolbar-button-link']::before,
-  [part~='toolbar-button-clean']::before {
-    font-size: 24px;
-    font-weight: 400;
-  }
-
-  /* Text icons */
-  [part~='toolbar-button-bold']::before,
-  [part~='toolbar-button-italic']::before,
-  [part~='toolbar-button-underline']::before,
-  [part~='toolbar-button-strike']::before {
-    font-size: 20px;
-  }
-
-  [part~='toolbar-button-background']::before {
-    background-color: var(--material-secondary-background-color);
-  }
-
-  [part~='toolbar-button-background']::after {
-    inset: 0.25rem;
-  }
-
-  /* TODO unsupported selector */
-  [part='content'] > .ql-editor {
-    padding: 0 16px;
-    line-height: inherit;
-  }
-
-  /* Theme variants */
-  :host(:not([theme~='no-border'])) {
-    border: 1px solid rgba(0, 0, 0, 0.12);
-  }
-
-  :host(:not([theme~='no-border']):not([readonly])) [part='content'] {
-    border-top: 1px solid rgba(0, 0, 0, 0.12);
-  }
-
-  /* Content */
-  b,
-  strong {
-    font-weight: 600;
-  }
-
-  code,
-  pre {
-    background-color: var(--material-secondary-background-color);
-  }
-`;
-
-registerStyles('vaadin-rich-text-editor', [typography, richTextEditor], {
-  moduleId: 'material-rich-text-editor',
-});

package/theme/material/vaadin-rich-text-editor.d.ts

@@ -1,6 +0,0 @@
-import '@vaadin/button/theme/material/vaadin-button.js';
-import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog.js';
-import '@vaadin/text-field/theme/material/vaadin-text-field.js';
-import '@vaadin/tooltip/theme/material/vaadin-tooltip.js';
-import './vaadin-rich-text-editor-styles.js';
-import '../../src/vaadin-rich-text-editor.js';

package/theme/material/vaadin-rich-text-editor.js

@@ -1,6 +0,0 @@
-import '@vaadin/button/theme/material/vaadin-button.js';
-import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog.js';
-import '@vaadin/text-field/theme/material/vaadin-text-field.js';
-import '@vaadin/tooltip/theme/material/vaadin-tooltip.js';
-import './vaadin-rich-text-editor-styles.js';
-import '../../src/vaadin-rich-text-editor.js';

package/vaadin-lit-rich-text-editor.d.ts

@@ -1 +0,0 @@
-export * from './src/vaadin-rich-text-editor.js';

package/vaadin-lit-rich-text-editor.js

@@ -1,2 +0,0 @@
-import './theme/lumo/vaadin-lit-rich-text-editor.js';
-export * from './src/vaadin-lit-rich-text-editor.js';