@aurodesignsystem-dev/auro-hyperlink 0.0.0-pr1.0

package/dist/index.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Merged TypeScript declarations
+ * This file combines all component type definitions
+ * Generated automatically during build
+ */
+
+import { * as Component} from "./index.js";
+import { ComponentProps } from './properties';
+
+// ===== properties.d.ts =====
+/**
+ * Component properties interface
+ * Generated from web component analysis
+ */
+export interface ComponentProps {
+  /**
+   * Defines the URL of the linked page.
+   */
+  href?: string;
+
+  /**
+   * Defines the relationship between the current document and the linked document.
+   */
+  rel?: string;
+
+  /**
+   * Defines where to open the linked document.
+   */
+  target?: string;
+
+  /**
+   * Defines the type of hyperlink; accepts `nav` or `cta`.
+   */
+  type?: string;
+
+  /**
+   * If true and `type="cta"`, the hyperlink will have a fluid-width UI.
+   */
+  fluid?: string;
+
+  /**
+   * If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.
+   */
+  referrerpolicy?: string;
+
+  /**
+   * If true, the linked resource will be downloaded when the hyperlink is clicked.
+   */
+  download?: string;
+
+  /**
+   * If true, the auto URL re-write feature will be disabled.
+   */
+  relative?: string;
+
+  /**
+   * Sets button variant option.
+   */
+  variant?: string;
+
+  /**
+   * If true, the hyperlink will be styled for use on a dark background.
+   */
+  ondark?: string;
+}
+
+// ===== framework.d.ts =====
+
+/**
+ * Framework integration declarations for auro-hyperlink
+ * Provides type support for React, Svelte, and global HTML elements
+ */
+
+declare module 'svelte/elements' {
+  interface SvelteHTMLElements {
+    /**
+     * auro-hyperlink component for Svelte
+     */
+    'auro-hyperlink': ComponentProps;
+  }
+}
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      /**
+       * auro-hyperlink component for React
+       */
+      'auro-hyperlink': ComponentProps;
+    }
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    /**
+     * auro-hyperlink web component
+     */
+    "auro-hyperlink": Component;
+  }
+  
+  namespace JSX {
+    interface IntrinsicElements {
+      /**
+       * auro-hyperlink component for JSX
+       */
+      'auro-hyperlink': ComponentProps;
+    }
+  }
+  
+  namespace svelteHTML {
+    interface IntrinsicElements {
+      /**
+       * auro-hyperlink component for Svelte HTML
+       */
+      'auro-hyperlink': ComponentProps;
+    }
+  }
+}
+
+
+
+export {};

package/dist/index.js

@@ -0,0 +1,6 @@
+export { A as AuroHyperlink } from './auro-hyperlink-ML2We8vn.js';
+import 'lit';
+import 'lit/directives/class-map.js';
+import 'lit/directives/if-defined.js';
+import 'lit/static-html.js';
+import 'lit/directives/ref.js';

package/dist/properties.js

@@ -0,0 +1,64 @@
+import { LitElement } from 'lit';
+
+/**
+ * Base class containing all auro-hyperlink properties with proper JSDoc comments
+ * This class can be extended by other components to inherit property definitions
+ * Generated from web component analysis
+ */
+export class AuroHyperlinkProperties extends LitElement {
+  static get properties() {
+    return {
+
+      /**
+       * Defines the URL of the linked page.
+       */
+      href: { type: String, attribute: true },
+
+      /**
+       * Defines the relationship between the current document and the linked document.
+       */
+      rel: { type: String, attribute: true },
+
+      /**
+       * Defines where to open the linked document.
+       */
+      target: { type: String, attribute: true },
+
+      /**
+       * Defines the type of hyperlink; accepts `nav` or `cta`.
+       */
+      type: { type: String, attribute: true },
+
+      /**
+       * If true and `type="cta"`, the hyperlink will have a fluid-width UI.
+       */
+      fluid: { type: String, attribute: true },
+
+      /**
+       * If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.
+       */
+      referrerpolicy: { type: String, attribute: true },
+
+      /**
+       * If true, the linked resource will be downloaded when the hyperlink is clicked.
+       */
+      download: { type: String, attribute: true },
+
+      /**
+       * If true, the auto URL re-write feature will be disabled.
+       */
+      relative: { type: String, attribute: true },
+
+      /**
+       * Sets button variant option.
+       */
+      variant: { type: String, attribute: true },
+
+      /**
+       * If true, the hyperlink will be styled for use on a dark background.
+       */
+      ondark: { type: String, attribute: true }
+    };
+  }
+
+}

package/dist/properties.jsdoc.js

