@limetech/lime-elements 37.49.3 → 37.49.5

package/dist/collection/components/banner/banner.css

@@ -100,6 +100,10 @@
   padding: 1rem;
   flex-wrap: wrap;
 }
+.lime-banner .icon-message {
+  display: flex;
+  align-items: center;
+}
 .lime-banner div[class^=mdc-typography] {
   color: rgb(var(--contrast-1200));
 }
@@ -115,4 +119,18 @@
 .lime-banner limel-icon {
   color: var(--banner-icon-fill-color, rgb(var(--contrast-100)));
   background-color: var(--banner-icon-background-color, rgb(var(--contrast-800)));
+}
+
+@media screen and (max-width: 760px) {
+  .lime-banner__content {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+  .icon-message {
+    display: flex;
+    align-items: center;
+  }
+  .lime-banner__actions {
+    margin-left: 0;
+  }
 }

package/dist/collection/components/banner/banner.js

@@ -22,7 +22,7 @@ export class Banner {
     this.isOpen = false;
   }
   render() {
-    return (h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { class: "lime-banner__surface" }, h("div", { class: "lime-banner__content" }, this.renderIcon(), h("div", null, this.message), h("div", { class: "lime-banner__actions" }, h("slot", { name: "buttons" }))))));
+    return (h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { class: "lime-banner__surface" }, h("div", { class: "lime-banner__content" }, h("div", { class: "icon-message" }, this.renderIcon(), h("div", null, this.message)), h("div", { class: "lime-banner__actions" }, h("slot", { name: "buttons" }))))));
   }
   renderIcon() {
     if (!this.icon) {

package/dist/collection/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAElE;;;GAGG;AAMH,MAAM,OAAO,MAAM;;;;kBAcE,KAAK;;EAEtB;;KAEG;EAEI,KAAK,CAAC,IAAI;IACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;EACvB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,KAAK;IACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;EACxB,CAAC;EAEM,MAAM;IACT,OAAO,CACH,WACI,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE;MAE9D,WAAK,KAAK,EAAC,sBAAsB;QAC7B,WAAK,KAAK,EAAC,sBAAsB;UAC5B,IAAI,CAAC,UAAU,EAAE;UAClB,eAAM,IAAI,CAAC,OAAO,CAAO;UACzB,WAAK,KAAK,EAAC,sBAAsB;YAC7B,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACJ,CACJ,CACT,CAAC;EACN,CAAC;EAEO,UAAU;IACd,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,OAAO,CACH,WAAK,KAAK,EAAC,mBAAmB;MAC1B,kBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CACvD,CACT,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Method, Prop, State } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-banner\n * @slot buttons - Buttons to show in the banner\n */\n@Component({\n    tag: 'limel-banner',\n    shadow: true,\n    styleUrl: 'banner.scss',\n})\nexport class Banner {\n    /**\n     * The text to show on the banner.\n     */\n    @Prop({ reflect: true })\n    public message: string;\n\n    /**\n     * Set icon for the banner\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    @State()\n    private isOpen = false;\n\n    /**\n     * Open the banner\n     */\n    @Method()\n    public async open() {\n        this.isOpen = true;\n    }\n\n    /**\n     * Close the banner\n     */\n    @Method()\n    public async close() {\n        this.isOpen = false;\n    }\n\n    public render() {\n        return (\n            <div\n                class={`lime-banner ${this.isOpen ? 'lime-banner--open' : ''}`}\n            >\n                <div class=\"lime-banner__surface\">\n                    <div class=\"lime-banner__content\">\n                        {this.renderIcon()}\n                        <div>{this.message}</div>\n                        <div class=\"lime-banner__actions\">\n                            <slot name=\"buttons\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    private renderIcon(): HTMLElement {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <div class=\"lime-banner__icon\">\n                <limel-icon name={this.icon} badge={true} size=\"large\" />\n            </div>\n        );\n    }\n}\n"]}
+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAElE;;;GAGG;AAMH,MAAM,OAAO,MAAM;;;;kBAcE,KAAK;;EAEtB;;KAEG;EAEI,KAAK,CAAC,IAAI;IACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;EACvB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,KAAK;IACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;EACxB,CAAC;EAEM,MAAM;IACT,OAAO,CACH,WACI,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE;MAE9D,WAAK,KAAK,EAAC,sBAAsB;QAC7B,WAAK,KAAK,EAAC,sBAAsB;UAC7B,WAAK,KAAK,EAAC,cAAc;YACpB,IAAI,CAAC,UAAU,EAAE;YAClB,eAAM,IAAI,CAAC,OAAO,CAAO,CACvB;UACN,WAAK,KAAK,EAAC,sBAAsB;YAC7B,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACJ,CACJ,CACT,CAAC;EACN,CAAC;EAEO,UAAU;IACd,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,OAAO,CACH,WAAK,KAAK,EAAC,mBAAmB;MAC1B,kBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CACvD,CACT,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Method, Prop, State } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-banner\n * @slot buttons - Buttons to show in the banner\n */\n@Component({\n    tag: 'limel-banner',\n    shadow: true,\n    styleUrl: 'banner.scss',\n})\nexport class Banner {\n    /**\n     * The text to show on the banner.\n     */\n    @Prop({ reflect: true })\n    public message: string;\n\n    /**\n     * Set icon for the banner\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    @State()\n    private isOpen = false;\n\n    /**\n     * Open the banner\n     */\n    @Method()\n    public async open() {\n        this.isOpen = true;\n    }\n\n    /**\n     * Close the banner\n     */\n    @Method()\n    public async close() {\n        this.isOpen = false;\n    }\n\n    public render() {\n        return (\n            <div\n                class={`lime-banner ${this.isOpen ? 'lime-banner--open' : ''}`}\n            >\n                <div class=\"lime-banner__surface\">\n                    <div class=\"lime-banner__content\">\n                        <div class=\"icon-message\">\n                            {this.renderIcon()}\n                            <div>{this.message}</div>\n                        </div>\n                        <div class=\"lime-banner__actions\">\n                            <slot name=\"buttons\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    private renderIcon(): HTMLElement {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <div class=\"lime-banner__icon\">\n                <limel-icon name={this.icon} badge={true} size=\"large\" />\n            </div>\n        );\n    }\n}\n"]}

package/dist/collection/components/markdown/markdown-parser.js

@@ -24,7 +24,7 @@ import { sanitizeStyle } from './sanitize-style';
  */
 export async function markdownToHTML(text, options) {
   if (options === null || options === void 0 ? void 0 : options.forceHardLineBreaks) {
-    text = text.replace(/([\n\r])/g, '  $1');
+    text = text.replace(/(?<!\\)([\n\r])/g, '  $1');
   }
   const file = await unified()
     .use(remarkParse)

package/dist/collection/components/markdown/markdown-parser.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-parser.js","sourceRoot":"","sources":["../../../src/components/markdown/markdown-parser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,cAAc,EAAE,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAChC,IAAY,EACZ,OAA+B;EAE/B,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,EAAE;IAC9B,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;GAC5C;EAED,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE;KACvB,GAAG,CAAC,WAAW,CAAC;KAChB,GAAG,CAAC,SAAS,CAAC;KACd,GAAG,CAAC,YAAY,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;KAC/C,GAAG,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KAC9C,GAAG,CAAC,SAAS,CAAC;KACd,GAAG,CAAC,cAAc,kCACZ,aAAa;IAChB,8CAA8C;IAC9C,UAAU,kCACH,aAAa,CAAC,UAAU,KAC3B,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAE7B;KACD,GAAG,CAAC,GAAG,EAAE;IACN,OAAO,CAAC,IAAS,EAAE,EAAE;MACjB,8DAA8D;MAC9D,uDAAuD;MACvD,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;IAC1C,CAAC,CAAC;EACN,CAAC,CAAC;KACD,GAAG,CAAC,eAAe,CAAC;KACpB,OAAO,CAAC,IAAI,CAAC,CAAC;EAEnB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC3B,CAAC","sourcesContent":["import { unified } from 'unified';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport remarkGfm from 'remark-gfm';\nimport rehypeExternalLinks from 'rehype-external-links';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport rehypeStringify from 'rehype-stringify';\nimport rehypeRaw from 'rehype-raw';\nimport { visit } from 'unist-util-visit';\nimport { sanitizeStyle } from './sanitize-style';\n\n/**\n * Takes a string as input and returns a new string\n * where the text has been converted to HTML.\n *\n * If the text is formatted with .md markdown, it will\n * be transformed to HTML.\n *\n * If the text already is in HTML it will be sanitized and\n * \"dangerous\" tags such as <script> will be removed.\n *\n * @param text - The string to convert.\n * @param options - Options for the conversions.\n * @returns The resulting HTML.\n */\nexport async function markdownToHTML(\n    text: string,\n    options?: markdownToHTMLOptions,\n): Promise<string> {\n    if (options?.forceHardLineBreaks) {\n        text = text.replace(/([\\n\\r])/g, '  $1');\n    }\n\n    const file = await unified()\n        .use(remarkParse)\n        .use(remarkGfm)\n        .use(remarkRehype, { allowDangerousHtml: true })\n        .use(rehypeExternalLinks, { target: '_blank' })\n        .use(rehypeRaw)\n        .use(rehypeSanitize, {\n            ...defaultSchema,\n            // Allow the `style` attribute on all elements\n            attributes: {\n                ...defaultSchema.attributes,\n                '*': ['style', 'width'],\n            },\n        })\n        .use(() => {\n            return (tree: any) => {\n                // Run the sanitizeStyle function on all elements, to sanitize\n                // the value of the `style` attribute, if there is one.\n                visit(tree, 'element', sanitizeStyle);\n            };\n        })\n        .use(rehypeStringify)\n        .process(text);\n\n    return file.toString();\n}\n\n/**\n * Options for markdownToHTML.\n */\nexport interface markdownToHTMLOptions {\n    /**\n     * Set to `true` to convert all soft line breaks to hard line breaks.\n     */\n    forceHardLineBreaks?: boolean;\n}\n"]}
+{"version":3,"file":"markdown-parser.js","sourceRoot":"","sources":["../../../src/components/markdown/markdown-parser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,cAAc,EAAE,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAChC,IAAY,EACZ,OAA+B;EAE/B,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,EAAE;IAC9B,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;GACnD;EAED,MAAM,IAAI,GAAG,MAAM,OAAO,EAAE;KACvB,GAAG,CAAC,WAAW,CAAC;KAChB,GAAG,CAAC,SAAS,CAAC;KACd,GAAG,CAAC,YAAY,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;KAC/C,GAAG,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KAC9C,GAAG,CAAC,SAAS,CAAC;KACd,GAAG,CAAC,cAAc,kCACZ,aAAa;IAChB,8CAA8C;IAC9C,UAAU,kCACH,aAAa,CAAC,UAAU,KAC3B,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAE7B;KACD,GAAG,CAAC,GAAG,EAAE;IACN,OAAO,CAAC,IAAS,EAAE,EAAE;MACjB,8DAA8D;MAC9D,uDAAuD;MACvD,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;IAC1C,CAAC,CAAC;EACN,CAAC,CAAC;KACD,GAAG,CAAC,eAAe,CAAC;KACpB,OAAO,CAAC,IAAI,CAAC,CAAC;EAEnB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC3B,CAAC","sourcesContent":["import { unified } from 'unified';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport remarkGfm from 'remark-gfm';\nimport rehypeExternalLinks from 'rehype-external-links';\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize';\nimport rehypeStringify from 'rehype-stringify';\nimport rehypeRaw from 'rehype-raw';\nimport { visit } from 'unist-util-visit';\nimport { sanitizeStyle } from './sanitize-style';\n\n/**\n * Takes a string as input and returns a new string\n * where the text has been converted to HTML.\n *\n * If the text is formatted with .md markdown, it will\n * be transformed to HTML.\n *\n * If the text already is in HTML it will be sanitized and\n * \"dangerous\" tags such as <script> will be removed.\n *\n * @param text - The string to convert.\n * @param options - Options for the conversions.\n * @returns The resulting HTML.\n */\nexport async function markdownToHTML(\n    text: string,\n    options?: markdownToHTMLOptions,\n): Promise<string> {\n    if (options?.forceHardLineBreaks) {\n        text = text.replace(/(?<!\\\\)([\\n\\r])/g, '  $1');\n    }\n\n    const file = await unified()\n        .use(remarkParse)\n        .use(remarkGfm)\n        .use(remarkRehype, { allowDangerousHtml: true })\n        .use(rehypeExternalLinks, { target: '_blank' })\n        .use(rehypeRaw)\n        .use(rehypeSanitize, {\n            ...defaultSchema,\n            // Allow the `style` attribute on all elements\n            attributes: {\n                ...defaultSchema.attributes,\n                '*': ['style', 'width'],\n            },\n        })\n        .use(() => {\n            return (tree: any) => {\n                // Run the sanitizeStyle function on all elements, to sanitize\n                // the value of the `style` attribute, if there is one.\n                visit(tree, 'element', sanitizeStyle);\n            };\n        })\n        .use(rehypeStringify)\n        .process(text);\n\n    return file.toString();\n}\n\n/**\n * Options for markdownToHTML.\n */\nexport interface markdownToHTMLOptions {\n    /**\n     * Set to `true` to convert all soft line breaks to hard line breaks.\n     */\n    forceHardLineBreaks?: boolean;\n}\n"]}

package/dist/esm/limel-banner.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-6156b4fd.js';
 
-const bannerCss = ":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.lime-banner{min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}";
+const bannerCss = ":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.lime-banner{min-height:3.25rem;display:none;background-color:rgba(var(--contrast-100), 0.7);backdrop-filter:blur(0.3125rem);box-shadow:var(--shadow-depth-16)}.lime-banner.lime-banner--open{display:block}.lime-banner.lime-banner--open .lime-banner__surface{opacity:1}.lime-banner .lime-banner__surface{display:flex;justify-content:center;box-sizing:border-box;opacity:0}.lime-banner .lime-banner__content{display:flex;align-items:center;align-content:stretch;padding:1rem;flex-wrap:wrap}.lime-banner .icon-message{display:flex;align-items:center}.lime-banner div[class^=mdc-typography]{color:rgb(var(--contrast-1200))}.lime-banner .lime-banner__icon{margin:0 0.625rem;align-self:flex-start}.lime-banner .lime-banner__actions{margin-left:3.125rem;display:flex;justify-content:flex-end}.lime-banner limel-icon{color:var(--banner-icon-fill-color, rgb(var(--contrast-100)));background-color:var(--banner-icon-background-color, rgb(var(--contrast-800)))}@media screen and (max-width: 760px){.lime-banner__content{flex-direction:column;gap:0.5rem}.icon-message{display:flex;align-items:center}.lime-banner__actions{margin-left:0}}";
 
 const Banner = class {
   constructor(hostRef) {
@@ -22,7 +22,7 @@ const Banner = class {
     this.isOpen = false;
   }
   render() {
-    return (h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { class: "lime-banner__surface" }, h("div", { class: "lime-banner__content" }, this.renderIcon(), h("div", null, this.message), h("div", { class: "lime-banner__actions" }, h("slot", { name: "buttons" }))))));
+    return (h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { class: "lime-banner__surface" }, h("div", { class: "lime-banner__content" }, h("div", { class: "icon-message" }, this.renderIcon(), h("div", null, this.message)), h("div", { class: "lime-banner__actions" }, h("slot", { name: "buttons" }))))));
   }
   renderIcon() {
     if (!this.icon) {

package/dist/esm/limel-banner.entry.js.map

@@ -1 +1 @@
-{"file":"limel-banner.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,2gEAA2gE;;MCWhhE,MAAM;;;;;kBAcE,KAAK;;;;;EAMf,MAAM,IAAI;IACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;GACtB;;;;EAMM,MAAM,KAAK;IACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;GACvB;EAEM,MAAM;IACT,QACI,WACI,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM,GAAG,mBAAmB,GAAG,EAAE,EAAE,IAE9D,WAAK,KAAK,EAAC,sBAAsB,IAC7B,WAAK,KAAK,EAAC,sBAAsB,IAC5B,IAAI,CAAC,UAAU,EAAE,EAClB,eAAM,IAAI,CAAC,OAAO,CAAO,EACzB,WAAK,KAAK,EAAC,sBAAsB,IAC7B,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACJ,CACJ,EACR;GACL;EAEO,UAAU;IACd,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,QACI,WAAK,KAAK,EAAC,mBAAmB,IAC1B,kBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CACvD,EACR;GACL;;;;;;","names":[],"sources":["./src/components/banner/banner.scss?tag=limel-banner&encapsulation=shadow","./src/components/banner/banner.tsx"],"sourcesContent":["@use '../../style/internal/lime-theme';\n@use '../../style/internal/variables';\n@use '../../style/functions';\n\n/**\n * @prop --banner-icon-fill-color: Color of the banner icon.\n * @prop --banner-icon-background-color: Background color of the banner icon.\n */\n\n.lime-banner {\n    min-height: variables.$lime-banner-height;\n    display: none;\n    background-color: rgba(var(--contrast-100), 0.7);\n    backdrop-filter: blur(functions.pxToRem(5));\n    box-shadow: var(--shadow-depth-16);\n\n    &.lime-banner--open {\n        display: block;\n        .lime-banner__surface {\n            opacity: 1;\n        }\n    }\n    .lime-banner__surface {\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n        opacity: 0;\n    }\n\n    .lime-banner__content {\n        display: flex;\n        align-items: center;\n        align-content: stretch;\n        padding: functions.pxToRem(16);\n        flex-wrap: wrap;\n    }\n\n    div[class^='mdc-typography'] {\n        color: rgb(var(--contrast-1200));\n    }\n\n    .lime-banner__icon {\n        margin: 0 functions.pxToRem(10);\n        align-self: flex-start;\n    }\n\n    .lime-banner__actions {\n        margin-left: functions.pxToRem(50);\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    limel-icon {\n        color: var(--banner-icon-fill-color, rgb(var(--contrast-100)));\n        background-color: var(\n            --banner-icon-background-color,\n            rgb(var(--contrast-800))\n        );\n    }\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-banner\n * @slot buttons - Buttons to show in the banner\n */\n@Component({\n    tag: 'limel-banner',\n    shadow: true,\n    styleUrl: 'banner.scss',\n})\nexport class Banner {\n    /**\n     * The text to show on the banner.\n     */\n    @Prop({ reflect: true })\n    public message: string;\n\n    /**\n     * Set icon for the banner\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    @State()\n    private isOpen = false;\n\n    /**\n     * Open the banner\n     */\n    @Method()\n    public async open() {\n        this.isOpen = true;\n    }\n\n    /**\n     * Close the banner\n     */\n    @Method()\n    public async close() {\n        this.isOpen = false;\n    }\n\n    public render() {\n        return (\n            <div\n                class={`lime-banner ${this.isOpen ? 'lime-banner--open' : ''}`}\n            >\n                <div class=\"lime-banner__surface\">\n                    <div class=\"lime-banner__content\">\n                        {this.renderIcon()}\n                        <div>{this.message}</div>\n                        <div class=\"lime-banner__actions\">\n                            <slot name=\"buttons\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    private renderIcon(): HTMLElement {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <div class=\"lime-banner__icon\">\n                <limel-icon name={this.icon} badge={true} size=\"large\" />\n            </div>\n        );\n    }\n}\n"],"version":3}
+{"file":"limel-banner.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,qvEAAqvE;;MCW1vE,MAAM;;;;;kBAcE,KAAK;;;;;EAMf,MAAM,IAAI;IACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;GACtB;;;;EAMM,MAAM,KAAK;IACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;GACvB;EAEM,MAAM;IACT,QACI,WACI,KAAK,EAAE,eAAe,IAAI,CAAC,MAAM,GAAG,mBAAmB,GAAG,EAAE,EAAE,IAE9D,WAAK,KAAK,EAAC,sBAAsB,IAC7B,WAAK,KAAK,EAAC,sBAAsB,IAC7B,WAAK,KAAK,EAAC,cAAc,IACpB,IAAI,CAAC,UAAU,EAAE,EAClB,eAAM,IAAI,CAAC,OAAO,CAAO,CACvB,EACN,WAAK,KAAK,EAAC,sBAAsB,IAC7B,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACJ,CACJ,EACR;GACL;EAEO,UAAU;IACd,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,QACI,WAAK,KAAK,EAAC,mBAAmB,IAC1B,kBAAY,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CACvD,EACR;GACL;;;;;;","names":[],"sources":["./src/components/banner/banner.scss?tag=limel-banner&encapsulation=shadow","./src/components/banner/banner.tsx"],"sourcesContent":["@use '../../style/internal/lime-theme';\n@use '../../style/internal/variables';\n@use '../../style/functions';\n\n/**\n * @prop --banner-icon-fill-color: Color of the banner icon.\n * @prop --banner-icon-background-color: Background color of the banner icon.\n */\n\n.lime-banner {\n    min-height: variables.$lime-banner-height;\n    display: none;\n    background-color: rgba(var(--contrast-100), 0.7);\n    backdrop-filter: blur(functions.pxToRem(5));\n    box-shadow: var(--shadow-depth-16);\n\n    &.lime-banner--open {\n        display: block;\n        .lime-banner__surface {\n            opacity: 1;\n        }\n    }\n    .lime-banner__surface {\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n        opacity: 0;\n    }\n\n    .lime-banner__content {\n        display: flex;\n        align-items: center;\n        align-content: stretch;\n        padding: functions.pxToRem(16);\n        flex-wrap: wrap;\n    }\n\n    .icon-message {\n        display: flex;\n        align-items: center;\n    }\n\n    div[class^='mdc-typography'] {\n        color: rgb(var(--contrast-1200));\n    }\n\n    .lime-banner__icon {\n        margin: 0 functions.pxToRem(10);\n        align-self: flex-start;\n    }\n\n    .lime-banner__actions {\n        margin-left: functions.pxToRem(50);\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    limel-icon {\n        color: var(--banner-icon-fill-color, rgb(var(--contrast-100)));\n        background-color: var(\n            --banner-icon-background-color,\n            rgb(var(--contrast-800))\n        );\n    }\n}\n@media screen and (max-width: 760px) {\n    .lime-banner__content {\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n    .icon-message {\n        display: flex;\n        align-items: center;\n    }\n    .lime-banner__actions {\n        margin-left: 0;\n    }\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-banner\n * @slot buttons - Buttons to show in the banner\n */\n@Component({\n    tag: 'limel-banner',\n    shadow: true,\n    styleUrl: 'banner.scss',\n})\nexport class Banner {\n    /**\n     * The text to show on the banner.\n     */\n    @Prop({ reflect: true })\n    public message: string;\n\n    /**\n     * Set icon for the banner\n     */\n    @Prop({ reflect: true })\n    public icon: string;\n\n    @State()\n    private isOpen = false;\n\n    /**\n     * Open the banner\n     */\n    @Method()\n    public async open() {\n        this.isOpen = true;\n    }\n\n    /**\n     * Close the banner\n     */\n    @Method()\n    public async close() {\n        this.isOpen = false;\n    }\n\n    public render() {\n        return (\n            <div\n                class={`lime-banner ${this.isOpen ? 'lime-banner--open' : ''}`}\n            >\n                <div class=\"lime-banner__surface\">\n                    <div class=\"lime-banner__content\">\n                        <div class=\"icon-message\">\n                            {this.renderIcon()}\n                            <div>{this.message}</div>\n                        </div>\n                        <div class=\"lime-banner__actions\">\n                            <slot name=\"buttons\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    private renderIcon(): HTMLElement {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <div class=\"lime-banner__icon\">\n                <limel-icon name={this.icon} badge={true} size=\"large\" />\n            </div>\n        );\n    }\n}\n"],"version":3}

package/dist/esm/limel-markdown.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-6156b4fd.js';
-import { m as markdownToHTML } from './markdown-parser-2ab3dab9.js';
+import { m as markdownToHTML } from './markdown-parser-1159e000.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 
 const markdownCss = "@charset \"UTF-8\";code{font-family:ui-monospace, \"Cascadia Code\", \"Source Code Pro\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;font-size:0.8125rem;letter-spacing:-0.0125rem;color:rgb(var(--contrast-1300));-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;display:inline-block;border-radius:0.25rem;padding:0.03125rem 0.25rem;background-color:rgb(var(--contrast-600))}pre>code{display:block;margin:0.5rem 0;padding:0.5rem 0.75rem;overflow:auto;white-space:pre-wrap}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:0.875rem}h6{font-size:0.75rem}h1,h2{margin-top:0.5rem;margin-bottom:0.5rem;letter-spacing:-0.03125rem;font-weight:500}h3,h4{margin-top:0.75rem;margin-bottom:0.25rem;font-weight:600}h5,h6{margin-top:0.5rem;margin-bottom:0.125rem;font-weight:600}h1,h2,h3,h4,h5,h6{word-break:break-word;hyphens:auto;-webkit-hyphens:auto}:not([contenteditable=true]) h1,:not([contenteditable=true]) h2,:not([contenteditable=true]) h3,:not([contenteditable=true]) h4,:not([contenteditable=true]) h5,:not([contenteditable=true]) h6{text-wrap:balance}[contenteditable=true] h1,[contenteditable=true] h2,[contenteditable=true] h3,[contenteditable=true] h4,[contenteditable=true] h5,[contenteditable=true] h6{text-wrap:initial}:host(limel-markdown.truncate-paragraphs) p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p,li{font-size:0.875rem;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}a{word-break:break-all}p{margin-top:0;margin-bottom:0.5rem}p:only-child{margin-bottom:0}a{transition:color 0.2s ease;color:var(--markdown-hyperlink-color, rgb(var(--color-blue-dark)));text-decoration:none}a:hover{color:var(--markdown-hyperlink-color--hovered, rgb(var(--color-blue-default)))}hr{margin:1.75rem 0 2rem 0;border-width:0;border-top:1px solid rgb(var(--contrast-500))}ul{list-style:none}ul li{position:relative;margin-left:0.75rem}ul li:before{content:\"\";position:absolute;left:-0.5rem;top:0.5rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:rgb(var(--contrast-700));display:block}ol{margin-top:0.25rem;padding-left:1rem}ul{margin-top:0.25rem;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin-left:0}li{margin-bottom:0.25rem}:host(limel-markdown:not(.no-table-styles)) table{table-layout:auto;min-width:100%;border-collapse:collapse;border-spacing:0;background:transparent;margin:0.75rem 0;border:1px solid rgb(var(--contrast-400))}:host(limel-markdown:not(.no-table-styles)) th,:host(limel-markdown:not(.no-table-styles)) td{text-align:left;vertical-align:top;transition:background-color 0.2s ease;font-size:0.875rem}:host(limel-markdown:not(.no-table-styles)) td{padding:0.5rem 0.375rem 0.75rem 0.375rem}:host(limel-markdown:not(.no-table-styles)) tr th{background-color:rgb(var(--contrast-400));padding:0.25rem 0.375rem;font-weight:normal}:host(limel-markdown:not(.no-table-styles)) tr th:only-child{text-align:center}:host(limel-markdown:not(.no-table-styles)) tbody tr:nth-child(odd) td{background-color:rgb(var(--contrast-200))}:host(limel-markdown:not(.no-table-styles)) tbody tr:hover td{background-color:rgb(var(--contrast-300))}blockquote{position:relative;font-weight:100;font-size:0.875rem;max-width:100%;line-height:1.4;margin:0;padding:0.5rem 1.25rem;border-radius:0.05rem 0.75rem;background-color:rgb(var(--contrast-300))}blockquote:before,blockquote:after{position:absolute;font-size:2.75rem;opacity:0.4}blockquote:before{content:\"“\";left:0;top:-0.75rem}blockquote:after{content:\"”\";right:0;bottom:-2rem}dl{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;margin-bottom:2rem;border:1px solid rgb(var(--contrast-400));border-radius:0.375rem;background-color:rgb(var(--contrast-200))}dl dt,dl dd{padding:0.375rem 0.5rem;font-size:0.875rem;margin:0}dl dt:nth-of-type(even),dl dd:nth-of-type(even){background-color:rgb(var(--contrast-300))}dl dt:first-child{border-top-left-radius:0.375rem}dl dt:last-child{border-bottom-left-radius:0.375rem}dl dd:first-child{border-top-right-radius:0.375rem}dl dd:last-child{border-bottom-right-radius:0.375rem}hr{border-top:1px solid rgb(var(--contrast-700))}img{max-width:100%}";

package/dist/esm/limel-prosemirror-adapter.entry.js

@@ -5,7 +5,7 @@ import { k as keysIn, b as getSymbolsIn, g as getPrototype, a as getAllKeysIn }
 import { i as isObject$1, r as root, S as Symbol } from './isObject-c74e273c.js';
 import { i as isArray } from './isArray-80298bc7.js';
 import { i as isObjectLike } from './isObjectLike-38996507.js';
-import { d as decodeHTML, m as markdownToHTML } from './markdown-parser-2ab3dab9.js';
+import { d as decodeHTML, m as markdownToHTML } from './markdown-parser-1159e000.js';
 import { t as translate$1 } from './translations-5ae8ec7b.js';
 import { c as createRandomString } from './random-string-812b1c35.js';
 import { i as isItem } from './isItem-b0459122.js';

package/dist/esm/{markdown-parser-2ab3dab9.js → markdown-parser-1159e000.js}

@@ -44127,7 +44127,7 @@ function isValidCssColorValue(value) {
  */
 async function markdownToHTML(text, options) {
   if (options === null || options === void 0 ? void 0 : options.forceHardLineBreaks) {
-    text = text.replace(/([\n\r])/g, '  $1');
+    text = text.replace(/(?<!\\)([\n\r])/g, '  $1');
   }
   const file = await unified()
     .use(remarkParse)
@@ -44152,4 +44152,4 @@ async function markdownToHTML(text, options) {
 
 export { decodeHTML as d, markdownToHTML as m };
 
-//# sourceMappingURL=markdown-parser-2ab3dab9.js.map
+//# sourceMappingURL=markdown-parser-1159e000.js.map