@design.estate/dees-catalog 3.68.0 → 3.69.0

package/dist_bundle/bundle.js

@@ -186337,8 +186337,10 @@ function demoFunc53() {
     <dees-heading level="4">This is a H4 heading</dees-heading>
     <dees-heading level="5">This is a H5 heading</dees-heading>
     <dees-heading level="6">This is a H6 heading</dees-heading>
-    <dees-heading level="hr">This is an hr heading</dees-heading>
-    <dees-heading level="hr-small">This is an hr small heading</dees-heading>
+    <dees-heading level="hr">This is an hr heading (level="hr")</dees-heading>
+    <dees-heading level="7">This is an hr heading (level="7")</dees-heading>
+    <dees-heading level="hr-small">This is an hr-small heading (level="hr-small")</dees-heading>
+    <dees-heading level="8">This is an hr-small heading (level="8")</dees-heading>
   `;
 }
 __name(demoFunc53, "demoFunc");
@@ -186368,8 +186370,10 @@ var _DeesHeading = class _DeesHeading extends (_a79 = DeesElement, _level_dec =
         return b2`<h5><slot></slot></h5>`;
       case "6":
         return b2`<h6><slot></slot></h6>`;
+      case "7":
       case "hr":
         return b2`<div class="heading-hr"><slot></slot></div>`;
+      case "8":
       case "hr-small":
         return b2`<div class="heading-hr heading-hr-small"><slot></slot></div>`;
       default:
@@ -186390,58 +186394,78 @@ __publicField(_DeesHeading, "styles", [
   themeDefaultStyles,
   cssManager.defaultStyles,
   i`
-      /* TODO: Migrate hardcoded values to --dees-* CSS variables */
+      :host {
+        display: block;
+      }
+
       /* Heading styles */
       h1, h2, h3, h4, h5, h6 {
-        margin: 16px 0 8px;
         font-weight: 600;
-        color: ${cssManager.bdTheme("#000", "#fff")};
+        color: var(--dees-color-text-primary);
+      }
+
+      /* Per-level typography + spacing.
+       * Margin scales with importance: h1 gets the most breathing room,
+       * h6 the least. Top margin > bottom margin so headings group with
+       * the content that follows them. */
+      h1 {
+        font-size: 32px;
+        font-family: ${cssCalSansFontFamily};
+        letter-spacing: 0.025em;
+        margin: var(--dees-spacing-2xl) 0 var(--dees-spacing-lg);
+      }
+      h2 {
+        font-size: 28px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h3 {
+        font-size: 24px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h4 {
+        font-size: 20px;
+        margin: var(--dees-spacing-lg) 0 var(--dees-spacing-sm);
       }
-      h1 { font-size: 32px; font-family: ${cssCalSansFontFamily}; letter-spacing: 0.025em;}
-      h2 { font-size: 28px; }
-      h3 { font-size: 24px; }
-      h4 { font-size: 20px; }
-      h5 { font-size: 16px; }
-      h6 { font-size: 14px; }
+      h5 {
+        font-size: 16px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-sm);
+      }
+      h6 {
+        font-size: 14px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-xs);
+      }
+
       /* Horizontal rule style heading */
       .heading-hr {
         display: flex;
         align-items: center;
         text-align: center;
-        margin: 16px 0;
-        color: ${cssManager.bdTheme("#999", "#555")};
+        margin: var(--dees-spacing-lg) 0;
+        color: var(--dees-color-text-muted);
       }
       /* Fade lines toward and away from text for hr style */
       .heading-hr::before {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade in toward center */
-        background: ${cssManager.bdTheme(
-    "linear-gradient(to right, transparent, #ccc)",
-    "linear-gradient(to right, transparent, #333)"
-  )};
-        margin: 0 8px;
+        background: linear-gradient(to right, transparent, var(--dees-color-border-strong));
+        margin: 0 var(--dees-spacing-sm);
       }
       .heading-hr::after {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade out away from center */
-        background: ${cssManager.bdTheme(
-    "linear-gradient(to right, #ccc, transparent)",
-    "linear-gradient(to right, #333, transparent)"
-  )};
-        margin: 0 8px;
+        background: linear-gradient(to right, var(--dees-color-border-strong), transparent);
+        margin: 0 var(--dees-spacing-sm);
       }
       /* Small hr variant with reduced margins */
       .heading-hr.heading-hr-small {
-        margin: 8px 0;
+        margin: var(--dees-spacing-sm) 0;
         font-size: 12px;
       }
       .heading-hr.heading-hr-small::before,
       .heading-hr.heading-hr-small::after {
-        margin: 0 8px;
+        margin: 0 var(--dees-spacing-sm);
       }
     `
 ]);
@@ -200432,7 +200456,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "3.68.0",
+  version: "3.69.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 export {
@@ -202405,4 +202429,4 @@ ibantools/jsnext/ibantools.js:
    * @preferred
    *)
 */
-//# sourceMappingURL=bundle-1775635568867.js.map
+//# sourceMappingURL=bundle-1775638700514.js.map

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '3.68.0',
+    version: '3.69.0',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

package/dist_ts_web/elements/00group-layout/dees-heading/dees-heading.d.ts

@@ -9,9 +9,12 @@ export declare class DeesHeading extends DeesElement {
     static demo: typeof demoFunc;
     static demoGroups: string[];
     /**
-     * Heading level: 1-6 for h1-h6, or 'hr' for horizontal rule style
+     * Heading level:
+     *   '1'-'6'  → <h1>..<h6>
+     *   '7'|'hr'       → horizontal-rule style heading
+     *   '8'|'hr-small' → small horizontal-rule style heading
      */
-    accessor level: '1' | '2' | '3' | '4' | '5' | '6' | 'hr' | 'hr-small';
+    accessor level: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | 'hr' | 'hr-small';
     static styles: CSSResult[];
     render(): TemplateResult;
 }

package/dist_ts_web/elements/00group-layout/dees-heading/dees-heading.demo.js

@@ -7,8 +7,10 @@ export function demoFunc() {
     <dees-heading level="4">This is a H4 heading</dees-heading>
     <dees-heading level="5">This is a H5 heading</dees-heading>
     <dees-heading level="6">This is a H6 heading</dees-heading>
-    <dees-heading level="hr">This is an hr heading</dees-heading>
-    <dees-heading level="hr-small">This is an hr small heading</dees-heading>
+    <dees-heading level="hr">This is an hr heading (level="hr")</dees-heading>
+    <dees-heading level="7">This is an hr heading (level="7")</dees-heading>
+    <dees-heading level="hr-small">This is an hr-small heading (level="hr-small")</dees-heading>
+    <dees-heading level="8">This is an hr-small heading (level="8")</dees-heading>
   `;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1oZWFkaW5nL2RlZXMtaGVhZGluZy5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLFVBQVUsUUFBUTtJQUN0QixPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7O0dBU1YsQ0FBQztBQUNKLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1oZWFkaW5nL2RlZXMtaGVhZGluZy5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLFVBQVUsUUFBUTtJQUN0QixPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7R0FXVixDQUFDO0FBQ0osQ0FBQyJ9

package/dist_ts_web/elements/00group-layout/dees-heading/dees-heading.js

@@ -61,7 +61,10 @@ let DeesHeading = (() => {
         #level_accessor_storage = __runInitializers(this, _level_initializers, '1');
         // properties
         /**
-         * Heading level: 1-6 for h1-h6, or 'hr' for horizontal rule style
+         * Heading level:
+         *   '1'-'6'  → <h1>..<h6>
+         *   '7'|'hr'       → horizontal-rule style heading
+         *   '8'|'hr-small' → small horizontal-rule style heading
          */
         get level() { return this.#level_accessor_storage; }
         set level(value) { this.#level_accessor_storage = value; }
@@ -70,52 +73,78 @@ let DeesHeading = (() => {
             themeDefaultStyles,
             cssManager.defaultStyles,
             css `
-      /* TODO: Migrate hardcoded values to --dees-* CSS variables */
+      :host {
+        display: block;
+      }
+
       /* Heading styles */
       h1, h2, h3, h4, h5, h6 {
-        margin: 16px 0 8px;
         font-weight: 600;
-        color: ${cssManager.bdTheme('#000', '#fff')};
+        color: var(--dees-color-text-primary);
+      }
+
+      /* Per-level typography + spacing.
+       * Margin scales with importance: h1 gets the most breathing room,
+       * h6 the least. Top margin > bottom margin so headings group with
+       * the content that follows them. */
+      h1 {
+        font-size: 32px;
+        font-family: ${cssCalSansFontFamily};
+        letter-spacing: 0.025em;
+        margin: var(--dees-spacing-2xl) 0 var(--dees-spacing-lg);
+      }
+      h2 {
+        font-size: 28px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h3 {
+        font-size: 24px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h4 {
+        font-size: 20px;
+        margin: var(--dees-spacing-lg) 0 var(--dees-spacing-sm);
+      }
+      h5 {
+        font-size: 16px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-sm);
+      }
+      h6 {
+        font-size: 14px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-xs);
       }
-      h1 { font-size: 32px; font-family: ${cssCalSansFontFamily}; letter-spacing: 0.025em;}
-      h2 { font-size: 28px; }
-      h3 { font-size: 24px; }
-      h4 { font-size: 20px; }
-      h5 { font-size: 16px; }
-      h6 { font-size: 14px; }
+
       /* Horizontal rule style heading */
       .heading-hr {
         display: flex;
         align-items: center;
         text-align: center;
-        margin: 16px 0;
-        color: ${cssManager.bdTheme('#999', '#555')};
+        margin: var(--dees-spacing-lg) 0;
+        color: var(--dees-color-text-muted);
       }
       /* Fade lines toward and away from text for hr style */
       .heading-hr::before {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade in toward center */
-        background: ${cssManager.bdTheme('linear-gradient(to right, transparent, #ccc)', 'linear-gradient(to right, transparent, #333)')};
-        margin: 0 8px;
+        background: linear-gradient(to right, transparent, var(--dees-color-border-strong));
+        margin: 0 var(--dees-spacing-sm);
       }
       .heading-hr::after {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade out away from center */
-        background: ${cssManager.bdTheme('linear-gradient(to right, #ccc, transparent)', 'linear-gradient(to right, #333, transparent)')};
-        margin: 0 8px;
+        background: linear-gradient(to right, var(--dees-color-border-strong), transparent);
+        margin: 0 var(--dees-spacing-sm);
       }
       /* Small hr variant with reduced margins */
       .heading-hr.heading-hr-small {
-        margin: 8px 0;
+        margin: var(--dees-spacing-sm) 0;
         font-size: 12px;
       }
       .heading-hr.heading-hr-small::before,
       .heading-hr.heading-hr-small::after {
-        margin: 0 8px;
+        margin: 0 var(--dees-spacing-sm);
       }
     `,
         ];
@@ -134,8 +163,10 @@ let DeesHeading = (() => {
                     return html `<h5><slot></slot></h5>`;
                 case '6':
                     return html `<h6><slot></slot></h6>`;
+                case '7':
                 case 'hr':
                     return html `<div class="heading-hr"><slot></slot></div>`;
+                case '8':
                 case 'hr-small':
                     return html `<div class="heading-hr heading-hr-small"><slot></slot></div>`;
                 default:
@@ -153,4 +184,4 @@ let DeesHeading = (() => {
     return DeesHeading = _classThis;
 })();
 export { DeesHeading };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbGF5b3V0L2RlZXMtaGVhZGluZy9kZWVzLWhlYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLEdBQUcsRUFDSCxRQUFRLEVBQ1IsVUFBVSxFQUVWLFdBQVcsR0FFWixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztJQVN6QyxXQUFXOzRCQUR2QixhQUFhLENBQUMsY0FBYyxDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7MkJBQW5CLFNBQVEsV0FBVzs7OztpQ0FTekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDMUMsb0tBQVMsS0FBSyw2QkFBTCxLQUFLLHFGQUE4RDtZQVY5RSw2S0FpR0M7Ozs7UUFoR0MsT0FBTztRQUNBLE1BQU0sQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQU90Qyx1RUFBd0UsR0FBRyxFQUFDO1FBTDVFLGFBQWE7UUFDYjs7V0FFRztRQUVILElBQVMsS0FBSywyQ0FBOEQ7UUFBNUUsSUFBUyxLQUFLLGlEQUE4RDtRQUU1RSxnQkFBZ0I7UUFDVCxNQUFNLENBQUMsTUFBTSxHQUFnQjtZQUNsQyxrQkFBa0I7WUFDbEIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7aUJBTVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzsyQ0FFUixvQkFBb0I7Ozs7Ozs7Ozs7OztpQkFZOUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FDOUIsOENBQThDLEVBQzlDLDhDQUE4QyxDQUMvQzs7Ozs7Ozs7c0JBUWEsVUFBVSxDQUFDLE9BQU8sQ0FDOUIsOENBQThDLEVBQzlDLDhDQUE4QyxDQUMvQzs7Ozs7Ozs7Ozs7O0tBWUo7U0FDRixDQUFDO1FBR0YsV0FBVztRQUNKLE1BQU07WUFDWCxRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDbkIsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxJQUFJO29CQUNQLE9BQU8sSUFBSSxDQUFBLDZDQUE2QyxDQUFDO2dCQUMzRCxLQUFLLFVBQVU7b0JBQ2IsT0FBTyxJQUFJLENBQUEsOERBQThELENBQUM7Z0JBQzVFO29CQUNFLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO1lBQ3hDLENBQUM7UUFDSCxDQUFDOzs7Ozs7WUFoR1UsdURBQVc7Ozs7O1NBQVgsV0FBVyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbGF5b3V0L2RlZXMtaGVhZGluZy9kZWVzLWhlYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLEdBQUcsRUFDSCxRQUFRLEVBQ1IsVUFBVSxFQUVWLFdBQVcsR0FFWixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztJQVN6QyxXQUFXOzRCQUR2QixhQUFhLENBQUMsY0FBYyxDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7MkJBQW5CLFNBQVEsV0FBVzs7OztpQ0FZekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDMUMsb0tBQVMsS0FBSyw2QkFBTCxLQUFLLHFGQUEwRTtZQWIxRiw2S0EwSEM7Ozs7UUF6SEMsT0FBTztRQUNBLE1BQU0sQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQVV0Qyx1RUFBb0YsR0FBRyxFQUFDO1FBUnhGLGFBQWE7UUFDYjs7Ozs7V0FLRztRQUVILElBQVMsS0FBSywyQ0FBMEU7UUFBeEYsSUFBUyxLQUFLLGlEQUEwRTtRQUV4RixnQkFBZ0I7UUFDVCxNQUFNLENBQUMsTUFBTSxHQUFnQjtZQUNsQyxrQkFBa0I7WUFDbEIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFpQmdCLG9CQUFvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBeUR0QztTQUNGLENBQUM7UUFHRixXQUFXO1FBQ0osTUFBTTtZQUNYLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUNuQixLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUcsQ0FBQztnQkFDVCxLQUFLLElBQUk7b0JBQ1AsT0FBTyxJQUFJLENBQUEsNkNBQTZDLENBQUM7Z0JBQzNELEtBQUssR0FBRyxDQUFDO2dCQUNULEtBQUssVUFBVTtvQkFDYixPQUFPLElBQUksQ0FBQSw4REFBOEQsQ0FBQztnQkFDNUU7b0JBQ0UsT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7WUFDeEMsQ0FBQztRQUNILENBQUM7Ozs7OztZQXpIVSx1REFBVzs7Ozs7U0FBWCxXQUFXIn0=

package/dist_watch/bundle.js

@@ -191683,8 +191683,10 @@ function demoFunc53() {
     <dees-heading level="4">This is a H4 heading</dees-heading>
     <dees-heading level="5">This is a H5 heading</dees-heading>
     <dees-heading level="6">This is a H6 heading</dees-heading>
-    <dees-heading level="hr">This is an hr heading</dees-heading>
-    <dees-heading level="hr-small">This is an hr small heading</dees-heading>
+    <dees-heading level="hr">This is an hr heading (level="hr")</dees-heading>
+    <dees-heading level="7">This is an hr heading (level="7")</dees-heading>
+    <dees-heading level="hr-small">This is an hr-small heading (level="hr-small")</dees-heading>
+    <dees-heading level="8">This is an hr-small heading (level="8")</dees-heading>
   `;
 }
 __name(demoFunc53, "demoFunc");
@@ -191714,8 +191716,10 @@ var _DeesHeading = class _DeesHeading extends (_a79 = DeesElement, _level_dec =
         return b2`<h5><slot></slot></h5>`;
       case "6":
         return b2`<h6><slot></slot></h6>`;
+      case "7":
       case "hr":
         return b2`<div class="heading-hr"><slot></slot></div>`;
+      case "8":
       case "hr-small":
         return b2`<div class="heading-hr heading-hr-small"><slot></slot></div>`;
       default: