@affinda/wc 0.0.2 → 0.0.3

package/dist/esm/af-heading_3.entry.js

@@ -1,98 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-DIoXjiux.js';
-
-const afHeadingCss = ":host{display:block}.heading{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;color:#14343b;letter-spacing:-0.02em}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.level-xl{font-size:50px;line-height:1}@media (min-width: 768px){.level-xl{font-size:80px}}.level-1{font-size:38px;line-height:1}@media (min-width: 768px){.level-1{font-size:56px}}.level-2{font-size:32px;line-height:1}@media (min-width: 768px){.level-2{font-size:44px}}.level-3{font-size:25px;line-height:1}@media (min-width: 768px){.level-3{font-size:34px}}.level-4{font-size:20px;line-height:1.1}@media (min-width: 768px){.level-4{font-size:24px;line-height:1.2}}.level-5{font-size:18px;line-height:1.1}@media (min-width: 768px){.level-5{font-size:20px;line-height:1.2}}";
-
-const AfHeading = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /** Heading level */
-        this.level = '1';
-        /** Visual alignment */
-        this.align = 'left';
-    }
-    getHeadingTag() {
-        // Map display levels to semantic HTML tags
-        const tagMap = {
-            'xl': 'h1',
-            '1': 'h1',
-            '2': 'h2',
-            '3': 'h3',
-            '4': 'h4',
-            '5': 'h5'
-        };
-        return tagMap[this.level] || 'h1';
-    }
-    render() {
-        const Tag = this.getHeadingTag();
-        return (h(Tag, { key: '1d3f37c8d067c3c9d0ec7f10422478ab41c990b2', class: {
-                'heading': true,
-                [`level-${this.level}`]: true,
-                [`align-${this.align}`]: true
-            }, part: "base" }, h("slot", { key: 'dcba9d00393f818cfceeb5eba5cc2bd874927dfd' })));
-    }
-};
-AfHeading.style = afHeadingCss;
-
-const afTextCss = ":host{display:block}.text{margin:0;padding:0;font-family:'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:#14343b;letter-spacing:0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.variant-xlarge{font-size:22px;line-height:28px}.variant-large{font-size:18px;line-height:26px}.variant-medium{font-size:16px;line-height:24px}.variant-small{font-size:14px;line-height:20px}.variant-label-button{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:17px;line-height:20px}.variant-label-tag{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:14px;line-height:1}";
-
-const AfText = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /** Text variant */
-        this.variant = 'medium';
-        /** Visual alignment */
-        this.align = 'left';
-        /** Semantic element to render */
-        this.as = 'p';
-    }
-    render() {
-        const Tag = this.as;
-        return (h(Tag, { key: '778a86a185f2416dec867ca2457acb2fe1ad4bcb', class: {
-                'text': true,
-                [`variant-${this.variant}`]: true,
-                [`align-${this.align}`]: true
-            }, part: "base" }, h("slot", { key: '2b3ee364c989ca8d233583946e24665df0192fb9' })));
-    }
-};
-AfText.style = afTextCss;
-
-const afNavItemCss = ":host{display:inline-block}.nav-link{text-decoration:none;color:inherit;display:block}.nav-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;cursor:pointer}.hierarchy-primary{padding:12px;justify-content:center}.hierarchy-primary .label-container{display:flex;align-items:center;justify-content:center;height:24px;gap:10px}.hierarchy-primary.variant-01{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:500;line-height:20px;color:#14343b}.hierarchy-primary.variant-02{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:400;line-height:20px;color:#2b484f}.hierarchy-primary:hover .label-container{border-bottom:1px solid currentColor}.hierarchy-primary.active .label-container{border-bottom:2px solid #8a7049}.hierarchy-secondary{padding:4px 0}.hierarchy-secondary .label-container{display:flex;align-items:center;flex:1;min-height:24px;gap:8px}.hierarchy-secondary.variant-01{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#14343b}.hierarchy-secondary.variant-02{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#2b484f}.hierarchy-secondary:hover ::slotted(*){text-decoration:underline}@media (max-width: 767px){.hierarchy-primary{padding:20px 12px;border-bottom:1px solid #e8eeed;width:100%}.hierarchy-primary .label-container{flex:1;justify-content:flex-start}.hierarchy-primary.variant-01{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.hierarchy-primary.variant-02{font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:#60767b}}::slotted([slot=\"icon-left\"]),::slotted([slot=\"icon-right\"]){width:24px;height:24px;flex-shrink:0}.hierarchy-secondary ::slotted([slot=\"icon-right\"]){width:20px;height:20px}";
-
-const AfNavItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Visual hierarchy level of the navigation item
-         * - 'primary': Bold, main navigation (larger text, prominent styling)
-         * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)
-         */
-        this.hierarchy = 'primary';
-        /**
-         * Visual variant within the hierarchy level
-         * - '01': Darker/more prominent styling
-         * - '02': Lighter/more subtle styling
-         */
-        this.variant = '01';
-        /**
-         * Whether this nav item is currently active/selected
-         */
-        this.active = false;
-    }
-    render() {
-        const classes = {
-            'nav-item': true,
-            [`hierarchy-${this.hierarchy}`]: true,
-            [`variant-${this.variant}`]: true,
-            'active': this.active
-        };
-        const content = (h("div", { class: classes }, h("slot", { name: "icon-left" }), h("div", { class: "label-container" }, h("slot", null)), h("slot", { name: "icon-right" })));
-        if (this.href) {
-            return (h(Host, null, h("a", { href: this.href, class: "nav-link" }, content)));
-        }
-        return h(Host, null, content);
-    }
-};
-AfNavItem.style = afNavItemCss;
-
-export { AfHeading as af_heading, AfNavItem as af_nav_item, AfText as af_text };
-//# sourceMappingURL=af-heading.af-nav-item.af-text.entry.js.map