@ckeditor/ckeditor5-emoji 48.8.1-alpha.4 → 49.0.0-alpha.1

package/dist/emojiutils.d.ts

@@ -1,75 +1,75 @@
 /**
- * @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
- */
+* @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
+*/
 /**
- * @module emoji/emojiutils
- */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import type { EmojiCdnResource, EmojiEntry } from './emojirepository.js';
+* @module emoji/emojiutils
+*/
+import { Plugin } from "@ckeditor/ckeditor5-core";
+import type { EmojiCdnResource, EmojiEntry } from "./emojirepository.js";
 /**
- * The Emoji utilities plugin.
- */
+* The Emoji utilities plugin.
+*/
 export declare class EmojiUtils extends Plugin {
-    /**
-     * Used for testing whether the environment supports the given emoji.
-     */
-    private _emojiCanvas;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "EmojiUtils";
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin(): true;
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-    /**
-     * Checks if the emoji is supported by verifying the emoji version supported by the system first.
-     * Then checks if emoji contains a zero width joiner (ZWJ), and if yes, then checks if it is supported by the system.
-     */
-    isEmojiSupported(item: EmojiCdnResource, emojiSupportedVersionByOs: number, container: HTMLDivElement): boolean;
-    /**
-     * Checks the supported emoji version by the OS, by sampling some representatives from different emoji releases.
-     */
-    getEmojiSupportedVersionByOs(): number;
-    /**
-     * Check for ZWJ (zero width joiner) character.
-     */
-    hasZwj(emoji: string): boolean;
-    /**
-     * Checks whether the emoji is supported in the operating system.
-     */
-    isEmojiZwjSupported(item: EmojiCdnResource, container: HTMLDivElement): boolean;
-    /**
-     * Returns the width of the provided node.
-     */
-    getNodeWidth(container: HTMLDivElement, node: string): number;
-    /**
-     * Returns the width of the provided node.
-     *
-     * This is a faster alternative to `getNodeWidth` method, which works for great majority of emojis.
-     */
-    getNodeWidthUsingCanvas(container: HTMLDivElement, node: string): number;
-    /**
-     * Creates a div for emoji width testing purposes.
-     */
-    createEmojiWidthTestingContainer(): HTMLDivElement;
-    /**
-     * Adds default skin tone property to each emoji. If emoji defines other skin tones, they are added as well.
-     */
-    normalizeEmojiSkinTone(item: EmojiCdnResource): EmojiEntry;
-    /**
-     * Checks whether the emoji belongs to a group that is allowed.
-     */
-    isEmojiCategoryAllowed(item: EmojiCdnResource): boolean;
-    /**
-     * A function used to determine if emoji is supported by detecting pixels.
-     *
-     * Referenced for unit testing purposes. Kept in a separate file because of licensing.
-     */
-    private static _isEmojiSupported;
+	/**
+	* Used for testing whether the environment supports the given emoji.
+	*/
+	private _emojiCanvas;
+	/**
+	* @inheritDoc
+	*/
+	static get pluginName(): "EmojiUtils";
+	/**
+	* @inheritDoc
+	*/
+	static override get isOfficialPlugin(): true;
+	/**
+	* @inheritDoc
+	*/
+	init(): void;
+	/**
+	* Checks if the emoji is supported by verifying the emoji version supported by the system first.
+	* Then checks if emoji contains a zero width joiner (ZWJ), and if yes, then checks if it is supported by the system.
+	*/
+	isEmojiSupported(item: EmojiCdnResource, emojiSupportedVersionByOs: number, container: HTMLDivElement): boolean;
+	/**
+	* Checks the supported emoji version by the OS, by sampling some representatives from different emoji releases.
+	*/
+	getEmojiSupportedVersionByOs(): number;
+	/**
+	* Check for ZWJ (zero width joiner) character.
+	*/
+	hasZwj(emoji: string): boolean;
+	/**
+	* Checks whether the emoji is supported in the operating system.
+	*/
+	isEmojiZwjSupported(item: EmojiCdnResource, container: HTMLDivElement): boolean;
+	/**
+	* Returns the width of the provided node.
+	*/
+	getNodeWidth(container: HTMLDivElement, node: string): number;
+	/**
+	* Returns the width of the provided node.
+	*
+	* This is a faster alternative to `getNodeWidth` method, which works for great majority of emojis.
+	*/
+	getNodeWidthUsingCanvas(container: HTMLDivElement, node: string): number;
+	/**
+	* Creates a div for emoji width testing purposes.
+	*/
+	createEmojiWidthTestingContainer(): HTMLDivElement;
+	/**
+	* Adds default skin tone property to each emoji. If emoji defines other skin tones, they are added as well.
+	*/
+	normalizeEmojiSkinTone(item: EmojiCdnResource): EmojiEntry;
+	/**
+	* Checks whether the emoji belongs to a group that is allowed.
+	*/
+	isEmojiCategoryAllowed(item: EmojiCdnResource): boolean;
+	/**
+	* A function used to determine if emoji is supported by detecting pixels.
+	*
+	* Referenced for unit testing purposes. Kept in a separate file because of licensing.
+	*/
+	private static _isEmojiSupported;
 }

