@zanichelli/albe-web-components 19.1.4-RC1 → 19.2.1-RC

package/dist/collection/components/z-toolbar/styles.css

@@ -4,12 +4,13 @@
 }
 
 :host {
-  display: inline-flex;
+  display: flex;
+  width: fit-content;
   align-items: center;
   padding: 0;
   border: var(--border-size-small) solid var(--color-surface03);
   background-color: var(--color-surface01);
-  border-radius: var(--border-radius);
+  border-radius: calc(var(--border-radius) + var(--border-size-small)); /* ensure correct radius for nested items */
   box-shadow: var(--shadow-4);
   gap: calc(var(--space-unit) / 2);
 }
@@ -20,11 +21,13 @@
 
 @media (max-width: 767px) {
   :host {
-    --z-toolbar-columns: 8;
+    --z-toolbar-columns: 6;
 
     position: relative;
-    display: inline-grid;
-    align-items: stretch;
+    display: grid;
+    max-width: 100%;
+
+    /* Draws a horizontal separator line between rows */
     background: repeating-linear-gradient(
         to bottom,
         transparent 0,
@@ -33,23 +36,11 @@
         var(--color-surface03) calc(var(--space-unit) * 5.5 + 1px)
       )
       center / calc(100% - var(--space-unit)) 100% no-repeat var(--color-surface01);
-    column-gap: calc(var(--space-unit) / 2);
-    grid-template-columns: repeat(var(--z-toolbar-columns, auto-fill), auto);
-    row-gap: var(--border-size-small);
-
-    /* Overrides z-tool submenu positioning */
-    --z-tool-host-position: static;
-    --z-tool-submenu-top: auto;
-    --z-tool-submenu-bottom: calc(100% + calc(var(--space-unit) / 2));
-    --z-tool-submenu-left: 0;
-    --z-tool-submenu-transform: none;
+    gap: var(--border-size-small) calc(var(--space-unit) / 2);
+    grid-template-columns: repeat(var(--z-toolbar-columns, auto-fill), minmax(44px, auto));
   }
 
   ::slotted(z-divider) {
     display: none !important;
   }
-
-  ::slotted(z-tool) {
-    border-radius: var(--border-radius);
-  }
 }

package/dist/collection/components/z-tooltip/index.js