@@ -0,0 +1,65 @@
+/**
+ * Component Properties JSDoc List
+ * Copy and paste these JSDoc comments into your component class
+ * Generated from web component analysis
+ */
+
+  /**
+   * Defines the URL of the linked page.
+   * @type {string}
+   */
+  href;
+
+  /**
+   * Defines the relationship between the current document and the linked document.
+   * @type {string}
+   */
+  rel;
+
+  /**
+   * Defines where to open the linked document.
+   * @type {string}
+   */
+  target;
+
+  /**
+   * Defines the type of hyperlink; accepts `nav` or `cta`.
+   * @type {string}
+   */
+  type;
+
+  /**
+   * If true and `type="cta"`, the hyperlink will have a fluid-width UI.
+   * @type {string}
+   */
+  fluid;
+
+  /**
+   * If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.
+   * @type {string}
+   */
+  referrerpolicy;
+
+  /**
+   * If true, the linked resource will be downloaded when the hyperlink is clicked.
+   * @type {string}
+   */
+  download;
+
+  /**
+   * If true, the auto URL re-write feature will be disabled.
+   * @type {string}
+   */
+  relative;
+
+  /**
+   * Sets button variant option.
+   * @type {string}
+   */
+  variant;
+
+  /**
+   * If true, the hyperlink will be styled for use on a dark background.
+   * @type {string}
+   */
+  ondark;

package/dist/registered.js

@@ -0,0 +1,8 @@
+import { A as AuroHyperlink } from './auro-hyperlink-ML2We8vn.js';
+import 'lit';
+import 'lit/directives/class-map.js';
+import 'lit/directives/if-defined.js';
+import 'lit/static-html.js';
+import 'lit/directives/ref.js';
+
+AuroHyperlink.register();

package/package.json

@@ -0,0 +1,90 @@
+{
+  "//": [
+    "================================================================================",
+    "# To work within the development environment, run the following tasks",
+    "  1. $ npm run dev",
+    "  2. Go to http://localhost:8000",
+    "================================================================================"
+  ],
+  "name": "@aurodesignsystem-dev/auro-hyperlink",
+  "version": "0.0.0-pr1.0",
+  "description": "auro-hyperlink HTML custom element",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/AlaskaAirlines/auro-hyperlink"
+  },
+  "type": "module",
+  "main": "dist/registered.js",
+  "types": "dist/index.d.ts",
+  "license": "Apache-2.0",
+  "engines": {
+    "node": "^20.x || ^22.x"
+  },
+  "dependencies": {
+    "lit": "^3.3.1"
+  },
+  "devDependencies": {
+    "@alaskaairux/icons": "^5.10.0",
+    "@aurodesignsystem/auro-button": "^12.0.0",
+    "@aurodesignsystem/auro-cli": "^3.0.4",
+    "@aurodesignsystem/auro-config": "^1.3.0",
+    "@aurodesignsystem/auro-icon": "^9.0.0",
+    "@aurodesignsystem/auro-library": "^5.5.3",
+    "@aurodesignsystem/design-tokens": "^8.5.0",
+    "@aurodesignsystem/webcorestylesheets": "^10.1.1",
+    "@custom-elements-manifest/analyzer": "^0.10.10",
+    "@custom-elements-manifest/to-markdown": "^0.1.0",
+    "husky": "^9.1.7"
+  },
+  "browserslist": [
+    "last 2 Chrome versions",
+    "last 2 iOS major versions",
+    "last 2 Firefox versions",
+    "last 2 Edge versions",
+    "last 2 Safari major versions"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "alaska airlines",
+    "auro",
+    "design system",
+    "web components"
+  ],
+  "scripts": {
+    "build": "auro build",
+    "build:version": "node ./scripts/version.mjs",
+    "dev": "auro dev -w -s",
+    "dev:open": "auro dev -w -s --open",
+    "gen:manifest": "cem analyze --litelement --globs src/*.*js --packagejson --dependencies",
+    "gen:docs": "node generate-docs.js",
+    "lint": "biome check --no-errors-on-unmatched && stylelint \"./src/**/*.scss\"",
+    "lint:fix": "biome check --fix --no-errors-on-unmatched && stylelint \"./src/**/*.scss\" --fix",
+    "test": "auro test",
+    "test:watch": "auro test --watch",
+    "test:coverage": "auro test --coverage-report --open",
+    "prepare": "husky"
+  },
+  "exports": {
+    "./readme.md": "./README.md",
+    ".": "./dist/registered.js",
+    "./demo/*.md": "./demo/*.md",
+    "./demo/*.js": "./demo/*.min.js",
+    "./class": {
+      "module": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/**/*",
+    "demo/**/*",
+    "CHANGELOG.md",
+    "README.md",
+    "LICENSE",
+    "NOTICE",
+    "custom-elements.json"
+  ],
+  "customElements": "custom-elements.json"
+}