package/dist/index-content.css

@@ -2,3 +2,6 @@
  * @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
  */
+
+
+/*# sourceMappingURL=index-content.css.map */

package/dist/index-content.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index-content.css"],"names":[],"mappings":";;;;;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index-content.css.map","sourcesContent":["\n\n/*# sourceMappingURL=index-content.css.map */"]}

package/dist/index-editor.css

@@ -2,123 +2,123 @@
  * @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
  */
-.ck.ck-emoji{
-  width:320px;
+.ck.ck-emoji {
+  width: 320px;
 }
 
-.ck .ck.ck-emoji__search{
-  padding:var(--ck-spacing-large);
-  padding-bottom:var(--ck-spacing-medium);
-  justify-content:space-between;
-  align-items:center;
-  display:flex;
-}
-
-.ck .ck.ck-emoji__search > .ck.ck-search{
-  flex:1;
-}
-
-.ck .ck-fake-emoji-selection{
-  background:var(--ck-color-link-fake-selection);
-}
-
-.ck .ck-fake-emoji-selection_collapsed{
-  border-right:1px solid var(--ck-color-base-text);
-  outline:1px solid #ffffff80;
-  height:100%;
-  margin-right:-1px;
-}
-
-div.ck.ck-balloon-panel.ck-emoji-picker-balloon{
-  z-index:calc(var(--ck-z-dialog) + 1);
-}
-
-.ck.ck-emoji__categories-list{
-  margin:0 var(--ck-spacing-large);
-  justify-content:space-between;
-  display:flex;
-}
+.ck .ck.ck-emoji__search {
+  padding: var(--ck-spacing-large, var(--ck-spacing-lg));
+  padding-bottom: var(--ck-spacing-medium, var(--ck-spacing-base));
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
 
-.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text{
-  font-size:var(--ck-font-size-big);
-  min-width:var(--ck-font-size-big);
-  min-height:var(--ck-font-size-big);
-  border-width:0 0 2px;
-  border-bottom-style:solid;
-  border-bottom-color:#0000;
-  padding:0;
+  & > .ck.ck-search {
+    flex: 1;
+  }
 }
 
-.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on{
-  border-bottom-color:var(--ck-color-base-active);
+.ck .ck-fake-emoji-selection {
+  background: var(--ck-color-link-fake-selection);
 }
 
-.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span{
-  margin:auto;
+.ck .ck-fake-emoji-selection_collapsed {
+  border-right: 1px solid var(--ck-color-base-text);
+  outline: var(--ck-outline-fake-caret);
+  height: 100%;
+  margin-right: -1px;
 }
 
-:root{
-  --ck-emoji-grid-tile-size:27px;
+div.ck.ck-balloon-panel.ck-emoji-picker-balloon {
+  z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);
 }
 
-.ck.ck-emoji .ck.ck-emoji__tiles{
-  border-top:1px solid var(--ck-color-base-border);
-  max-width:100%;
-  max-height:min(265px, 40vh);
-  overflow:hidden auto;
+:root, :host {
+  --ck-emoji-categories-list-margin: 0 var(--ck-spacing-padding-comfortable);
 }
 
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid{
-  grid-template-columns:repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
-  margin:var(--ck-spacing-standard) var(--ck-spacing-large);
-  grid-gap:var(--ck-spacing-small);
-  display:grid;
-}
+.ck.ck-emoji__categories-list {
+  margin: var(--ck-emoji-categories-list-margin);
+  justify-content: space-between;
+  display: flex;
 
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile{
-  width:var(--ck-emoji-grid-tile-size);
-  height:var(--ck-emoji-grid-tile-size);
-  min-width:var(--ck-emoji-grid-tile-size);
-  min-height:var(--ck-emoji-grid-tile-size);
-  border:0;
-  padding:0;
-  font-size:1.5em;
-  transition:box-shadow .2s;
-}
-
-@media (prefers-reduced-motion: reduce){
-  .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile{
-    transition:none;
+  & > .ck.ck-button.ck-tab-button {
+    width: var(--ck-tab-button-size);
+    font-size: var(--ck-tab-button-icon-size);
+    padding-inline: 0;
   }
 }
 
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled), .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:hover:not(.ck-disabled){
-  box-shadow:inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
-  border:0;
+:root, :host {
+  --ck-emoji-grid-tile-size: 27px;
+  --ck-emoji-grid-margin: var(--ck-spacing-padding) var(--ck-spacing-padding-comfortable);
+  --ck-emoji-grid-gap: var(--ck-spacing-gap-compact) var(--ck-spacing-gap-compact);
+}
+
+.ck.ck-emoji {
+  & .ck.ck-emoji__tiles {
+    border-top: 1px solid var(--ck-color-base-border);
+    max-width: 100%;
+    max-height: min(265px, 40vh);
+    overflow: hidden auto;
+
+    & .ck-emoji__grid {
+      grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
+      margin: var(--ck-emoji-grid-margin);
+      grid-gap: var(--ck-emoji-grid-gap);
+      display: grid;
+    }
+
+    & .ck-emoji__tile {
+      width: var(--ck-emoji-grid-tile-size);
+      height: var(--ck-emoji-grid-tile-size);
+      min-width: var(--ck-emoji-grid-tile-size);
+      min-height: var(--ck-emoji-grid-tile-size);
+      border: 0;
+      padding: 0;
+      font-size: 1.5em;
+      transition: box-shadow .2s;
+
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
+
+      &:focus:not(.ck-disabled), &:hover:not(.ck-disabled) {
+        box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
+        border: 0;
+      }
+
+      & .ck-button__label {
+        line-height: var(--ck-emoji-grid-tile-size);
+        text-align: center;
+        width: 100%;
+      }
+    }
+  }
 }
 
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label{
-  line-height:var(--ck-emoji-grid-tile-size);
-  text-align:center;
-  width:100%;
-}
+.ck.ck-form.ck-emoji-picker-form {
+  padding-bottom: 0;
 
-.ck.ck-form.ck-emoji-picker-form{
-  padding-bottom:0;
+  & .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
+    border-color: #0000;
+  }
 }
 
-.ck.ck-form.ck-emoji-picker-form .ck.ck-dropdown .ck-dropdown__button:not(:focus){
-  border-color:#0000;
-}
+.ck.ck-emoji__skin-tone {
+  margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));
 
-.ck.ck-emoji__skin-tone{
-  margin-left:var(--ck-spacing-standard);
-}
+  & > .ck.ck-dropdown {
+    & .ck.ck-list__item {
+      min-width: 1em;
+    }
 
-.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item{
-  min-width:1em;
+    & .ck-button.ck-dropdown__button {
+      & .ck-button__label {
+        width: initial;
+      }
+    }
+  }
 }
 
-.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label{
-  width:initial;
-}
+/*# sourceMappingURL=index-editor.css.map */

package/dist/index-editor.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../theme/emojipicker.css","index-editor.css","../theme/emojicategories.css","../theme/emojigrid.css","../theme/emojipickerform.css","../theme/emojitone.css"],"names":[],"mappings":"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","file":"index-editor.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-emoji {\n\twidth: 320px;\n}\n\n.ck .ck.ck-emoji__search {\n\tdisplay: flex;\n\tpadding: var(--ck-spacing-large, var(--ck-spacing-lg));\n\tpadding-bottom: var(--ck-spacing-medium, var(--ck-spacing-base));\n\tjustify-content: space-between;\n\talign-items: center;\n\n\t& > .ck.ck-search {\n\t\tflex: 1;\n\t}\n}\n\n/*\n * Classes used by the \"fake visual selection\" displayed in the content when an input\n * in the emoji picker UI has focus (the browser does not render the native selection in this state).\n */\n.ck .ck-fake-emoji-selection {\n\tbackground: var(--ck-color-link-fake-selection);\n}\n\n/* A collapsed fake visual selection. */\n.ck .ck-fake-emoji-selection_collapsed {\n\theight: 100%;\n\tborder-right: 1px solid var(--ck-color-base-text);\n\tmargin-right: -1px;\n\toutline: var(--ck-outline-fake-caret);\n}\n\ndiv.ck.ck-balloon-panel.ck-emoji-picker-balloon {\n\t/* Backward compatibility: falls back to legacy --ck-z-dialog if overridden. */\n\tz-index: calc( var( --ck-z-dialog, var(--ck-z-modal) ) + 1 );\n}\n",".ck.ck-emoji {\n  width: 320px;\n}\n\n.ck .ck.ck-emoji__search {\n  padding: var(--ck-spacing-large, var(--ck-spacing-lg));\n  padding-bottom: var(--ck-spacing-medium, var(--ck-spacing-base));\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n\n  & > .ck.ck-search {\n    flex: 1;\n  }\n}\n\n.ck .ck-fake-emoji-selection {\n  background: var(--ck-color-link-fake-selection);\n}\n\n.ck .ck-fake-emoji-selection_collapsed {\n  border-right: 1px solid var(--ck-color-base-text);\n  outline: var(--ck-outline-fake-caret);\n  height: 100%;\n  margin-right: -1px;\n}\n\ndiv.ck.ck-balloon-panel.ck-emoji-picker-balloon {\n  z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);\n}\n\n:root, :host {\n  --ck-emoji-categories-list-margin: 0 var(--ck-spacing-padding-comfortable);\n}\n\n.ck.ck-emoji__categories-list {\n  margin: var(--ck-emoji-categories-list-margin);\n  justify-content: space-between;\n  display: flex;\n\n  & > .ck.ck-button.ck-tab-button {\n    width: var(--ck-tab-button-size);\n    font-size: var(--ck-tab-button-icon-size);\n    padding-inline: 0;\n  }\n}\n\n:root, :host {\n  --ck-emoji-grid-tile-size: 27px;\n  --ck-emoji-grid-margin: var(--ck-spacing-padding) var(--ck-spacing-padding-comfortable);\n  --ck-emoji-grid-gap: var(--ck-spacing-gap-compact) var(--ck-spacing-gap-compact);\n}\n\n.ck.ck-emoji {\n  & .ck.ck-emoji__tiles {\n    border-top: 1px solid var(--ck-color-base-border);\n    max-width: 100%;\n    max-height: min(265px, 40vh);\n    overflow: hidden auto;\n\n    & .ck-emoji__grid {\n      grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));\n      margin: var(--ck-emoji-grid-margin);\n      grid-gap: var(--ck-emoji-grid-gap);\n      display: grid;\n    }\n\n    & .ck-emoji__tile {\n      width: var(--ck-emoji-grid-tile-size);\n      height: var(--ck-emoji-grid-tile-size);\n      min-width: var(--ck-emoji-grid-tile-size);\n      min-height: var(--ck-emoji-grid-tile-size);\n      border: 0;\n      padding: 0;\n      font-size: 1.5em;\n      transition: box-shadow .2s;\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n\n      &:focus:not(.ck-disabled), &:hover:not(.ck-disabled) {\n        box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));\n        border: 0;\n      }\n\n      & .ck-button__label {\n        line-height: var(--ck-emoji-grid-tile-size);\n        text-align: center;\n        width: 100%;\n      }\n    }\n  }\n}\n\n.ck.ck-form.ck-emoji-picker-form {\n  padding-bottom: 0;\n\n  & .ck.ck-dropdown .ck-dropdown__button:not(:focus) {\n    border-color: #0000;\n  }\n}\n\n.ck.ck-emoji__skin-tone {\n  margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));\n\n  & > .ck.ck-dropdown {\n    & .ck.ck-list__item {\n      min-width: 1em;\n    }\n\n    & .ck-button.ck-dropdown__button {\n      & .ck-button__label {\n        width: initial;\n      }\n    }\n  }\n}\n\n/*# sourceMappingURL=index-editor.css.map */","/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t--ck-emoji-categories-list-margin: 0 var(--ck-spacing-padding-comfortable);\n}\n\n.ck.ck-emoji__categories-list {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin: var(--ck-emoji-categories-list-margin);\n\n\t/* Category buttons are small tab buttons (see ckeditor5-ui tabs/tabbutton.css). Their \"icon\" is a\n\t   single emoji glyph rendered via the label, so keep the fixed icon square (opt out of the\n\t   labeled-tab auto-width) and size the glyph with font-size instead. */\n\t> .ck.ck-button.ck-tab-button {\n\t\twidth: var(--ck-tab-button-size);\n\t\tpadding-inline: 0;\n\t\tfont-size: var(--ck-tab-button-icon-size);\n\t}\n}\n","/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t--ck-emoji-grid-tile-size: 27px;\n\t--ck-emoji-grid-margin: var(--ck-spacing-padding) var(--ck-spacing-padding-comfortable);\n\t--ck-emoji-grid-gap: var(--ck-spacing-gap-compact) var(--ck-spacing-gap-compact);\n}\n\n.ck.ck-emoji {\n\t& .ck.ck-emoji__tiles {\n\t\tmax-width: 100%;\n\t\tmax-height: min(265px, 40vh);\n\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t\tborder-top: 1px solid var(--ck-color-base-border);\n\n\t\t& .ck-emoji__grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));\n\t\t\tmargin: var(--ck-emoji-grid-margin);\n\t\t\tgrid-gap: var(--ck-emoji-grid-gap);\n\t\t}\n\n\t\t& .ck-emoji__tile {\n\t\t\twidth: var(--ck-emoji-grid-tile-size);\n\t\t\theight: var(--ck-emoji-grid-tile-size);\n\t\t\tmin-width: var(--ck-emoji-grid-tile-size);\n\t\t\tmin-height: var(--ck-emoji-grid-tile-size);\n\t\t\tfont-size: 1.5em;\n\t\t\tpadding: 0;\n\t\t\ttransition: .2s ease box-shadow;\n\t\t\tborder: 0;\n\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition: none;\n\t\t\t}\n\n\t\t\t&:focus:not(.ck-disabled),\n\t\t\t&:hover:not(.ck-disabled) {\n\t\t\t\t/* Disable the default .ck-button's border ring. */\n\t\t\t\tborder: 0;\n\t\t\t\tbox-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));\n\t\t\t}\n\n\t\t\t/* Make sure the glyph is rendered in the center of the button */\n\t\t\t& .ck-button__label {\n\t\t\t\tline-height: var(--ck-emoji-grid-tile-size);\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\t}\n}\n","/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-form.ck-emoji-picker-form {\n\tpadding-bottom: 0;\n\n\t/*\n\t * `.ck-form` overrides styling of all dropdowns by adding border around them.\n\t * The border is not needed in the emoji picker form so try to remove it keeping\n\t * specificity high enough to override the form styling.\n\t */\n\t& .ck.ck-dropdown .ck-dropdown__button:not(:focus) {\n\t\tborder-color: transparent;\n\t}\n}\n","/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n.ck.ck-emoji__skin-tone {\n\tmargin-left: var(--ck-spacing-standard, var(--ck-spacing-base));\n\n\t> .ck.ck-dropdown {\n\n\t\t.ck.ck-list__item {\n\t\t\tmin-width: 1em;\n\t\t}\n\n\t\t.ck-button.ck-dropdown__button {\n\t\t\t.ck-button__label {\n\t\t\t\twidth: initial;\n\t\t\t}\n\t\t}\n\t}\n}\n"]}

package/dist/index.css

@@ -7,15 +7,15 @@
 }
 
 .ck .ck.ck-emoji__search {
-  padding: var(--ck-spacing-large);
-  padding-bottom: var(--ck-spacing-medium);
+  padding: var(--ck-spacing-large, var(--ck-spacing-lg));
+  padding-bottom: var(--ck-spacing-medium, var(--ck-spacing-base));
   justify-content: space-between;
   align-items: center;
   display: flex;
-}
 
-.ck .ck.ck-emoji__search > .ck.ck-search {
-  flex: 1;
+  & > .ck.ck-search {
+    flex: 1;
+  }
 }
 
 .ck .ck-fake-emoji-selection {
@@ -24,103 +24,101 @@
 
 .ck .ck-fake-emoji-selection_collapsed {
   border-right: 1px solid var(--ck-color-base-text);
-  outline: 1px solid #ffffff80;
+  outline: var(--ck-outline-fake-caret);
   height: 100%;
   margin-right: -1px;
 }
 
 div.ck.ck-balloon-panel.ck-emoji-picker-balloon {
-  z-index: calc(var(--ck-z-dialog) + 1);
+  z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);
+}
+
+:root, :host {
+  --ck-emoji-categories-list-margin: 0 var(--ck-spacing-padding-comfortable);
 }
 
 .ck.ck-emoji__categories-list {
-  margin: 0 var(--ck-spacing-large);
+  margin: var(--ck-emoji-categories-list-margin);
   justify-content: space-between;
   display: flex;
-}
-
-.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text {
-  font-size: var(--ck-font-size-big);
-  min-width: var(--ck-font-size-big);
-  min-height: var(--ck-font-size-big);
-  border-width: 0 0 2px;
-  border-bottom-style: solid;
-  border-bottom-color: #0000;
-  padding: 0;
-}
 
-.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on {
-  border-bottom-color: var(--ck-color-base-active);
-}
-
-.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span {
-  margin: auto;
+  & > .ck.ck-button.ck-tab-button {
+    width: var(--ck-tab-button-size);
+    font-size: var(--ck-tab-button-icon-size);
+    padding-inline: 0;
+  }
 }
 
-:root {
+:root, :host {
   --ck-emoji-grid-tile-size: 27px;
+  --ck-emoji-grid-margin: var(--ck-spacing-padding) var(--ck-spacing-padding-comfortable);
+  --ck-emoji-grid-gap: var(--ck-spacing-gap-compact) var(--ck-spacing-gap-compact);
 }
 
-.ck.ck-emoji .ck.ck-emoji__tiles {
-  border-top: 1px solid var(--ck-color-base-border);
-  max-width: 100%;
-  max-height: min(265px, 40vh);
-  overflow: hidden auto;
-}
-
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid {
-  grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
-  margin: var(--ck-spacing-standard) var(--ck-spacing-large);
-  grid-gap: var(--ck-spacing-small);
-  display: grid;
-}
-
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
-  width: var(--ck-emoji-grid-tile-size);
-  height: var(--ck-emoji-grid-tile-size);
-  min-width: var(--ck-emoji-grid-tile-size);
-  min-height: var(--ck-emoji-grid-tile-size);
-  border: 0;
-  padding: 0;
-  font-size: 1.5em;
-  transition: box-shadow .2s;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
-    transition: none;
+.ck.ck-emoji {
+  & .ck.ck-emoji__tiles {
+    border-top: 1px solid var(--ck-color-base-border);
+    max-width: 100%;
+    max-height: min(265px, 40vh);
+    overflow: hidden auto;
+
+    & .ck-emoji__grid {
+      grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
+      margin: var(--ck-emoji-grid-margin);
+      grid-gap: var(--ck-emoji-grid-gap);
+      display: grid;
+    }
+
+    & .ck-emoji__tile {
+      width: var(--ck-emoji-grid-tile-size);
+      height: var(--ck-emoji-grid-tile-size);
+      min-width: var(--ck-emoji-grid-tile-size);
+      min-height: var(--ck-emoji-grid-tile-size);
+      border: 0;
+      padding: 0;
+      font-size: 1.5em;
+      transition: box-shadow .2s;
+
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
+
+      &:focus:not(.ck-disabled), &:hover:not(.ck-disabled) {
+        box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
+        border: 0;
+      }
+
+      & .ck-button__label {
+        line-height: var(--ck-emoji-grid-tile-size);
+        text-align: center;
+        width: 100%;
+      }
+    }
   }
 }
 
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled), .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:hover:not(.ck-disabled) {
-  box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
-  border: 0;
-}
-
-.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {
-  line-height: var(--ck-emoji-grid-tile-size);
-  text-align: center;
-  width: 100%;
-}
-
 .ck.ck-form.ck-emoji-picker-form {
   padding-bottom: 0;
-}
 
-.ck.ck-form.ck-emoji-picker-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
-  border-color: #0000;
+  & .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
+    border-color: #0000;
+  }
 }
 
 .ck.ck-emoji__skin-tone {
-  margin-left: var(--ck-spacing-standard);
-}
-
-.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {
-  min-width: 1em;
-}
-
-.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
-  width: initial;
+  margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));
+
+  & > .ck.ck-dropdown {
+    & .ck.ck-list__item {
+      min-width: 1em;
+    }
+
+    & .ck-button.ck-dropdown__button {
+      & .ck-button__label {
+        width: initial;
+      }
+    }
+  }
 }
 
 /*# sourceMappingURL=index.css.map */