@redvars/peacock 3.0.1 → 3.1.1

package/dist/peacock-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"peacock-loader.js","sources":["../../src/LoaderUtils.ts","../../src/peacock-loader.ts"],"sourcesContent":["interface ComponentConfig {\n  CustomElementClass?: any; // earger load\n  importPath?: string; // lazy load\n  dependencies?: string[];\n}\n\ninterface LoaderConfig {\n  prefix?: string;\n  components?: Record<string, ComponentConfig>;\n}\n\nexport { LoaderConfig };\n\nexport class LoaderUtils {\n  private _loaderConfig: LoaderConfig;\n\n  private _observer: MutationObserver | undefined;\n\n  constructor(private loaderConfig: LoaderConfig) {\n    this._loaderConfig = loaderConfig;\n  }\n\n  static registerComponent(tagName: string, CustomElementClass: any) {\n    if (CustomElementClass && !customElements.get(tagName)) {\n      customElements.define(tagName, CustomElementClass);\n    }\n  }\n\n  start() {\n    this.eagerLoadComponents();\n    this.lazyLoadComponents(document);\n  }\n\n  eagerLoadComponents() {\n    if (!this._loaderConfig.components) return;\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\n      if (value.CustomElementClass)\n        LoaderUtils.registerComponent(\n          this.getFullTagName(name),\n          value.CustomElementClass,\n        );\n    }\n  }\n\n  getFullTagName(name: string) {\n    return `${this._loaderConfig.prefix}-${name}`;\n  }\n\n  async registerAsync(tagName: string): Promise<void> {\n    if (customElements.get(tagName)) return;\n\n    const baseName = tagName.replace(`${this._loaderConfig.prefix}-`, '');\n\n    if (!this._loaderConfig.components) return;\n\n    const config = this._loaderConfig.components[baseName];\n    if (!config || !config.importPath) return;\n\n    try {\n      const module = await import(config.importPath);\n\n      // Runtime definition: grabbing the class from the module\n      const CustomElementClass =\n        module.default || module[Object.keys(module)[0]];\n\n      if (CustomElementClass && !customElements.get(tagName)) {\n        customElements.define(tagName, CustomElementClass);\n      }\n\n      // Handle dependencies recursively\n      if (config.dependencies) {\n        for (const dep of config.dependencies) {\n          // eslint-disable-next-line no-await-in-loop\n          await this.registerAsync(this.getFullTagName(dep));\n        }\n      }\n    } catch (error) {\n      console.error(\n        `Unable to load <${tagName}> from ${config.importPath}`,\n        error,\n      );\n    }\n  }\n\n  async load(root: Element | Document): Promise<void> {\n    const rootTagName =\n      root instanceof Element ? root.tagName.toLowerCase() : '';\n\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\n      el.tagName.toLowerCase(),\n    );\n\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\n      tags.push(rootTagName);\n    }\n\n    const tagsToRegister = [...new Set(tags)];\n    await Promise.allSettled(\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\n    );\n  }\n\n  lazyLoadComponents(root: any) {\n    this._observer = new MutationObserver(mutations => {\n      for (const { addedNodes } of mutations) {\n        for (const node of addedNodes) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            this.load(node as Element);\n          }\n        }\n      }\n    });\n\n    const target = root instanceof Document ? root.documentElement : root;\n    this.load(target);\n\n    this._observer.observe(target, {\n      subtree: true,\n      childList: true,\n    });\n  }\n}\n","// Eager loaded\nimport { Icon } from './icon/icon.js';\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\n\nconst loaderConfig: LoaderConfig = {\n  prefix: 'p',\n  components: {\n    icon: {\n      CustomElementClass: Icon,\n    },\n    avatar: {\n      importPath: './component/avatar.js',\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"peacock-loader.js","sources":["../../src/LoaderUtils.ts","../assets/tokens.css","../../src/link/link.css.ts","../../src/text/text.css.ts","../../src/peacock-loader.ts"],"sourcesContent":["interface ComponentConfig {\n  CustomElementClass?: any; // earger load\n  importPath?: string; // lazy load\n  dependencies?: string[];\n}\n\ninterface LoaderConfig {\n  prefix?: string;\n  components?: Record<string, ComponentConfig>;\n}\n\nexport { LoaderConfig };\n\nexport class LoaderUtils {\n  private _loaderConfig: LoaderConfig;\n\n  private _observer: MutationObserver | undefined;\n\n  constructor(private loaderConfig: LoaderConfig) {\n    this._loaderConfig = loaderConfig;\n  }\n\n  static registerComponent(tagName: string, CustomElementClass: any) {\n    if (CustomElementClass && !customElements.get(tagName)) {\n      customElements.define(tagName, CustomElementClass);\n    }\n  }\n\n  start() {\n    this.eagerLoadComponents();\n    this.lazyLoadComponents(document);\n  }\n\n  eagerLoadComponents() {\n    if (!this._loaderConfig.components) return;\n    for (const [name, value] of Object.entries(this._loaderConfig.components)) {\n      if (value.CustomElementClass)\n        LoaderUtils.registerComponent(\n          this.getFullTagName(name),\n          value.CustomElementClass,\n        );\n    }\n  }\n\n  getFullTagName(name: string) {\n    return `${this._loaderConfig.prefix}-${name}`;\n  }\n\n  async registerAsync(tagName: string): Promise<void> {\n    if (customElements.get(tagName)) return;\n\n    const baseName = tagName.replace(`${this._loaderConfig.prefix}-`, '');\n\n    if (!this._loaderConfig.components) return;\n\n    const config = this._loaderConfig.components[baseName];\n    if (!config || !config.importPath) return;\n\n    try {\n      const module = await import(config.importPath);\n\n      // Runtime definition: grabbing the class from the module\n      const CustomElementClass =\n        module.default || module[Object.keys(module)[0]];\n\n      if (CustomElementClass && !customElements.get(tagName)) {\n        customElements.define(tagName, CustomElementClass);\n      }\n\n      // Handle dependencies recursively\n      if (config.dependencies) {\n        for (const dep of config.dependencies) {\n          // eslint-disable-next-line no-await-in-loop\n          await this.registerAsync(this.getFullTagName(dep));\n        }\n      }\n    } catch (error) {\n      console.error(\n        `Unable to load <${tagName}> from ${config.importPath}`,\n        error,\n      );\n    }\n  }\n\n  async load(root: Element | Document): Promise<void> {\n    const rootTagName =\n      root instanceof Element ? root.tagName.toLowerCase() : '';\n\n    const tags = Array.from(root.querySelectorAll(':not(:defined)')).map(el =>\n      el.tagName.toLowerCase(),\n    );\n\n    if (rootTagName.includes('-') && !customElements.get(rootTagName)) {\n      tags.push(rootTagName);\n    }\n\n    const tagsToRegister = [...new Set(tags)];\n    await Promise.allSettled(\n      tagsToRegister.map(tagName => this.registerAsync(tagName)),\n    );\n  }\n\n  lazyLoadComponents(root: any) {\n    this._observer = new MutationObserver(mutations => {\n      for (const { addedNodes } of mutations) {\n        for (const node of addedNodes) {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            this.load(node as Element);\n          }\n        }\n      }\n    });\n\n    const target = root instanceof Document ? root.documentElement : root;\n    this.load(target);\n\n    this._observer.observe(target, {\n      subtree: true,\n      childList: true,\n    });\n  }\n}\n","/* -------------------------------------------\n *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */\n\n:root {\n  --color-black: #000000;\n  --color-blue: #305cde;\n  --color-blue-0: #000000;\n  --color-blue-10: #001550;\n  --color-blue-20: #00277f;\n  --color-blue-30: #003ab2;\n  --color-blue-40: #2352d5;\n  --color-blue-50: #446def;\n  --color-blue-60: #6789ff;\n  --color-blue-70: #90a7ff;\n  --color-blue-80: #b6c4ff;\n  --color-blue-90: #dce1ff;\n  --color-blue-95: #eff0ff;\n  --color-blue-98: #faf8ff;\n  --color-blue-100: #ffffff;\n  --color-error: var(--color-red);\n  --color-error-0: var(--color-red-0);\n  --color-error-10: var(--color-red-10);\n  --color-error-20: var(--color-red-20);\n  --color-error-30: var(--color-red-30);\n  --color-error-40: var(--color-red-40);\n  --color-error-50: var(--color-red-50);\n  --color-error-60: var(--color-red-60);\n  --color-error-70: var(--color-red-70);\n  --color-error-80: var(--color-red-80);\n  --color-error-90: var(--color-red-90);\n  --color-error-95: var(--color-red-95);\n  --color-error-98: var(--color-red-98);\n  --color-error-100: var(--color-red-100);\n  --color-error-container: var(--color-error-90);\n  --color-green: #2e6f40;\n  --color-green-0: #000000;\n  --color-green-10: #00210b;\n  --color-green-20: #003917;\n  --color-green-30: #005225;\n  --color-green-40: #0f6d35;\n  --color-green-50: #31874b;\n  --color-green-60: #4da163;\n  --color-green-70: #68bd7b;\n  --color-green-80: #83d995;\n  --color-green-90: #9ff6af;\n  --color-green-95: #c4ffcb;\n  --color-green-98: #eaffe9;\n  --color-green-100: #ffffff;\n  --color-inverse-error: var(--color-error-80);\n  --color-inverse-on-surface: var(--color-neutral-95);\n  --color-inverse-primary: var(--color-primary-80);\n  --color-inverse-secondary: var(--color-secondary-80);\n  --color-inverse-surface: var(--color-neutral-20);\n  --color-inverse-tertiary: var(--color-tertiary-80);\n  --color-neutral: #747878;\n  --color-neutral-0: #000000;\n  --color-neutral-4: #0b0f0f;\n  --color-neutral-6: #101415;\n  --color-neutral-10: #191c1d;\n  --color-neutral-12: #1d2021;\n  --color-neutral-17: #272b2b;\n  --color-neutral-20: #2e3132;\n  --color-neutral-22: #323536;\n  --color-neutral-30: #444748;\n  --color-neutral-40: #5c5f5f;\n  --color-neutral-50: #747878;\n  --color-neutral-60: #8e9192;\n  --color-neutral-70: #a9acac;\n  --color-neutral-80: #c4c7c7;\n  --color-neutral-87: #d8dadb;\n  --color-neutral-90: #e1e3e3;\n  --color-neutral-92: #e6e8e9;\n  --color-neutral-94: #eceeef;\n  --color-neutral-95: #eff1f1;\n  --color-neutral-96: #f2f4f4;\n  --color-neutral-98: #f8fafa;\n  --color-neutral-99: #fafdfd;\n  --color-neutral-100: #ffffff;\n  --color-neutral-variant: #6f797a;\n  --color-neutral-variant-0: #000000;\n  --color-neutral-variant-4: #071011;\n  --color-neutral-variant-6: #0c1516;\n  --color-neutral-variant-10: #141d1f;\n  --color-neutral-variant-12: #182123;\n  --color-neutral-variant-17: #222b2d;\n  --color-neutral-variant-20: #293234;\n  --color-neutral-variant-22: #2d3638;\n  --color-neutral-variant-30: #3f484a;\n  --color-neutral-variant-40: #576062;\n  --color-neutral-variant-50: #6f797a;\n  --color-neutral-variant-60: #899294;\n  --color-neutral-variant-70: #a3adaf;\n  --color-neutral-variant-80: #bfc8ca;\n  --color-neutral-variant-87: #d2dcde;\n  --color-neutral-variant-90: #dbe4e6;\n  --color-neutral-variant-92: #e0eaec;\n  --color-neutral-variant-94: #e6f0f1;\n  --color-neutral-variant-95: #e9f2f4;\n  --color-neutral-variant-96: #ecf5f7;\n  --color-neutral-variant-98: #f2fbfd;\n  --color-neutral-variant-99: #f6feff;\n  --color-neutral-variant-100: #ffffff;\n  --color-on-error: var(--color-error-100);\n  --color-on-error-container: var(--color-error-10);\n  --color-on-primary: var(--color-primary-100);\n  --color-on-primary-container: var(--color-primary-10);\n  --color-on-secondary: var(--color-secondary-100);\n  --color-on-secondary-container: var(--color-secondary-10);\n  --color-on-surface: var(--color-neutral-10);\n  --color-on-surface-variant: var(--color-neutral-variant-30);\n  --color-on-tertiary: var(--color-tertiary-100);\n  --color-on-tertiary-container: var(--color-tertiary-10);\n  --color-orange: #ff7518;\n  --color-orange-0: #000000;\n  --color-orange-10: #341100;\n  --color-orange-20: #552100;\n  --color-orange-30: #783100;\n  --color-orange-40: #9e4300;\n  --color-orange-50: #c55500;\n  --color-orange-60: #ee6803;\n  --color-orange-70: #ff8d4c;\n  --color-orange-80: #ffb691;\n  --color-orange-90: #ffdbcb;\n  --color-orange-95: #ffede6;\n  --color-orange-98: #fff8f6;\n  --color-orange-100: #ffffff;\n  --color-outline: var(--color-neutral-variant-50);\n  --color-outline-variant: var(--color-neutral-variant-80);\n  --color-primary: var(--color-primary-40);\n  --color-primary-0: #000000;\n  --color-primary-10: #001a42;\n  --color-primary-20: #002e6b;\n  --color-primary-30: #004396;\n  --color-primary-40: #005ac4;\n  --color-primary-50: #2673e8;\n  --color-primary-60: #4f8eff;\n  --color-primary-70: #82aaff;\n  --color-primary-80: #aec6ff;\n  --color-primary-90: #d8e2ff;\n  --color-primary-95: #edf0ff;\n  --color-primary-98: #faf9ff;\n  --color-primary-100: #ffffff;\n  --color-primary-container: var(--color-primary-90);\n  --color-purple: #e40078;\n  --color-purple-0: #000000;\n  --color-purple-10: #3f001c;\n  --color-purple-20: #650032;\n  --color-purple-30: #8e0048;\n  --color-purple-40: #ba0061;\n  --color-purple-50: #e6067a;\n  --color-purple-60: #ff4993;\n  --color-purple-70: #ff84ad;\n  --color-purple-80: #ffb1c7;\n  --color-purple-90: #ffd9e2;\n  --color-purple-95: #ffecef;\n  --color-purple-98: #fff8f8;\n  --color-purple-100: #ffffff;\n  --color-red: #e73121;\n  --color-red-0: #000000;\n  --color-red-10: #410000;\n  --color-red-20: #690000;\n  --color-red-30: #930000;\n  --color-red-40: #be0c05;\n  --color-red-50: #e32e1f;\n  --color-red-60: #ff5541;\n  --color-red-70: #ff8a78;\n  --color-red-80: #ffb4a8;\n  --color-red-90: #ffdad4;\n  --color-red-95: #ffedea;\n  --color-red-98: #fff8f6;\n  --color-red-100: #ffffff;\n  --color-scrim: var(--color-neutral-0);\n  --color-secondary: var(--color-secondary-40);\n  --color-secondary-0: #000000;\n  --color-secondary-10: #141b2c;\n  --color-secondary-20: #293041;\n  --color-secondary-30: #3f4759;\n  --color-secondary-40: #575e71;\n  --color-secondary-50: #6f778b;\n  --color-secondary-60: #8990a5;\n  --color-secondary-70: #a4abc0;\n  --color-secondary-80: #bfc6dc;\n  --color-secondary-90: #dbe2f9;\n  --color-secondary-95: #edf0ff;\n  --color-secondary-98: #faf9ff;\n  --color-secondary-100: #ffffff;\n  --color-secondary-container: var(--color-secondary-90);\n  --color-shadow: var(--color-neutral-0);\n  --color-success: var(--color-green);\n  --color-success-0: var(--color-green-0);\n  --color-success-10: var(--color-green-10);\n  --color-success-20: var(--color-green-20);\n  --color-success-30: var(--color-green-30);\n  --color-success-40: var(--color-green-40);\n  --color-success-50: var(--color-green-50);\n  --color-success-60: var(--color-green-60);\n  --color-success-70: var(--color-green-70);\n  --color-success-80: var(--color-green-80);\n  --color-success-90: var(--color-green-90);\n  --color-success-95: var(--color-green-95);\n  --color-success-98: var(--color-green-98);\n  --color-success-100: var(--color-green-100);\n  --color-surface: var(--color-neutral-99);\n  --color-surface-container: var(--color-neutral-94);\n  --color-surface-container-high: var(--color-neutral-92);\n  --color-surface-container-highest: var(--color-neutral-90);\n  --color-surface-container-low: var(--color-neutral-96);\n  --color-surface-container-lowest: var(--color-neutral-100);\n  --color-surface-dim: var(--color-neutral-87);\n  --color-surface-variant: var(--color-neutral-variant-90);\n  --color-tertiary: var(--color-tertiary-40);\n  --color-tertiary-0: #000000;\n  --color-tertiary-10: #29132d;\n  --color-tertiary-20: #402843;\n  --color-tertiary-30: #583e5a;\n  --color-tertiary-40: #715573;\n  --color-tertiary-50: #8b6d8d;\n  --color-tertiary-60: #a686a7;\n  --color-tertiary-70: #c2a1c2;\n  --color-tertiary-80: #dfbcdf;\n  --color-tertiary-90: #fcd7fb;\n  --color-tertiary-95: #ffebfc;\n  --color-tertiary-98: #fff7fa;\n  --color-tertiary-100: #ffffff;\n  --color-tertiary-container: var(--color-tertiary-90);\n  --color-warning: var(--color-yellow);\n  --color-warning-0: var(--color-yellow-0);\n  --color-warning-10: var(--color-yellow-10);\n  --color-warning-20: var(--color-yellow-20);\n  --color-warning-30: var(--color-yellow-30);\n  --color-warning-40: var(--color-yellow-40);\n  --color-warning-50: var(--color-yellow-50);\n  --color-warning-60: var(--color-yellow-60);\n  --color-warning-70: var(--color-yellow-70);\n  --color-warning-80: var(--color-yellow-80);\n  --color-warning-90: var(--color-yellow-90);\n  --color-warning-95: var(--color-yellow-95);\n  --color-warning-98: var(--color-yellow-98);\n  --color-warning-100: var(--color-yellow-100);\n  --color-white: #ffffff;\n  --color-yellow: #ffed29;\n  --color-yellow-0: #000000;\n  --color-yellow-10: #1f1c00;\n  --color-yellow-20: #363100;\n  --color-yellow-30: #4e4800;\n  --color-yellow-40: #686000;\n  --color-yellow-50: #837900;\n  --color-yellow-60: #9f9300;\n  --color-yellow-70: #bcae00;\n  --color-yellow-80: #d9c900;\n  --color-yellow-90: #f7e61e;\n  --color-yellow-95: #fff392;\n  --color-yellow-98: #fff9e6;\n  --color-yellow-100: #ffffff;\n  --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */\n  --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */\n  --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */\n  --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */\n  --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */\n  --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */\n  --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */\n  --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */\n  --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */\n  --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n  --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n  --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n  --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n  --easing-linear: cubic-bezier(0, 0, 1, 1);\n  --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n  --font-family-brand: \"Noto Sans\", sans-serif; /* The font family used for brand headings and titles. */\n  --font-family-monospace: \"Noto Sans Mono\", monospace; /* The font family used for code snippets and monospaced text. */\n  --font-family-sans: \"Noto Sans\", sans-serif; /* The primary font family used for body text and general content. */\n  --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */\n  --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */\n  --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */\n  --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */\n  --global-avatar-border-radius: var(--shape-corner-full);\n  --global-badge-color: var(--color-error-40);\n  --shape-corner-full: 9999px;\n  --shape-corner-large: 12px;\n  --shape-corner-medium: 8px;\n  --shape-corner-none: 0;\n  --shape-corner-small: 4px;\n  --spacing-000: 0; /* No spacing (base × 0). */\n  --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */\n  --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */\n  --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */\n  --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */\n  --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */\n  --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */\n  --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */\n  --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */\n  --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */\n  --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */\n  --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */\n  --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */\n  --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */\n  --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */\n  --typography-body-large-emphasized-font-family: var(--font-family-sans);\n  --typography-body-large-emphasized-font-size: 1rem;\n  --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n  --typography-body-large-emphasized-letter-spacing: 0.5px;\n  --typography-body-large-emphasized-line-height: 1.5rem;\n  --typography-body-large-font-family: var(--font-family-sans);\n  --typography-body-large-font-size: 1rem;\n  --typography-body-large-font-weight: var(--font-weight-regular);\n  --typography-body-large-letter-spacing: 0.5px;\n  --typography-body-large-line-height: 1.5rem;\n  --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n  --typography-body-medium-emphasized-font-size: 0.875rem;\n  --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n  --typography-body-medium-emphasized-letter-spacing: 0.25px;\n  --typography-body-medium-emphasized-line-height: 1.25rem;\n  --typography-body-medium-font-family: var(--font-family-sans);\n  --typography-body-medium-font-size: 0.875rem;\n  --typography-body-medium-font-weight: var(--font-weight-regular);\n  --typography-body-medium-letter-spacing: 0.25px;\n  --typography-body-medium-line-height: 1.25rem;\n  --typography-body-small-emphasized-font-family: var(--font-family-sans);\n  --typography-body-small-emphasized-font-size: 0.75rem;\n  --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n  --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n  --typography-body-small-emphasized-line-height: 1rem;\n  --typography-body-small-font-family: var(--font-family-sans);\n  --typography-body-small-font-size: 0.75rem;\n  --typography-body-small-font-weight: var(--font-weight-regular);\n  --typography-body-small-letter-spacing: 0.4000000059604645px;\n  --typography-body-small-line-height: 1rem;\n  --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n  --typography-code-large-emphasized-font-size: 1rem;\n  --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n  --typography-code-large-emphasized-letter-spacing: 0.5px;\n  --typography-code-large-emphasized-line-height: 1.5rem;\n  --typography-code-large-font-family: var(--font-family-monospace);\n  --typography-code-large-font-size: 1rem;\n  --typography-code-large-font-weight: var(--font-weight-regular);\n  --typography-code-large-letter-spacing: 0.5px;\n  --typography-code-large-line-height: 1.5rem;\n  --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n  --typography-code-medium-emphasized-font-size: 0.875rem;\n  --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n  --typography-code-medium-emphasized-letter-spacing: 0.25px;\n  --typography-code-medium-emphasized-line-height: 1.25rem;\n  --typography-code-medium-font-family: var(--font-family-monospace);\n  --typography-code-medium-font-size: 0.875rem;\n  --typography-code-medium-font-weight: var(--font-weight-regular);\n  --typography-code-medium-letter-spacing: 0.25px;\n  --typography-code-medium-line-height: 1.25rem;\n  --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n  --typography-code-small-emphasized-font-size: 0.75rem;\n  --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n  --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n  --typography-code-small-emphasized-line-height: 1rem;\n  --typography-code-small-font-family: var(--font-family-monospace);\n  --typography-code-small-font-size: 0.75rem;\n  --typography-code-small-font-weight: var(--font-weight-regular);\n  --typography-code-small-letter-spacing: 0.4000000059604645px;\n  --typography-code-small-line-height: 1rem;\n  --typography-display-large-emphasized-font-family: var(--font-family-sans);\n  --typography-display-large-emphasized-font-size: 3.5625rem;\n  --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n  --typography-display-large-emphasized-letter-spacing: -0.25px;\n  --typography-display-large-emphasized-line-height: 4rem;\n  --typography-display-large-font-family: var(--font-family-sans);\n  --typography-display-large-font-size: 3.5625rem;\n  --typography-display-large-font-weight: var(--font-weight-regular);\n  --typography-display-large-letter-spacing: -0.25px;\n  --typography-display-large-line-height: 4rem;\n  --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n  --typography-display-medium-emphasized-font-size: 2.8125rem;\n  --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n  --typography-display-medium-emphasized-letter-spacing: 0;\n  --typography-display-medium-emphasized-line-height: 3.25rem;\n  --typography-display-medium-font-family: var(--font-family-sans);\n  --typography-display-medium-font-size: 2.8125rem;\n  --typography-display-medium-font-weight: var(--font-weight-regular);\n  --typography-display-medium-letter-spacing: 0;\n  --typography-display-medium-line-height: 3.25rem;\n  --typography-display-small-emphasized-font-family: var(--font-family-sans);\n  --typography-display-small-emphasized-font-size: 2.25rem;\n  --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n  --typography-display-small-emphasized-letter-spacing: 0;\n  --typography-display-small-emphasized-line-height: 2.75rem;\n  --typography-display-small-font-family: var(--font-family-sans);\n  --typography-display-small-font-size: 2.25rem;\n  --typography-display-small-font-weight: var(--font-weight-regular);\n  --typography-display-small-letter-spacing: 0;\n  --typography-display-small-line-height: 2.75rem;\n  --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n  --typography-headline-large-emphasized-font-size: 2rem;\n  --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n  --typography-headline-large-emphasized-letter-spacing: 0;\n  --typography-headline-large-emphasized-line-height: 2.5rem;\n  --typography-headline-large-font-family: var(--font-family-sans);\n  --typography-headline-large-font-size: 2rem;\n  --typography-headline-large-font-weight: var(--font-weight-regular);\n  --typography-headline-large-letter-spacing: 0;\n  --typography-headline-large-line-height: 2.5rem;\n  --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n  --typography-headline-medium-emphasized-font-size: 1.75rem;\n  --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n  --typography-headline-medium-emphasized-letter-spacing: 0;\n  --typography-headline-medium-emphasized-line-height: 2.25rem;\n  --typography-headline-medium-font-family: var(--font-family-sans);\n  --typography-headline-medium-font-size: 1.75rem;\n  --typography-headline-medium-font-weight: var(--font-weight-regular);\n  --typography-headline-medium-letter-spacing: 0;\n  --typography-headline-medium-line-height: 2.25rem;\n  --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n  --typography-headline-small-emphasized-font-size: 1.5rem;\n  --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n  --typography-headline-small-emphasized-letter-spacing: 0;\n  --typography-headline-small-emphasized-line-height: 2rem;\n  --typography-headline-small-font-family: var(--font-family-sans);\n  --typography-headline-small-font-size: 1.5rem;\n  --typography-headline-small-font-weight: var(--font-weight-regular);\n  --typography-headline-small-letter-spacing: 0;\n  --typography-headline-small-line-height: 2rem;\n  --typography-label-large-emphasized-font-family: var(--font-family-sans);\n  --typography-label-large-emphasized-font-size: 0.875rem;\n  --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n  --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n  --typography-label-large-emphasized-line-height: 1.25rem;\n  --typography-label-large-font-family: var(--font-family-sans);\n  --typography-label-large-font-size: 0.875rem;\n  --typography-label-large-font-weight: var(--font-weight-medium);\n  --typography-label-large-letter-spacing: 0.10000000149011612px;\n  --typography-label-large-line-height: 1.25rem;\n  --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n  --typography-label-medium-emphasized-font-size: 0.75rem;\n  --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n  --typography-label-medium-emphasized-letter-spacing: 0.5px;\n  --typography-label-medium-emphasized-line-height: 1rem;\n  --typography-label-medium-font-family: var(--font-family-sans);\n  --typography-label-medium-font-size: 0.75rem;\n  --typography-label-medium-font-weight: var(--font-weight-medium);\n  --typography-label-medium-letter-spacing: 0.5px;\n  --typography-label-medium-line-height: 1rem;\n  --typography-label-small-emphasized-font-family: var(--font-family-sans);\n  --typography-label-small-emphasized-font-size: 0.6875rem;\n  --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n  --typography-label-small-emphasized-letter-spacing: 0.5px;\n  --typography-label-small-emphasized-line-height: 1rem;\n  --typography-label-small-font-family: var(--font-family-sans);\n  --typography-label-small-font-size: 0.6875rem;\n  --typography-label-small-font-weight: var(--font-weight-medium);\n  --typography-label-small-letter-spacing: 0.5px;\n  --typography-label-small-line-height: 1rem;\n  --typography-title-large-emphasized-font-family: var(--font-family-sans);\n  --typography-title-large-emphasized-font-size: 1.375rem;\n  --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n  --typography-title-large-emphasized-letter-spacing: 0;\n  --typography-title-large-emphasized-line-height: 1.75rem;\n  --typography-title-large-font-family: var(--font-family-sans);\n  --typography-title-large-font-size: 1.375rem;\n  --typography-title-large-font-weight: var(--font-weight-regular);\n  --typography-title-large-letter-spacing: 0;\n  --typography-title-large-line-height: 1.75rem;\n  --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n  --typography-title-medium-emphasized-font-size: 1rem;\n  --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n  --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n  --typography-title-medium-emphasized-line-height: 1.5rem;\n  --typography-title-medium-font-family: var(--font-family-sans);\n  --typography-title-medium-font-size: 1rem;\n  --typography-title-medium-font-weight: var(--font-weight-medium);\n  --typography-title-medium-letter-spacing: 0.15000000596046448px;\n  --typography-title-medium-line-height: 1.5rem;\n  --typography-title-small-emphasized-font-family: var(--font-family-sans);\n  --typography-title-small-emphasized-font-size: 0.875rem;\n  --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n  --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n  --typography-title-small-emphasized-line-height: 1.25rem;\n  --typography-title-small-font-family: var(--font-family-sans);\n  --typography-title-small-font-size: 0.875rem;\n  --typography-title-small-font-weight: var(--font-weight-medium);\n  --typography-title-small-letter-spacing: 0.10000000149011612px;\n  --typography-title-small-line-height: 1.25rem;\n  color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n  --color-error: var(--color-error-80);\n  --color-error-container: var(--color-error-30);\n  --color-inverse-error: var(--color-error-40);\n  --color-inverse-on-surface: var(--color-neutral-20);\n  --color-inverse-primary: var(--color-primary-40);\n  --color-inverse-secondary: var(--color-secondary-40);\n  --color-inverse-surface: var(--color-neutral-90);\n  --color-inverse-tertiary: var(--color-tertiary-40);\n  --color-on-error: var(--color-error-20);\n  --color-on-error-container: var(--color-error-90);\n  --color-on-primary: var(--color-primary-20);\n  --color-on-primary-container: var(--color-primary-90);\n  --color-on-secondary: var(--color-secondary-20);\n  --color-on-secondary-container: var(--color-secondary-90);\n  --color-on-surface: var(--color-neutral-90);\n  --color-on-surface-variant: var(--color-neutral-variant-80);\n  --color-on-tertiary: var(--color-tertiary-20);\n  --color-on-tertiary-container: var(--color-tertiary-90);\n  --color-outline: var(--color-neutral-variant-60);\n  --color-outline-variant: var(--color-neutral-variant-30);\n  --color-primary: var(--color-primary-80);\n  --color-primary-container: var(--color-primary-30);\n  --color-scrim: var(--color-neutral-0);\n  --color-secondary: var(--color-secondary-80);\n  --color-secondary-container: var(--color-secondary-30);\n  --color-shadow: var(--color-neutral-0);\n  --color-surface: var(--color-neutral-10);\n  --color-surface-container: var(--color-neutral-12);\n  --color-surface-container-high: var(--color-neutral-17);\n  --color-surface-container-highest: var(--color-neutral-22);\n  --color-surface-container-low: var(--color-neutral-10);\n  --color-surface-container-lowest: var(--color-neutral-4);\n  --color-surface-dim: var(--color-neutral-6);\n  --color-surface-variant: var(--color-neutral-variant-30);\n  --color-tertiary: var(--color-tertiary-80);\n  --color-tertiary-container: var(--color-tertiary-30);\n  --global-badge-color: var(--color-error-80);\n}\n\n","import { css, unsafeCSS, CSSResult } from 'lit';\nimport { focusRing } from '../styleMixins.css.js';\n\nexport const createLinkStyles = (prefix: string): CSSResult => css`\n  .${unsafeCSS(prefix)}-link {\n    border-radius: inherit;\n    corner-shape: inherit;\n\n    color: var(--color-primary);\n    --icon-color: var(--color-primary);\n  }\n\n  .${unsafeCSS(prefix)}-link:hover {\n    color: var(--color-on-primary-container);\n    --icon-color: var(--color-on-primary-container);\n  }\n\n  .${unsafeCSS(prefix)}-link:focus {\n    text-decoration: none;\n    ${focusRing()}\n  }\n\n  .${unsafeCSS(prefix)}-link.no-style {\n    color: var(--color-on-surface);\n    --icon-color: var(--color-on-surface);\n    text-decoration: none !important;\n  }\n\n  .${unsafeCSS(prefix)}-link.no-decoration {\n    text-decoration: none !important;\n  }\n\n  .${unsafeCSS(prefix)}-link.inline {\n    text-decoration: var(--link-decoration, underline);\n  }\n`;\n","import { css, unsafeCSS, CSSResult } from 'lit';\nimport { getTypography } from '../styleMixins.css.js';\n\n/**\n * Sass equivalents:\n * $types: \"display\", \"headline\", \"body\", \"code\", \"label\", \"title\";\n * $sizes: \"large\", \"medium\", \"small\";\n */\nconst TYPES = [\n  'display',\n  'headline',\n  'body',\n  'code',\n  'label',\n  'title',\n] as const;\n\nconst SIZES = ['large', 'medium', 'small'] as const;\n\nconst createTagClass = (prefix: string, tag: string) => css`\n  .${unsafeCSS(prefix)}-text-${unsafeCSS(tag)} {\n    ${getTypography(tag)}\n  }\n\n  .${unsafeCSS(prefix)}-text-${unsafeCSS(tag)}-emphasized {\n    ${getTypography(`${tag}-emphasized`)}\n  }\n`;\n\nconst createTypeClass = (prefix: string, type: string) => css`\n  .${unsafeCSS(prefix)}-text-${unsafeCSS(type)} {\n    ${getTypography(`${type}-medium`)}\n  }\n\n  .${unsafeCSS(prefix)}-text-${unsafeCSS(type)}-emphasized {\n    ${getTypography(`${type}-medium-emphasized`)}\n  }\n\n  ${unsafeCSS(\n    SIZES.map(size => createTagClass(prefix, `${type}-${size}`)).join(''),\n  )}\n`;\n\nexport const createTextStyles = (prefix: string): CSSResult => css`\n  /* === Margin rules (manual groups from Sass) === */\n\n  .${unsafeCSS(prefix)}-text-body,\n    .${unsafeCSS(prefix)}-text-body-medium,\n    .${unsafeCSS(prefix)}-text-body-large,\n    .${unsafeCSS(prefix)}-text-body-small {\n    margin-block-end: var(--spacing-200);\n  }\n\n  .${unsafeCSS(prefix)}-text-headline,\n    .${unsafeCSS(prefix)}-text-headline-medium,\n    .${unsafeCSS(prefix)}-text-headline-large,\n    .${unsafeCSS(prefix)}-text-headline-small {\n    margin-block-end: var(--spacing-400);\n  }\n\n  .${unsafeCSS(prefix)}-text-display,\n    .${unsafeCSS(prefix)}-text-display-medium,\n    .${unsafeCSS(prefix)}-text-display-large,\n    .${unsafeCSS(prefix)}-text-display-small {\n    margin-block-end: var(--spacing-400);\n  }\n\n  .${unsafeCSS(prefix)}-text-title,\n    .${unsafeCSS(prefix)}-text-title-medium,\n    .${unsafeCSS(prefix)}-text-title-large,\n    .${unsafeCSS(prefix)}-text-title-small {\n    margin-block-end: var(--spacing-400);\n  }\n\n  ${unsafeCSS(TYPES.map(type => createTypeClass(prefix, type)).join(''))}\n`;\n","// Eager loaded\nimport { Icon } from './icon/icon.js';\nimport { Avatar } from './avatar/avatar.js';\n\nimport { LoaderConfig, LoaderUtils } from './LoaderUtils.js';\nimport cssComponentsStyleSheet from '../assets/tokens.css';\nimport { createLinkStyles } from './link/link.css.js';\nimport { createTextStyles } from './text/text.css.js';\n\nconst libraryPrefix = 'p';\n\nfunction buildSheet(styleSheet: any) {\n  const sheet = new CSSStyleSheet();\n  // Add rules\n  sheet.replaceSync(styleSheet.toString());\n  return sheet;\n}\n\nconst styleSheets = [buildSheet(cssComponentsStyleSheet)];\n\nconst linkStylesheet = createLinkStyles(libraryPrefix).styleSheet;\nif (linkStylesheet) styleSheets.push(linkStylesheet);\n\nconst textStylesheet = createTextStyles(libraryPrefix).styleSheet;\nif (textStylesheet) styleSheets.push(textStylesheet);\n\nfunction stringifyStyleSheet(stylesheet: any) {\n  // Use Array.from() to convert the CSSRuleList to an array\n  return (\n    Array.from(stylesheet.cssRules)\n      // Map each rule to its cssText property\n      .map((rule: any) => rule.cssText || '')\n      // Join all the rules with a newline character\n      .join('\\\\n')\n  );\n}\n\nconsole.log(stringifyStyleSheet(textStylesheet));\n\ndocument.adoptedStyleSheets = styleSheets;\n\nconst loaderConfig: LoaderConfig = {\n  prefix: libraryPrefix,\n  components: {\n    icon: {\n      CustomElementClass: Icon,\n      // importPath: './component/icon.js', - for lazy load give path instead of CustomElementClass\n    },\n    avatar: {\n      CustomElementClass: Avatar,\n    },\n  },\n};\n\nnew LoaderUtils(loaderConfig).start();\n"],"names":["css","unsafeCSS"],"mappings":"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"}

package/dist/src/avatar/avatar.d.ts

@@ -1,10 +1,4 @@
 import { LitElement } from 'lit';
-/**
- * @summary Icons are visual symbols used to represent ideas, objects, or actions.
- *
- * @cssprop --icon-color - Controls the color of the icon.
- * @cssprop --icon-size - Controls the size of the icon.
- */
 export declare class Avatar extends LitElement {
     static styles: import("lit").CSSResult[];
     name: string;

package/dist/src/avatar/p-avatar.d.ts

@@ -0,0 +1,10 @@
+import { Avatar } from './avatar.js';
+/**
+ * @summary The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
+ *
+ * @cssprop --avatar-background-color - Controls the color of the avatar.
+ * @cssprop --avatar-size - Controls the size of the avatar.
+ * @cssprop --avatar-text-color - Controls the color of the text inside the avatar.
+ */
+export declare class PAvatar extends Avatar {
+}

package/dist/src/badge/badge.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/src/badge/badge.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class Badge extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    name: string;
+    src?: string;
+    slotHasContent: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge } from './badge.js';

package/dist/src/badge/p-badge.d.ts

@@ -0,0 +1,8 @@
+import { Badge } from './badge.js';
+/**
+ * @summary The badge component is used to display a small amount of information to the user.
+ *
+ * @cssprop --badge-color - Controls the color of the badge.
+ */
+export declare class PBadge extends Badge {
+}

package/dist/src/icon/icon.d.ts

@@ -1,10 +1,4 @@
 import { LitElement } from 'lit';
-/**
- * @summary Icons are visual symbols used to represent ideas, objects, or actions.
- *
- * @cssprop --icon-color - Controls the color of the icon.
- * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
- */
 export declare class Icon extends LitElement {
     static styles: import("lit").CSSResult[];
     name?: string;

package/dist/src/icon/p-icon.d.ts

@@ -1,3 +1,10 @@
 import { Icon } from './icon.js';
-export declare class IconComponent extends Icon {
+/**
+ * @name Icon
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
+ */
+export declare class PIcon extends Icon {
 }

package/dist/src/index.d.ts

@@ -1,2 +1,3 @@
-export { Icon } from './icon/icon.js';
-export { Avatar } from './avatar/avatar.js';
+export { Icon } from './icon/index.js';
+export { Avatar } from './avatar/index.js';
+export { Badge } from './badge/index.js';

package/dist/src/link/link.css.d.ts

@@ -0,0 +1,2 @@
+import { CSSResult } from 'lit';
+export declare const createLinkStyles: (prefix: string) => CSSResult;

package/dist/src/styleMixins.css.d.ts

@@ -0,0 +1,9 @@
+import { CSSResult } from 'lit';
+export declare const focusRing: (color?: string) => CSSResult;
+export declare const getTypography: (name: string) => CSSResult;
+export declare const getTypographyNotImportant: (name: string) => CSSResult;
+export declare const forPhoneOnly: (content: CSSResult) => CSSResult;
+export declare const forTabletPortraitUp: (content: CSSResult) => CSSResult;
+export declare const forTabletLandscapeUp: (content: CSSResult) => CSSResult;
+export declare const forDesktopUp: (content: CSSResult) => CSSResult;
+export declare const forBigDesktopUp: (content: CSSResult) => CSSResult;

package/dist/src/text/text.css.d.ts

@@ -0,0 +1,2 @@
+import { CSSResult } from 'lit';
+export declare const createTextStyles: (prefix: string) => CSSResult;

package/dist/src/utils.d.ts

@@ -1,3 +1,2 @@
 export declare function createCacheFetch(name: string): Promise<(url: string) => Promise<string>>;
 export declare function sanitizeSvg(rawSvg: string): string;
-export declare const getTypography: (name: string) => string;