@ckeditor/ckeditor5-footnotes 48.3.1 → 48.4.0-alpha.1

package/dist/footnotesproperties/footnotespropertiesui.d.ts

@@ -9,7 +9,6 @@
 import { ContextualBalloon } from "@ckeditor/ckeditor5-ui";
 import { WidgetToolbarRepository } from "@ckeditor/ckeditor5-widget";
 import { Plugin, type PluginDependenciesOf } from "@ckeditor/ckeditor5-core";
-import "../../theme/footnotesproperties.css";
 /**
 * A plugin that provides footnotes properties UI.
 */

package/dist/footnotesui.d.ts

@@ -3,7 +3,6 @@
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
 import { Plugin } from "@ckeditor/ckeditor5-core";
-import "../theme/footnotes.css";
 /**
 * The footnotes UI plugin.
 */

package/dist/index-content.css

@@ -2,82 +2,83 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-:root{
-  --ck-content-footnotes-list-background-color:none;
-  --ck-content-footnotes-list-separator-color:#000;
-  --ck-content-footnote-font-size:var(--ck-content-font-size-small);
+:root {
+  --ck-content-footnotes-list-background-color: none;
+  --ck-content-footnotes-list-separator-color: #000;
+  --ck-content-footnote-font-size: var(--ck-content-font-size-small);
 }
 
-.ck-content .footnote{
-  margin-inline-end:.2em;
+.ck-content .footnote {
+  margin-inline-end: .2em;
 }
 
-.ck-content .footnotes{
-  font-size:var(--ck-content-footnote-font-size);
-  background-color:var(--ck-content-footnotes-list-background-color);
-  margin:.9em 0 1.5em;
-  position:relative;
+.ck-content .footnotes {
+  font-size: var(--ck-content-footnote-font-size);
+  background-color: var(--ck-content-footnotes-list-background-color);
+  margin: .9em 0 1.5em;
+  position: relative;
 }
 
-.ck-content .footnotes-divider{
-  border:none;
-  border-top:1px solid var(--ck-content-footnotes-list-separator-color);
-  background:none;
-  width:min(30%, 350px);
-  height:1px;
-  margin:0 0 1em;
-  display:block;
+.ck-content .footnotes-divider {
+  border: none;
+  border-top: 1px solid var(--ck-content-footnotes-list-separator-color);
+  background: none;
+  width: min(30%, 350px);
+  height: 1px;
+  margin: 0 0 1em;
+  display: block;
 }
 
-[dir="rtl"] :is(.ck-content .footnotes-divider){
-  margin-left:auto;
-  margin-right:0;
+[dir="rtl"] :is(.ck-content .footnotes-divider) {
+  margin-left: auto;
+  margin-right: 0;
 }
 
-.ck-content .footnotes-list{
-  margin:0;
-  padding-inline-start:3em;
+.ck-content .footnotes-list {
+  margin: 0;
+  padding-inline-start: 3em;
 }
 
-.ck-content .footnote-backlink{
-  user-select:none;
-  vertical-align:top;
-  width:auto;
-  margin-inline-end:1ch;
-  display:inline-block;
+.ck-content .footnote-backlink {
+  -webkit-user-select: none;
+  user-select: none;
+  vertical-align: top;
+  width: auto;
+  margin-inline-end: 1ch;
+  display: inline-block;
 }
 
-.ck-content .footnote-content{
-  vertical-align:top;
-  width:calc(100% - 2em);
-  padding:0 4px;
-  display:inline-block;
+.ck-content .footnote-content {
+  vertical-align: top;
+  width: calc(100% - 2em);
+  padding: 0 4px;
+  display: inline-block;
 }
 
-.ck-content .footnote-content > p:first-of-type{
-  margin-top:0;
+.ck-content .footnote-content > p:first-of-type {
+  margin-top: 0;
 }
 
-.ck-content .footnote-content > p:last-of-type{
-  margin-bottom:0;
+.ck-content .footnote-content > p:last-of-type {
+  margin-bottom: 0;
 }
 
-.ck-content .footnote-content ol{
-  list-style-type:decimal;
+.ck-content .footnote-content ol {
+  list-style-type: decimal;
 }
 
-.ck-content .footnote-content ol ol{
-  list-style-type:lower-latin;
+.ck-content .footnote-content ol ol {
+  list-style-type: lower-latin;
 }
 
-.ck-content .footnote-content ol ol ol{
-  list-style-type:lower-roman;
+.ck-content .footnote-content ol ol ol {
+  list-style-type: lower-roman;
 }
 
-.ck-content .footnote-content ol ol ol ol{
-  list-style-type:upper-latin;
+.ck-content .footnote-content ol ol ol ol {
+  list-style-type: upper-latin;
 }
 
-.ck-content .footnote-content ol ol ol ol ol{
-  list-style-type:upper-roman;
+.ck-content .footnote-content ol ol ol ol ol {
+  list-style-type: upper-roman;
 }

package/dist/index-editor.css

@@ -2,80 +2,77 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-:root{
-  --ck-content-footnotes-list-background-color:none;
-  --ck-content-footnotes-list-separator-color:#000;
-  --ck-content-footnote-font-size:var(--ck-content-font-size-small);
-  --ck-footnotes-widget-label-background-color:#757575;
+:root {
+  --ck-footnotes-widget-label-background-color: #757575;
 }
 
-.ck.ck-editor__editable .footnotes.ck-widget{
-  margin:.9em 0 .85em;
-  display:flow-root;
-  position:relative;
+.ck.ck-editor__editable .footnotes.ck-widget {
+  margin: .9em 0 .85em;
+  display: flow-root;
+  position: relative;
 }
 
-.ck.ck-editor__editable .footnotes.ck-widget:not(:hover):not(.ck-widget_selected){
-  outline:1px solid var(--ck-color-base-border);
+.ck.ck-editor__editable .footnotes.ck-widget:not(:hover):not(.ck-widget_selected) {
+  outline: 1px solid var(--ck-color-base-border);
 }
 
-.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after{
-  content:attr(data-footnotes-list-label);
-  padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
-  background-color:var(--ck-footnotes-widget-label-background-color);
-  font-size:10px;
-  font-family:var(--ck-font-face);
-  color:#fff;
-  white-space:nowrap;
-  line-height:16px;
-  position:absolute;
-  top:-1px;
-  right:10px;
+.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after {
+  content: attr(data-footnotes-list-label);
+  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+  background-color: var(--ck-footnotes-widget-label-background-color);
+  font-size: 10px;
+  font-family: var(--ck-font-face);
+  color: #fff;
+  white-space: nowrap;
+  line-height: 16px;
+  position: absolute;
+  top: -1px;
+  right: 10px;
 }
 
-[dir="rtl"] :is(.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after){
-  left:10px;
-  right:auto;
+[dir="rtl"] :is(.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after) {
+  left: 10px;
+  right: auto;
 }
 
-.ck.ck-editor__editable .footnotes-divider{
-  margin-top:0;
+.ck.ck-editor__editable .footnotes-divider {
+  margin-top: 0;
 }
 
-.ck.ck-editor__editable .footnotes-list{
-  margin-top:0;
-  margin-bottom:.65em;
+.ck.ck-editor__editable .footnotes-list {
+  margin-top: 0;
+  margin-bottom: .65em;
 }
 
-:root{
-  --ck-footnotes-styles-list-style-button-size:44px;
+:root {
+  --ck-footnotes-styles-list-style-button-size: 44px;
 }
 
-.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list{
-  row-gap:var(--ck-spacing-medium);
-  column-gap:var(--ck-spacing-medium);
-  padding:var(--ck-spacing-large);
-  grid-template-columns:repeat(4, auto);
-  display:grid;
+.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list {
+  row-gap: var(--ck-spacing-medium);
+  column-gap: var(--ck-spacing-medium);
+  padding: var(--ck-spacing-large);
+  grid-template-columns: repeat(4, auto);
+  display: grid;
 }
 
-.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button{
-  width:var(--ck-footnotes-styles-list-style-button-size);
-  height:var(--ck-footnotes-styles-list-style-button-size);
-  box-sizing:content-box;
-  margin:0;
-  padding:0;
+.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button {
+  width: var(--ck-footnotes-styles-list-style-button-size);
+  height: var(--ck-footnotes-styles-list-style-button-size);
+  box-sizing: content-box;
+  margin: 0;
+  padding: 0;
 }
 
-.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button .ck-icon{
-  width:var(--ck-footnotes-styles-list-style-button-size);
-  height:var(--ck-footnotes-styles-list-style-button-size);
+.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button .ck-icon {
+  width: var(--ck-footnotes-styles-list-style-button-size);
+  height: var(--ck-footnotes-styles-list-style-button-size);
 }
 
-.ck.ck-footnotes-definitions-properties > .ck-collapsible{
-  border-top:1px solid var(--ck-color-base-border);
+.ck.ck-footnotes-definitions-properties > .ck-collapsible {
+  border-top: 1px solid var(--ck-color-base-border);
 }
 
-.ck.ck-footnotes-definitions-properties > .ck-collapsible .ck-footnotes-definitions-properties__start-index .ck-input{
-  min-width:100%;
+.ck.ck-footnotes-definitions-properties > .ck-collapsible .ck-footnotes-definitions-properties__start-index .ck-input {
+  min-width: 100%;
 }

package/dist/index.css

@@ -2,11 +2,85 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
+:root {
+  --ck-footnotes-widget-label-background-color: #757575;
+}
+
+.ck.ck-editor__editable .footnotes.ck-widget {
+  margin: .9em 0 .85em;
+  display: flow-root;
+  position: relative;
+}
+
+.ck.ck-editor__editable .footnotes.ck-widget:not(:hover):not(.ck-widget_selected) {
+  outline: 1px solid var(--ck-color-base-border);
+}
+
+.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after {
+  content: attr(data-footnotes-list-label);
+  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+  background-color: var(--ck-footnotes-widget-label-background-color);
+  font-size: 10px;
+  font-family: var(--ck-font-face);
+  color: #fff;
+  white-space: nowrap;
+  line-height: 16px;
+  position: absolute;
+  top: -1px;
+  right: 10px;
+}
+
+[dir="rtl"] :is(.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after) {
+  left: 10px;
+  right: auto;
+}
+
+.ck.ck-editor__editable .footnotes-divider {
+  margin-top: 0;
+}
+
+.ck.ck-editor__editable .footnotes-list {
+  margin-top: 0;
+  margin-bottom: .65em;
+}
+
+:root {
+  --ck-footnotes-styles-list-style-button-size: 44px;
+}
+
+.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list {
+  row-gap: var(--ck-spacing-medium);
+  column-gap: var(--ck-spacing-medium);
+  padding: var(--ck-spacing-large);
+  grid-template-columns: repeat(4, auto);
+  display: grid;
+}
+
+.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button {
+  width: var(--ck-footnotes-styles-list-style-button-size);
+  height: var(--ck-footnotes-styles-list-style-button-size);
+  box-sizing: content-box;
+  margin: 0;
+  padding: 0;
+}
+
+.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button .ck-icon {
+  width: var(--ck-footnotes-styles-list-style-button-size);
+  height: var(--ck-footnotes-styles-list-style-button-size);
+}
+
+.ck.ck-footnotes-definitions-properties > .ck-collapsible {
+  border-top: 1px solid var(--ck-color-base-border);
+}
+
+.ck.ck-footnotes-definitions-properties > .ck-collapsible .ck-footnotes-definitions-properties__start-index .ck-input {
+  min-width: 100%;
+}
+
 :root {
   --ck-content-footnotes-list-background-color: none;
   --ck-content-footnotes-list-separator-color: #000;
   --ck-content-footnote-font-size: var(--ck-content-font-size-small);
-  --ck-footnotes-widget-label-background-color: #757575;
 }
 
 .ck-content .footnote {
@@ -41,6 +115,7 @@
 }
 
 .ck-content .footnote-backlink {
+  -webkit-user-select: none;
   user-select: none;
   vertical-align: top;
   width: auto;
@@ -82,74 +157,3 @@
 .ck-content .footnote-content ol ol ol ol ol {
   list-style-type: upper-roman;
 }
-
-.ck.ck-editor__editable .footnotes.ck-widget {
-  margin: .9em 0 .85em;
-  display: flow-root;
-  position: relative;
-}
-
-.ck.ck-editor__editable .footnotes.ck-widget:not(:hover):not(.ck-widget_selected) {
-  outline: 1px solid var(--ck-color-base-border);
-}
-
-.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after {
-  content: attr(data-footnotes-list-label);
-  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
-  background-color: var(--ck-footnotes-widget-label-background-color);
-  font-size: 10px;
-  font-family: var(--ck-font-face);
-  color: #fff;
-  white-space: nowrap;
-  line-height: 16px;
-  position: absolute;
-  top: -1px;
-  right: 10px;
-}
-
-[dir="rtl"] :is(.ck.ck-editor__editable .footnotes.ck-widget[data-footnotes-list-label]:after) {
-  left: 10px;
-  right: auto;
-}
-
-.ck.ck-editor__editable .footnotes-divider {
-  margin-top: 0;
-}
-
-.ck.ck-editor__editable .footnotes-list {
-  margin-top: 0;
-  margin-bottom: .65em;
-}
-
-:root {
-  --ck-footnotes-styles-list-style-button-size: 44px;
-}
-
-.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list {
-  row-gap: var(--ck-spacing-medium);
-  column-gap: var(--ck-spacing-medium);
-  padding: var(--ck-spacing-large);
-  grid-template-columns: repeat(4, auto);
-  display: grid;
-}
-
-.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button {
-  width: var(--ck-footnotes-styles-list-style-button-size);
-  height: var(--ck-footnotes-styles-list-style-button-size);
-  box-sizing: content-box;
-  margin: 0;
-  padding: 0;
-}
-
-.ck.ck-footnotes-definitions-properties > .ck-footnotes-definitions-styles-list .ck-button .ck-icon {
-  width: var(--ck-footnotes-styles-list-style-button-size);
-  height: var(--ck-footnotes-styles-list-style-button-size);
-}
-
-.ck.ck-footnotes-definitions-properties > .ck-collapsible {
-  border-top: 1px solid var(--ck-color-base-border);
-}
-
-.ck.ck-footnotes-definitions-properties > .ck-collapsible .ck-footnotes-definitions-properties__start-index .ck-input {
-  min-width: 100%;
-}

package/dist/index.d.ts

@@ -5,6 +5,8 @@
 /**
 * @module footnotes
 */
+import "../theme/index-editor.css";
+import "../theme/index-content.css";
 import "./augmentation.js";
 export { Footnotes } from "./footnotes.js";
 export { FootnotesEditing } from "./footnotesediting.js";