@@ -20,7 +20,7 @@ export class ZTooltip {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: 'fe8da17a58d70db3756fb35f8230d95b4546ee8a', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'cc8f284849ce1a08a6fdbe2b521006babd87de24' })));
+        return (h("z-popover", { key: '8290e0b20bc315ce438e6407ff40c51d227f719d', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: 'e4f62754fc30723f63f99b79d53d72310f2cae91' })));
     }
     static get is() { return "z-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -138,6 +138,24 @@ export class ZTooltip {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "openChange",
+                "name": "openChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Propagation of the `openChange` event from the internal `z-popover` to allow listening to it directly on `z-tooltip`.\nThis is necessary to keep the internal state of the `open` prop in sync when the popover is closed by user interaction instead of programmatically."
+                },
+                "complexType": {
+                    "original": "{open: boolean}",
+                    "resolved": "{ open: boolean; }",
+                    "references": {}
+                }
+            }];
+    }
     static get listeners() {
         return [{
                 "name": "openChange",

package/dist/collection/components/z-tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C;;;;;;;GAOG;AAMH,MAAM,OAAO,QAAQ;;wBAGS,eAAe,CAAC,IAAI;oBAIzC,KAAK;oBAML,KAAK;;wBAcD,IAAI;;IAKf,mBAAmB;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,kEACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,QACN,SAAS;YAET,8DAAa,CACH,CACb,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Listen, Prop, h} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\n@Component({\n  tag: \"z-tooltip\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTooltip {\n  /** Tooltip position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /** Enable tooltip dark mode. */\n  @Prop({reflect: true})\n  dark = false;\n\n  /**\n   * The open state of the tooltip.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the tooltip.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Reflects `closable` prop of the popover.\n   * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n   */\n  @Prop()\n  closable = true;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  @Listen(\"openChange\")\n  onPopoverOpenChange(): void {\n    this.open = this.popoverEl.open;\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <z-popover\n        ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n        bindTo={this.bindTo}\n        open={this.open}\n        position={this.position}\n        closable={this.closable}\n        center\n        showArrow\n      >\n        <slot></slot>\n      </z-popover>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C;;;;;;;GAOG;AAMH,MAAM,OAAO,QAAQ;;wBAGS,eAAe,CAAC,IAAI;oBAIzC,KAAK;oBAML,KAAK;;wBAcD,IAAI;;IAYf,mBAAmB;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,kEACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,QACN,SAAS,QACT,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAE3D,8DAAa,CACH,CACb,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\n@Component({\n  tag: \"z-tooltip\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTooltip {\n  /** Tooltip position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /** Enable tooltip dark mode. */\n  @Prop({reflect: true})\n  dark = false;\n\n  /**\n   * The open state of the tooltip.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the tooltip.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Reflects `closable` prop of the popover.\n   * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n   */\n  @Prop()\n  closable = true;\n\n  /**\n   * Propagation of the `openChange` event from the internal `z-popover` to allow listening to it directly on `z-tooltip`.\n   * This is necessary to keep the internal state of the `open` prop in sync when the popover is closed by user interaction instead of programmatically.\n   */\n  @Event()\n  openChange: EventEmitter<{open: boolean}>;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  @Listen(\"openChange\")\n  onPopoverOpenChange(): void {\n    this.open = this.popoverEl.open;\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <z-popover\n        ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n        bindTo={this.bindTo}\n        open={this.open}\n        position={this.position}\n        closable={this.closable}\n        center\n        showArrow\n        onOpenChange={(event) => this.openChange.emit(event.detail)}\n      >\n        <slot></slot>\n      </z-popover>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-visually-hidden/index.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ZVisuallyHidden {
     render() {
-        return h("slot", { key: '85eaf1a304d4100796ce8fcccdeeb768387db00b' });
+        return h("slot", { key: 'b76451842cf32ab957ee81e9b689e94e35256524' });
     }
     static get is() { return "z-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/constants/iconset.js

@@ -852,150 +852,160 @@ export const BUTTON_ICONS = {
     "virtual-reality-button": "M86 1000Q44 1000 22 977.5 0 955 0 914L0 86Q0 45 23 22.5 46 0 86 0L914 0Q955 0 977.5 22.5 1000 45 1000 86L1000 914Q1000 955 977.5 977.5 955 1000 914 1000L86 1000ZM295 365L295 315 235 315Q269 249 339 208 409 167 511 167 586 167 645 192.5 704 218 742.5 259.5 781 301 798 350L864 350Q846 288 797 232 748 176 673.5 141.5 599 107 508 107 393 107 311.5 158 230 209 188 285L188 216 137 216 137 365ZM705 635L705 685 765 685Q731 751 661 792 591 833 489 833 414 833 355 807.5 296 782 257.5 740.5 219 699 202 650L136 650Q154 712 203 768 252 824 326.5 858.5 401 893 492 893 607 893 688.5 842 770 791 812 715L812 784 863 784 863 635ZM427 606L492 400 439 400 404 534 368 400 311 400 376 606ZM564 531L579 531 615 606 674 606 632 524Q650 517 660 502 670 487 670 468 670 437 652.5 418.5 635 400 606 400L509 400 509 606 564 606ZM564 489L564 444 593 444Q611 444 611 462L611 471Q611 489 593 489Z",
     "word-button": "M86 1000Q44 1000 22 977.5 0 955 0 914L0 86Q0 45 23 22.5 46 0 86 0L914 0Q955 0 977.5 22.5 1000 45 1000 86L1000 914Q1000 955 977.5 977.5 955 1000 914 1000L86 1000ZM186 357L235 357 271 600 331 357 390 357 452 600 487 357 534 357 484 655 422 655 360 418 359 418 297 655 237 655ZM530 872Q542 875 554 875 602 875 602 819L602 771 786 771Q825 771 848 748.5 871 726 871 690L871 303Q871 262 847.5 241 824 220 781 220L602 220 602 175Q602 115 557 115 543 115 530 119L167 225Q144 231 135.5 245 127 259 127 283L127 716Q127 761 170 770L530 872ZM602 604L731 604 731 667 602 667ZM602 771L602 667ZM602 464L782 464 782 527 602 527ZM602 604L602 527ZM602 324L731 324 731 387 602 387ZM602 464L602 387ZM602 220L602 324Z",
 };
-export const ICONS = Object.assign(Object.assign(Object.assign({}, STROKE_ICONS), FILLED_ICONS), BUTTON_ICONS);
 // 0.x icons compatibility and deprecated icon names
 export const LEGACY_ICONS = {
-    "add-image": ICONS["image-add"],
-    "app-switcher-button": ICONS["app-switcher"],
-    "arrow-clockwise-down-left": ICONS["arrow-counterclockwise-down-left"],
-    "arrow-down": ICONS["arrow-simple-down"],
-    "arrow-left-rounded": ICONS["arrow-counterclockwise-up-left"],
-    "arrow-left-square": ICONS["arrow-square-left"],
-    "arrow-north-east-square": ICONS["arrow-square-north-east"],
-    "arrow-north-east": ICONS["arrow-simple-north-east"],
-    "arrow-north-west-square": ICONS["arrow-square-north-west"],
-    "arrow-north-west": ICONS["arrow-simple-north-west"],
-    "arrow-right-rounded": ICONS["arrow-clockwise-up-right"],
-    "arrow-right-square": ICONS["arrow-square-right"],
-    "arrow-small-left": ICONS["arrow-left"],
-    "arrow-small-right": ICONS["arrow-right"],
-    "arrow-south-east-square": ICONS["arrow-square-south-east"],
-    "arrow-south-east": ICONS["arrow-simple-south-east"],
-    "arrow-south-west-square": ICONS["arrow-square-south-west"],
-    "arrow-south-west": ICONS["arrow-simple-south-west"],
-    "arrow-up-and-down": ICONS["arrow-simple-up"],
-    "arrow-up": ICONS["arrow-simple-up"],
-    "artwork": ICONS["artworks"],
-    "ask-your-manager": ICONS["support"],
-    "black-circle": ICONS["circle-black"],
-    "black-nib": ICONS["nib"],
-    "black-sun-with-rays": ICONS["sun-with-rays-black"],
-    "book-add": ICONS["book-plus"],
-    "book-delete": ICONS["book-minus"],
-    "cart": ICONS["shopping-cart"],
-    "checkbox-selected": ICONS["checkbox-checked"],
-    "checkbox-unchecked": ICONS["checkbox"],
-    "chevron-down-circle": ICONS["chevron-circle-down"],
-    "chevron-left-circle": ICONS["chevron-circle-left"],
-    "chevron-right-circle": ICONS["chevron-circle-right"],
-    "chevron-up-circle": ICONS["chevron-circle-up"],
-    "circle-check": ICONS["checkmark-circle"],
-    "circle-chevron-down": ICONS["chevron-circle-down"],
-    "circle-chevron-left": ICONS["chevron-circle-left"],
-    "circle-chevron-up": ICONS["chevron-circle-up"],
-    "circle-cross-fill": ICONS["multiply-circled-filled"],
-    "circle-cross-stroke": ICONS["multiply-circled"],
-    "circle-cross": ICONS["multiply-circled-filled"],
-    "circle-plus": ICONS["plus-circled"],
-    "circle-warning": ICONS["exclamation-circle"],
-    "close": ICONS["multiply"],
-    "cloud-x": ICONS["cloud-delete"],
-    "club-black-suit": ICONS["suit-club"],
-    "cross": ICONS["multiply"],
-    "diamond-black-suit": ICONS["suit-diamond"],
-    "document-with-text": ICONS["document"],
-    "down-white-index": ICONS["index-down"],
-    "drop-down": ICONS["caret-down"],
-    "drop-up-down": ICONS["caret-up-down"],
-    "edit-picture": ICONS["image-edit"],
-    "electric-light-bulb": ICONS["light-bulb"],
-    "enter": ICONS["login"],
-    "exit": ICONS["logout"],
-    "external-link-down": ICONS["arrow-quad-down"],
-    "external-link-left": ICONS["arrow-quad-left"],
-    "external-link-right-up": ICONS["arrow-quad-north-east"],
-    "external-link-right": ICONS["arrow-quad-right"],
-    "frame-with-picture": ICONS["image"],
-    "heart-black-suit": ICONS["suit-heart"],
-    "helmsymbol": ICONS["helm"],
-    "house": ICONS["home"],
-    "informationsource": ICONS["info"],
-    "left-white-index": ICONS["index-left"],
-    "list-bulleted-square": ICONS["bulleted-list-square"],
-    "medium-black-square": ICONS["square-black"],
-    "medium-white-square": ICONS["square-white"],
-    "menu-burger": ICONS["burger-menu"],
-    "multiply-circle": ICONS["multiply-circled"],
-    "open-file-folder": ICONS["folder"],
-    "open-lock": ICONS["lock-open"],
-    "projection": ICONS["projection-room"],
-    "question-mark": ICONS["question-mark-circle"],
-    "right-white-index": ICONS["index-right"],
-    "spade-black-suit": ICONS["suit-spade"],
-    "strike-through-text": ICONS["strikethrough-text"],
-    "up-white-index": ICONS["index-up"],
-    "user": ICONS["user-avatar"],
-    "white-circle": ICONS["circle-white"],
-    "white-diamond": ICONS["diamond-white"],
-    "workplace-zanichelli": ICONS["workspace-zanichelli"],
+    "add-image": STROKE_ICONS["image-add"],
+    "app-switcher-button": STROKE_ICONS["app-switcher"],
+    "arrow-clockwise-down-left": STROKE_ICONS["arrow-counterclockwise-down-left"],
+    "arrow-down": STROKE_ICONS["arrow-simple-down"],
+    "arrow-left-rounded": STROKE_ICONS["arrow-counterclockwise-up-left"],
+    "arrow-left-square": STROKE_ICONS["arrow-square-left"],
+    "arrow-north-east-square": STROKE_ICONS["arrow-square-north-east"],
+    "arrow-north-east": STROKE_ICONS["arrow-simple-north-east"],
+    "arrow-north-west-square": STROKE_ICONS["arrow-square-north-west"],
+    "arrow-north-west": STROKE_ICONS["arrow-simple-north-west"],
+    "arrow-right-rounded": STROKE_ICONS["arrow-clockwise-up-right"],
+    "arrow-right-square": STROKE_ICONS["arrow-square-right"],
+    "arrow-small-left": STROKE_ICONS["arrow-left"],
+    "arrow-small-right": STROKE_ICONS["arrow-right"],
+    "arrow-south-east-square": STROKE_ICONS["arrow-square-south-east"],
+    "arrow-south-east": STROKE_ICONS["arrow-simple-south-east"],
+    "arrow-south-west-square": STROKE_ICONS["arrow-square-south-west"],
+    "arrow-south-west": STROKE_ICONS["arrow-simple-south-west"],
+    "arrow-up-and-down": STROKE_ICONS["arrow-simple-up"],
+    "arrow-up": STROKE_ICONS["arrow-simple-up"],
+    "artwork": STROKE_ICONS["artworks"],
+    "ask-your-manager": STROKE_ICONS["support"],
+    "black-circle": STROKE_ICONS["circle-black"],
+    "black-nib": STROKE_ICONS["nib"],
+    "black-sun-with-rays": STROKE_ICONS["sun-with-rays-black"],
+    "book-add": STROKE_ICONS["book-plus"],
+    "book-delete": STROKE_ICONS["book-minus"],
+    "cart": STROKE_ICONS["shopping-cart"],
+    "checkbox-selected": STROKE_ICONS["checkbox-checked"],
+    "checkbox-unchecked": STROKE_ICONS["checkbox"],
+    "chevron-down-circle": STROKE_ICONS["chevron-circle-down"],
+    "chevron-left-circle": STROKE_ICONS["chevron-circle-left"],
+    "chevron-right-circle": STROKE_ICONS["chevron-circle-right"],
+    "chevron-up-circle": STROKE_ICONS["chevron-circle-up"],
+    "circle-check": STROKE_ICONS["checkmark-circle"],
+    "circle-chevron-down": STROKE_ICONS["chevron-circle-down"],
+    "circle-chevron-left": STROKE_ICONS["chevron-circle-left"],
+    "circle-chevron-up": STROKE_ICONS["chevron-circle-up"],
+    "circle-cross-fill": STROKE_ICONS["multiply-circled-filled"],
+    "circle-cross-stroke": STROKE_ICONS["multiply-circled"],
+    "circle-cross": STROKE_ICONS["multiply-circled-filled"],
+    "circle-plus": STROKE_ICONS["plus-circled"],
+    "circle-warning": STROKE_ICONS["exclamation-circle"],
+    "close": STROKE_ICONS["multiply"],
+    "cloud-x": STROKE_ICONS["cloud-delete"],
+    "club-black-suit": STROKE_ICONS["suit-club"],
+    "cross": STROKE_ICONS["multiply"],
+    "diamond-black-suit": STROKE_ICONS["suit-diamond"],
+    "document-with-text": STROKE_ICONS["document"],
+    "down-white-index": STROKE_ICONS["index-down"],
+    "drop-down": STROKE_ICONS["caret-down"],
+    "drop-up-down": STROKE_ICONS["caret-up-down"],
+    "edit-picture": STROKE_ICONS["image-edit"],
+    "electric-light-bulb": STROKE_ICONS["light-bulb"],
+    "enter": STROKE_ICONS["login"],
+    "exit": STROKE_ICONS["logout"],
+    "external-link-down": STROKE_ICONS["arrow-quad-down"],
+    "external-link-left": STROKE_ICONS["arrow-quad-left"],
+    "external-link-right-up": STROKE_ICONS["arrow-quad-north-east"],
+    "external-link-right": STROKE_ICONS["arrow-quad-right"],
+    "frame-with-picture": STROKE_ICONS["image"],
+    "heart-black-suit": STROKE_ICONS["suit-heart"],
+    "helmsymbol": STROKE_ICONS["helm"],
+    "house": STROKE_ICONS["home"],
+    "informationsource": STROKE_ICONS["info"],
+    "left-white-index": STROKE_ICONS["index-left"],
+    "list-bulleted-square": STROKE_ICONS["bulleted-list-square"],
+    "medium-black-square": STROKE_ICONS["square-black"],
+    "medium-white-square": STROKE_ICONS["square-white"],
+    "menu-burger": STROKE_ICONS["burger-menu"],
+    "multiply-circle": STROKE_ICONS["multiply-circled"],
+    "open-file-folder": STROKE_ICONS["folder"],
+    "open-lock": STROKE_ICONS["lock-open"],
+    "projection": STROKE_ICONS["projection-room"],
+    "question-mark": STROKE_ICONS["question-mark-circle"],
+    "right-white-index": STROKE_ICONS["index-right"],
+    "spade-black-suit": STROKE_ICONS["suit-spade"],
+    "strike-through-text": STROKE_ICONS["strikethrough-text"],
+    "up-white-index": STROKE_ICONS["index-up"],
+    "user": STROKE_ICONS["user-avatar"],
+    "white-circle": STROKE_ICONS["circle-white"],
+    "white-diamond": STROKE_ICONS["diamond-white"],
+    "workplace-zanichelli": STROKE_ICONS["workspace-zanichelli"],
     // FILLED
-    "add-image-filled": ICONS["image-add-filled"],
-    "arrow-clockwise-down-left-filled": ICONS["arrow-counterclockwise-down-left-filled"],
-    "arrow-down-filled": ICONS["arrow-simple-down-filled"],
-    "arrow-left-rounded-filled": ICONS["arrow-counterclockwise-up-left-filled"],
-    "arrow-left-square-filled": ICONS["arrow-square-left-filled"],
-    "arrow-north-east-filled": ICONS["arrow-simple-north-east-filled"],
-    "arrow-north-east-square-filled": ICONS["arrow-square-north-east-filled"],
-    "arrow-north-west-filled": ICONS["arrow-simple-north-west-filled"],
-    "arrow-north-west-square-filled": ICONS["arrow-square-north-west-filled"],
-    "arrow-right-rounded-filled": ICONS["arrow-clockwise-up-right-filled"],
-    "arrow-right-square-filled": ICONS["arrow-square-right-filled"],
-    "arrow-small-left-filled": ICONS["arrow-left-filled"],
-    "arrow-small-right-filled": ICONS["arrow-right-filled"],
-    "arrow-south-east-filled": ICONS["arrow-simple-south-east-filled"],
-    "arrow-south-east-square-filled": ICONS["arrow-square-south-east-filled"],
-    "arrow-south-west-filled": ICONS["arrow-simple-south-west-filled"],
-    "arrow-south-west-square-filled": ICONS["arrow-square-south-west-filled"],
-    "arrow-up-and-down-filled": ICONS["arrow-simple-up-filled"],
-    "arrow-up-filled": ICONS["arrow-simple-up-filled"],
-    "artwork-filled": ICONS["artworks-filled"],
-    "black-circle-filled": ICONS["circle-black-filled"],
-    "black-nib-filled": ICONS["nib-filled"],
-    "black-sun-with-rays-filled": ICONS["sun-with-rays-black-filled"],
-    "chevron-down-circle-filled": ICONS["chevron-circle-down-filled"],
-    "chevron-left-circle-filled": ICONS["chevron-circle-left-filled"],
-    "chevron-right-circle-filled": ICONS["chevron-circle-right-filled"],
-    "chevron-up-circle-filled": ICONS["chevron-circle-up-filled"],
-    "cloud-x-filled": ICONS["cloud-delete-filled"],
-    "club-black-suit-filled": ICONS["suit-club-filled"],
-    "diamond-black-suit-filled": ICONS["suit-diamond-filled"],
-    "document-with-text-filled": ICONS["document-filled"],
-    "down-white-index-filled": ICONS["index-down-filled"],
-    "edit-picture-filled": ICONS["image-edit-filled"],
-    "electric-light-bulb-filled": ICONS["light-bulb-filled"],
-    "frame-with-picture-filled": ICONS["image-filled"],
-    "heart-black-suit-filled": ICONS["suit-heart-filled"],
-    "helmsymbol-filled": ICONS["helm-filled"],
-    "house-filled": ICONS["home-filled"],
-    "informationsource-filled": ICONS["info-filled"],
-    "left-white-index-filled": ICONS["index-left-filled"],
-    "list-bulleted-square-filled": ICONS["bulleted-list-square-filled"],
-    "medium-black-square-filled": ICONS["square-black-filled"],
-    "medium-white-square-filled": ICONS["square-white-filled"],
-    "multiply-circle-filled": ICONS["multiply-circled-filled"],
-    "open-file-folder-filled": ICONS["folder-filled"],
-    "open-lock-filled": ICONS["lock-open-filled"],
-    "projection-filled": ICONS["projection-room-filled"],
-    "right-white-index-filled": ICONS["index-right-filled"],
-    "spade-black-suit-filled": ICONS["suit-spade-filled"],
-    "strike-through-text-filled": ICONS["strikethrough-text-filled"],
-    "up-white-index-filled": ICONS["index-up-filled"],
-    "white-circle-filled": ICONS["circle-white-filled"],
-    "white-diamond-filled": ICONS["diamond-white-filled"],
-    "workplace-zanichelli-filled": ICONS["workspace-zanichelli-filled"],
+    "add-image-filled": FILLED_ICONS["image-add-filled"],
+    "arrow-clockwise-down-left-filled": FILLED_ICONS["arrow-counterclockwise-down-left-filled"],
+    "arrow-down-filled": FILLED_ICONS["arrow-simple-down-filled"],
+    "arrow-left-rounded-filled": FILLED_ICONS["arrow-counterclockwise-up-left-filled"],
+    "arrow-left-square-filled": FILLED_ICONS["arrow-square-left-filled"],
+    "arrow-north-east-filled": FILLED_ICONS["arrow-simple-north-east-filled"],
+    "arrow-north-east-square-filled": FILLED_ICONS["arrow-square-north-east-filled"],
+    "arrow-north-west-filled": FILLED_ICONS["arrow-simple-north-west-filled"],
+    "arrow-north-west-square-filled": FILLED_ICONS["arrow-square-north-west-filled"],
+    "arrow-right-rounded-filled": FILLED_ICONS["arrow-clockwise-up-right-filled"],
+    "arrow-right-square-filled": FILLED_ICONS["arrow-square-right-filled"],
+    "arrow-small-left-filled": FILLED_ICONS["arrow-left-filled"],
+    "arrow-small-right-filled": FILLED_ICONS["arrow-right-filled"],
+    "arrow-south-east-filled": FILLED_ICONS["arrow-simple-south-east-filled"],
+    "arrow-south-east-square-filled": FILLED_ICONS["arrow-square-south-east-filled"],
+    "arrow-south-west-filled": FILLED_ICONS["arrow-simple-south-west-filled"],
+    "arrow-south-west-square-filled": FILLED_ICONS["arrow-square-south-west-filled"],
+    "arrow-up-and-down-filled": FILLED_ICONS["arrow-simple-up-filled"],
+    "arrow-up-filled": FILLED_ICONS["arrow-simple-up-filled"],
+    "artwork-filled": FILLED_ICONS["artworks-filled"],
+    "black-circle-filled": FILLED_ICONS["circle-black-filled"],
+    "black-nib-filled": FILLED_ICONS["nib-filled"],
+    "black-sun-with-rays-filled": FILLED_ICONS["sun-with-rays-black-filled"],
+    "chevron-down-circle-filled": FILLED_ICONS["chevron-circle-down-filled"],
+    "chevron-left-circle-filled": FILLED_ICONS["chevron-circle-left-filled"],
+    "chevron-right-circle-filled": FILLED_ICONS["chevron-circle-right-filled"],
+    "chevron-up-circle-filled": FILLED_ICONS["chevron-circle-up-filled"],
+    "cloud-x-filled": FILLED_ICONS["cloud-delete-filled"],
+    "club-black-suit-filled": FILLED_ICONS["suit-club-filled"],
+    "diamond-black-suit-filled": FILLED_ICONS["suit-diamond-filled"],
+    "document-with-text-filled": FILLED_ICONS["document-filled"],
+    "down-white-index-filled": FILLED_ICONS["index-down-filled"],
+    "edit-picture-filled": FILLED_ICONS["image-edit-filled"],
+    "electric-light-bulb-filled": FILLED_ICONS["light-bulb-filled"],
+    "frame-with-picture-filled": FILLED_ICONS["image-filled"],
+    "heart-black-suit-filled": FILLED_ICONS["suit-heart-filled"],
+    "helmsymbol-filled": FILLED_ICONS["helm-filled"],
+    "house-filled": FILLED_ICONS["home-filled"],
+    "informationsource-filled": FILLED_ICONS["info-filled"],
+    "left-white-index-filled": FILLED_ICONS["index-left-filled"],
+    "list-bulleted-square-filled": FILLED_ICONS["bulleted-list-square-filled"],
+    "medium-black-square-filled": FILLED_ICONS["square-black-filled"],
+    "medium-white-square-filled": FILLED_ICONS["square-white-filled"],
+    "multiply-circle-filled": FILLED_ICONS["multiply-circled-filled"],
+    "open-file-folder-filled": FILLED_ICONS["folder-filled"],
+    "open-lock-filled": FILLED_ICONS["lock-open-filled"],
+    "projection-filled": FILLED_ICONS["projection-room-filled"],
+    "right-white-index-filled": FILLED_ICONS["index-right-filled"],
+    "spade-black-suit-filled": FILLED_ICONS["suit-spade-filled"],
+    "strike-through-text-filled": FILLED_ICONS["strikethrough-text-filled"],
+    "up-white-index-filled": FILLED_ICONS["index-up-filled"],
+    "white-circle-filled": FILLED_ICONS["circle-white-filled"],
+    "white-diamond-filled": FILLED_ICONS["diamond-white-filled"],
+    "workplace-zanichelli-filled": FILLED_ICONS["workspace-zanichelli-filled"],
 };
-Object.assign(ICONS, LEGACY_ICONS);
-// Temporary override of the burger menu icon with text with the one without text
-Object.assign(ICONS, { "burger-menu": ICONS["burger-menu-mobile"] });
-Object.assign(ICONS, { "burger-menu-filled": ICONS["burger-menu-mobile-filled"] });
+export const ICONS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, STROKE_ICONS), FILLED_ICONS), BUTTON_ICONS), LEGACY_ICONS), {
+    // Temporary override of the burger menu icon with text with the one without text
+    "burger-menu": STROKE_ICONS["burger-menu-mobile"], "burger-menu-filled": FILLED_ICONS["burger-menu-mobile-filled"]
+});
+/** List of icons that have a color indicator. */
+export const COLOR_INDICATOR_ICONS = [
+    "bg-color",
+    "font-color",
+    "picker-color",
+    "stroke-color",
+    "bg-color-filled",
+    "font-color-filled",
+    "picker-color-filled",
+    "stroke-color-filled",
+];
 //# sourceMappingURL=iconset.js.map