@tekus/design-system 4.0.2 → 5.0.0

package/fesm2022/tekus-design-system-components-search-bar.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ViewChild, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { NgIf, NgStyle, NgClass } from '@angular/common';
+import * as i2 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faXmark, faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
+
+class SearchBarComponent {
+    constructor() {
+        this.inputValue = '';
+        this.faXmark = faXmark;
+        this.faMagnifyingGlass = faMagnifyingGlass;
+        /**
+         * Search bar hint label
+         */
+        this.hintLabel = '';
+        /**
+         * Input changes handler
+         */
+        this.inputValueChange = new EventEmitter();
+    }
+    onInputChange() {
+        this.inputValueChange.emit(this.inputValue);
+    }
+    onMouseEnter() {
+        this.searchInput.nativeElement.focus();
+    }
+    onInputClear() {
+        this.inputValue = '';
+        this.inputValueChange.emit('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SearchBarComponent, isStandalone: true, selector: "tk-search-bar", inputs: { hintLabel: "hintLabel", backgroundColor: "backgroundColor" }, outputs: { inputValueChange: "inputValueChange" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"search__bar\"\n  (mouseenter)=\"onMouseEnter()\"\n  [ngStyle]=\"{ 'background-color': backgroundColor }\">\n  <input\n    class=\"search__bar__input\"\n    type=\"text\"\n    #searchInput\n    [(ngModel)]=\"inputValue\"\n    [placeholder]=\"hintLabel\"\n    (input)=\"onInputChange()\" />\n  <fa-icon\n    class=\"search__bar__clear__mark__icon\"\n    [icon]=\"faXmark\"\n    *ngIf=\"inputValue !== ''\"\n    (click)=\"onInputClear()\"></fa-icon>\n  <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__input:focus{width:13rem}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-search-bar', standalone: true, imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule], template: "<div\n  class=\"search__bar\"\n  (mouseenter)=\"onMouseEnter()\"\n  [ngStyle]=\"{ 'background-color': backgroundColor }\">\n  <input\n    class=\"search__bar__input\"\n    type=\"text\"\n    #searchInput\n    [(ngModel)]=\"inputValue\"\n    [placeholder]=\"hintLabel\"\n    (input)=\"onInputChange()\" />\n  <fa-icon\n    class=\"search__bar__clear__mark__icon\"\n    [icon]=\"faXmark\"\n    *ngIf=\"inputValue !== ''\"\n    (click)=\"onInputClear()\"></fa-icon>\n  <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}.search__bar{display:flex;cursor:pointer;max-width:15rem;padding:.3rem 0;width:fit-content;align-items:center;justify-content:center;background-color:#fff}.search__bar:hover{border-bottom:2px solid black}.search__bar:hover .search__bar__input{width:13rem}.search__bar__input{width:0;border:none;outline:none;font-weight:500;background:transparent;transition:all ease-in-out .5s;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.search__bar__input:focus{width:13rem}.search__bar__clear__mark__icon{margin:0 .5rem}.search__bar__clear__mark__icon:hover{scale:1.3;transition:all ease-in-out .1s}\n"] }]
+        }], propDecorators: { searchInput: [{
+                type: ViewChild,
+                args: ['searchInput', { static: false }]
+            }], hintLabel: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], inputValueChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SearchBarComponent };
+//# sourceMappingURL=tekus-design-system-components-search-bar.mjs.map

package/fesm2022/tekus-design-system-components-search-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-components-search-bar.mjs","sources":["../../../projects/design-system/components/search-bar/src/search-bar.component.ts","../../../projects/design-system/components/search-bar/src/search-bar.component.html","../../../projects/design-system/components/search-bar/tekus-design-system-components-search-bar.ts"],"sourcesContent":["import {\n  Input,\n  Output,\n  Component,\n  ViewChild,\n  ElementRef,\n  EventEmitter,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgClass, NgStyle, NgIf } from '@angular/common';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { faMagnifyingGlass, faXmark } from '@fortawesome/pro-solid-svg-icons';\n\n@Component({\n  selector: 'tk-search-bar',\n  standalone: true,\n  imports: [NgIf, NgClass, NgStyle, FormsModule, FontAwesomeModule],\n  templateUrl: './search-bar.component.html',\n  styleUrls: ['./search-bar.component.scss'],\n})\nexport class SearchBarComponent {\n  public inputValue = '';\n  public readonly faXmark = faXmark;\n  public readonly faMagnifyingGlass = faMagnifyingGlass;\n\n  @ViewChild('searchInput', { static: false }) searchInput!: ElementRef;\n\n  /**\n   * Search bar hint label\n   */\n  @Input()\n  hintLabel = '';\n\n  /**\n   * What background color to use\n   */\n  @Input()\n  backgroundColor?: string;\n\n  /**\n   * Input changes handler\n   */\n  @Output()\n  inputValueChange = new EventEmitter<string>();\n\n  public onInputChange(): void {\n    this.inputValueChange.emit(this.inputValue);\n  }\n\n  public onMouseEnter(): void {\n    this.searchInput.nativeElement.focus();\n  }\n\n  public onInputClear() {\n    this.inputValue = '';\n    this.inputValueChange.emit('');\n  }\n}\n","<div\n  class=\"search__bar\"\n  (mouseenter)=\"onMouseEnter()\"\n  [ngStyle]=\"{ 'background-color': backgroundColor }\">\n  <input\n    class=\"search__bar__input\"\n    type=\"text\"\n    #searchInput\n    [(ngModel)]=\"inputValue\"\n    [placeholder]=\"hintLabel\"\n    (input)=\"onInputChange()\" />\n  <fa-icon\n    class=\"search__bar__clear__mark__icon\"\n    [icon]=\"faXmark\"\n    *ngIf=\"inputValue !== ''\"\n    (click)=\"onInputClear()\"></fa-icon>\n  <fa-icon [icon]=\"faMagnifyingGlass\"></fa-icon>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAoBa,kBAAkB,CAAA;AAP/B,IAAA,WAAA,GAAA;QAQS,IAAU,CAAA,UAAA,GAAG,EAAE;QACN,IAAO,CAAA,OAAA,GAAG,OAAO;QACjB,IAAiB,CAAA,iBAAA,GAAG,iBAAiB;AAIrD;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAG,EAAE;AAQd;;AAEG;AAEH,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAU;AAc9C;IAZQ,aAAa,GAAA;QAClB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;;IAGtC,YAAY,GAAA;AACjB,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE;;IAGjC,YAAY,GAAA;AACjB,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;AACpB,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;;+GAnCrB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB/B,8gBAkBA,EDFY,MAAA,EAAA,CAAA,6nBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIrD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EACb,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,8gBAAA,EAAA,MAAA,EAAA,CAAA,6nBAAA,CAAA,EAAA;8BASpB,WAAW,EAAA,CAAA;sBAAvD,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,aAAa,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;gBAM3C,SAAS,EAAA,CAAA;sBADR;gBAOD,eAAe,EAAA,CAAA;sBADd;gBAOD,gBAAgB,EAAA,CAAA;sBADf;;;AE1CH;;AAEG;;;;"}

package/fesm2022/tekus-design-system-components-typography.mjs

@@ -0,0 +1,36 @@
+import { NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+
+class TypographyComponent {
+    constructor() {
+        this.size = '';
+        this.color = '';
+        this.weight = '';
+        this.type = 'body1';
+        this.lineBreak = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TypographyComponent, isStandalone: true, selector: "tk-typography", inputs: { size: "size", color: "color", weight: "weight", type: "type", lineBreak: "lineBreak" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <h1\n    *ngSwitchCase=\"'h1-heading'\"\n    class=\"general h1-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h1>\n  <h2\n    *ngSwitchCase=\"'h2-heading'\"\n    class=\"general h2-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h2>\n  <h3\n    *ngSwitchCase=\"'h3-heading'\"\n    class=\"general h3-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <h4\n    *ngSwitchCase=\"'h4-heading'\"\n    class=\"general h4-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h4>\n  <h5\n    *ngSwitchCase=\"'h5-heading'\"\n    class=\"general h5-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h5>\n  <h6\n    *ngSwitchCase=\"'h6-heading'\"\n    class=\"general h6-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h6>\n  <h3\n    *ngSwitchCase=\"'subtitle1'\"\n    class=\"general subtitle1\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <h3\n    *ngSwitchCase=\"'subtitle2'\"\n    class=\"general subtitle2\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <p\n    *ngSwitchCase=\"'body1'\"\n    class=\"general body1\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'body2'\"\n    class=\"general body2\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'p1-paragraph'\"\n    class=\"general p1-paragraph\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'underline-text'\"\n    class=\"general underline-text\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchDefault\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n</ng-container>\n\n<ng-template #text>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["html{--tk-font-weight-light: 200;--tk-font-weight-book: 300;--tk-font-weight-regular: 400;--tk-font-weight-medium: 500;--tk-font-weight-semi-bold: 600;--tk-font-weight-bold: 700;--tk-font-weight-extra-bold: 800}html{--tk-font-size-xl: 32px;--tk-font-size-lg: 28px;--tk-font-size-md: 24px;--tk-font-size-sm: 20px;--tk-font-size-xs: 18px;--tk-font-size-2xs: 16px;--tk-font-size-3xs: 14px;--tk-font-size-4xs: 12px;--tk-font-size-5xs: 10px}html{--tk-line-height-xl: 48px;--tk-line-height-lg: 42px;--tk-line-height-md: 36px;--tk-line-height-sm: 30px;--tk-line-height-xs: 27px;--tk-line-height-2xs: 24px;--tk-line-height-3xs: 21px;--tk-line-height-4xs: 18px;--tk-line-height-5xs: 15px}html{--tk-letter-spacing-tight: -1px;--tk-letter-spacing-normal: 0px;--tk-letter-spacing-relaxed: 1px;--tk-letter-spacing-wide: 2px;--tk-letter-spacing-extra-wide: 3px}h1{font-family:poppins,sans-serif;font-size:var(--tk-font-size-xl, 32px);line-height:var(--tk-line-height-xl, 48px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h2{font-family:poppins,sans-serif;font-size:var(--tk-font-size-lg, 28px);line-height:var(--tk-line-height-lg, 42px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h3{font-family:poppins,sans-serif;font-size:var(--tk-font-size-md, 24px);line-height:var(--tk-line-height-md, 36px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h4{font-family:poppins,sans-serif;font-size:var(--tk-font-size-sm, 20px);line-height:var(--tk-line-height-sm, 30px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h5{font-family:poppins,sans-serif;font-size:var(--tk-font-size-xs, 18px);line-height:var(--tk-line-height-xs, 27px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h6{font-family:poppins,sans-serif;font-size:var(--tk-font-size-2xs, 16px);line-height:var(--tk-line-height-2xs, 24px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[body-1]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-xs, 18px);line-height:var(--tk-line-height-xs, 27px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[body-2]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-2xs, 16px);line-height:var(--tk-line-height-2xs, 24px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[body-3],a[link-1]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-3xs, 14px);line-height:var(--tk-line-height-3xs, 21px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}a[link-2]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-4xs, 12px);line-height:var(--tk-line-height-4xs, 18px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[legal]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-5xs, 10px);line-height:var(--tk-line-height-5xs, 15px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h1[weight=light],h2[weight=light],h3[weight=light],h4[weight=light],h5[weight=light],h6[weight=light],p[body-1][weight=light],p[body-2][weight=light],p[body-3][weight=light],a[link-1][weight=light],a[link-2][weight=light],p[legal][weight=light]{font-weight:var(--tk-font-weight-light)}h1[weight=regular],h2[weight=regular],h3[weight=regular],h4[weight=regular],h5[weight=regular],h6[weight=regular],p[body-1][weight=regular],p[body-2][weight=regular],p[body-3][weight=regular],a[link-1][weight=regular],a[link-2][weight=regular],p[legal][weight=regular]{font-weight:var(--tk-font-weight-regular)}h1[weight=medium],h2[weight=medium],h3[weight=medium],h4[weight=medium],h5[weight=medium],h6[weight=medium],p[body-1][weight=medium],p[body-2][weight=medium],p[body-3][weight=medium],a[link-1][weight=medium],a[link-2][weight=medium],p[legal][weight=medium]{font-weight:var(--tk-font-weight-medium)}h1[weight=semi-bold],h2[weight=semi-bold],h3[weight=semi-bold],h4[weight=semi-bold],h5[weight=semi-bold],h6[weight=semi-bold],p[body-1][weight=semi-bold],p[body-2][weight=semi-bold],p[body-3][weight=semi-bold],a[link-1][weight=semi-bold],a[link-2][weight=semi-bold],p[legal][weight=semi-bold]{font-weight:var(--tk-font-weight-semi-bold)}h1[weight=bold],h2[weight=bold],h3[weight=bold],h4[weight=bold],h5[weight=bold],h6[weight=bold],p[body-1][weight=bold],p[body-2][weight=bold],p[body-3][weight=bold],a[link-1][weight=bold],a[link-2][weight=bold],p[legal][weight=bold]{font-weight:var(--tk-font-weight-bold)}h1[weight=extra-bold],h2[weight=extra-bold],h3[weight=extra-bold],h4[weight=extra-bold],h5[weight=extra-bold],h6[weight=extra-bold],p[body-1][weight=extra-bold],p[body-2][weight=extra-bold],p[body-3][weight=extra-bold],a[link-1][weight=extra-bold],a[link-2][weight=extra-bold],p[legal][weight=extra-bold]{font-weight:var(--tk-font-weight-extra-bold)}a[link-1][underline],a[link-2][underline]{text-decoration:underline}h1[color=primary]{color:var(--tk-color-primary-500, #6ad0bc)}h2[color=secondary]{color:var(--tk-color-secondary-700, #44338b)}html{--tk-color-primary-900: #375f57;--tk-color-primary-800: #467c71;--tk-color-primary-700: #4f9385;--tk-color-primary-600: #5bb09f;--tk-color-primary-500: #6ad0bc;--tk-color-primary-400: #87d9c9;--tk-color-primary-300: #a5e2d6;--tk-color-primary-200: #c3ece4;--tk-color-primary-100: #e1f5f1;--tk-color-secondary-900: #16006f;--tk-color-secondary-800: #2b177b;--tk-color-secondary-700: #44338b;--tk-color-secondary-600: #54429d;--tk-color-secondary-500: #7366a8;--tk-color-secondary-400: #8275bb;--tk-color-secondary-300: #a29ac5;--tk-color-secondary-200: #d1cde2;--tk-color-secondary-100: #efeef5;--tk-color-accent-900: #420008;--tk-color-accent-800: #6a000c;--tk-color-accent-700: #8e0d1c;--tk-color-accent-600: #b22535;--tk-color-accent-500: #ce4556;--tk-color-accent-400: #ee707e;--tk-color-accent-300: #f89a9c;--tk-color-accent-200: #fcc2c9;--tk-color-accent-100: #fee6e9;--tk-color-neutral-900: #040303;--tk-color-neutral-800: #333333;--tk-color-neutral-700: #444444;--tk-color-neutral-600: #5b5b5b;--tk-color-neutral-500: #6b6b6b;--tk-color-neutral-400: #9b9b9b;--tk-color-neutral-300: #b3b3b3;--tk-color-neutral-200: #cdcdcd;--tk-color-neutral-100: #f2f2f2;--tk-color-success-900: #004d34;--tk-color-success-800: #0c623e;--tk-color-success-700: #00875b;--tk-color-success-600: #18ae7d;--tk-color-success-500: #36b37e;--tk-color-success-400: #57d9a3;--tk-color-success-300: #79f2c0;--tk-color-success-200: #abf5d1;--tk-color-success-100: #e3fcef;--tk-color-danger-900: #950700;--tk-color-danger-800: #af0c1d;--tk-color-danger-700: #cf2604;--tk-color-danger-600: #f43e11;--tk-color-danger-500: #ff6640;--tk-color-danger-400: #ff7f63;--tk-color-danger-300: #ffa28b;--tk-color-danger-200: #fbc2b4;--tk-color-danger-100: #ffddd4;--tk-color-info-900: #01367b;--tk-color-info-800: #01469e;--tk-color-info-700: #0a68e0;--tk-color-info-600: #1c89ff;--tk-color-info-500: #3998ff;--tk-color-info-400: #509dff;--tk-color-info-300: #7bb4fe;--tk-color-info-200: #b3d4ff;--tk-color-info-100: #deebff;--tk-color-warning-900: #ffc55d;--tk-color-warning-800: #ffca6b;--tk-color-warning-700: #ffd07d;--tk-color-warning-600: #ffd68f;--tk-color-warning-500: #ffdc9d;--tk-color-warning-400: #f5dbac;--tk-color-warning-300: #ffe8be;--tk-color-warning-200: #fff3df;--tk-color-warning-100: #fffaf2;--tk-text-default-900: #101820;--tk-text-default-800: #6c6c6c;--tk-text-default-700: #656d76;--tk-text-default-600: #a0a9b4;--tk-text-default-500: #d0d5dd;--tk-border-soft: #eaecf0;--tk-border-error: #de350b;--tk-border-hover: #667085;--tk-border-focused: #6ad0bc;--tk-border-disabled: #d0d5dd;--tk-color-full-black: #101820;--tk-color-full-white: #ffffff}html{--tk-spacing-1: 4px;--tk-spacing-2: 8px;--tk-spacing-3: 12px;--tk-spacing-4: 16px;--tk-spacing-5: 20px;--tk-spacing-6: 24px;--tk-spacing-7: 32px;--tk-spacing-8: 40px;--tk-spacing-9: 48px;--tk-spacing-10: 64px;--tk-spacing-11: 80px;--tk-spacing-12: 96px;--tk-spacing-13: 128px;--tk-spacing-14: 160px;--tk-spacing-15: 192px;--tk-spacing-16: 224px;--tk-spacing-17: 256px}html{--tk-rounded-null: 0;--tk-rounded-scale-01: 2px;--tk-rounded-scale-02: 4px;--tk-rounded-scale-03: 8px;--tk-rounded-scale-04: 12px;--tk-rounded-scale-05: 16px;--tk-rounded-scale-10: 100%}html{--tk-low-blur-small: 2px;--tk-low-blur-medium: 4px;--tk-low-blur-large: 10px;--tk-medium-blur-small: 4px;--tk-medium-blur-medium: 8px;--tk-medium-blur-large: 15px;--tk-high-blur-small: 8px;--tk-high-blur-medium: 12px;--tk-high-blur-large: 20px}html{--tk-shadow-small: 2px 2px 4px 0px #cdcdcd26;--tk-shadow-medium: 2px 4px 8px 0px #cdcdcd66;--tk-shadow-large: 0px 4px 8px 0px #cdcdcd99}.color-palette__container{color:var(--tk-color-text, #333);padding:var(--tk-spacing-md, 24px);border:1px solid var(--tk-color-border, #eee);border-radius:var(--tk-border-radius-md, 8px);margin-top:var(--tk-spacing-lg, 32px);box-shadow:var(--tk-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.color-palette__title{color:var(--tk-color-heading, #222);margin-top:0;margin-bottom:var(--tk-spacing-sm, 16px)}.color-palette__description{font-size:.9em;color:var(--tk-color-text-light, #666);margin-bottom:var(--tk-spacing-md, 24px)}.color-palette__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--tk-spacing-md, 24px)}.color-palette__card{border:1px solid var(--tk-color-border, #e0e0e0);border-radius:var(--tk-border-radius-sm, 8px);padding:var(--tk-spacing-sm, 16px);background-color:var(--tk-color-neutral-100, #f9f9f9);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--tk-shadow-xs, 0 .5px 2px rgba(0, 0, 0, .05));gap:var(--tk-spacing-2);transition:transform .2s ease,box-shadow .2s ease}.color-palette__card:hover{transform:translateY(-2px);box-shadow:var(--tk-shadow-md, 0 2px 6px rgba(0, 0, 0, .15))}.color-palette__swatch{width:100%;height:36px;border-radius:var(--tk-border-radius-xs, 4px);border:1px solid rgba(0,0,0,.1);margin-bottom:var(--tk-spacing-sm, 16px);box-sizing:border-box}.color-palette__token-name{font-weight:700;font-size:14px!important;color:var(--tk-color-text-dark, #333);margin-bottom:5px;word-break:break-all;background:var(--tk-color-full-white);padding:var(--tk-spacing-2);border-radius:var(--tk-rounded-scale-02)}.color-palette__token-value{font-size:.9em!important;color:var(--tk-color-text-light, #666);margin-bottom:var(--tk-spacing-sm, 16px);word-break:break-all}.color-palette__message{text-align:center;color:var(--tk-color-text-light, #666);padding:var(--tk-spacing-md, 24px)}.spacing-viewer{display:flex;gap:var(--tk-spacing-2);flex-wrap:wrap;padding:var(--tk-spacing-4)}.spacing-viewer__container{display:flex;flex-wrap:wrap;width:100%;padding:var(--tk-spacing-4);gap:var(--tk-spacing-2) var(--tk-spacing-8);flex-direction:row;border-radius:var(--rounded-scale-03);border:1px solid var(--tk-color-neutral-200, #cdcdcd)}.spacing-viewer__view-space{position:relative;color:var(--tk-color-secondary-700, #6941c6)}.spacing-viewer__view-space--color:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:var(--width);background-color:var(--tk-color-secondary-200, rgba(158, 119, 237, .1019607843));opacity:.5}.spacing-viewer__copy{display:flex;flex-direction:row;gap:var(--tk-spacing-4);align-items:center}.spacing-viewer__suffix{padding:var(--tk-spacing-1);border:1px solid var(--tk-color-neutral-200, #cdcdcd);border-radius:var(--tk-rounded-1, 4px);font-size:12px;cursor:pointer}:host{display:inline-flex;align-items:center;margin-left:var(--tk-spacing-02, 8px)}.copy-button{background:var(--tk-color-full-white, #fff);border:1px solid var(--tk-color-primary-500, #6ad0bc);border-radius:var(--tk-rounded-scale-04, 16px);padding:2px var(--tk-spacing-3, 12px);cursor:pointer;display:inline-flex;align-items:center;font-size:12px;color:var(--tk-color-secondary-900, #16006f);font-weight:500;box-shadow:none;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.copy-button:hover:not([disabled]){background:var(--tk-color-primary-500, #6ad0bc);color:#fff;border-color:var(--tk-color-primary-500, #6ad0bc)}.copy-button:active{background:#e6f5ee;color:var(--tk-color-secondary-900, #16006f)}.copy-success-message{color:var(--tk-color-primary-500, #6ad0bc);font-weight:500;background:var(--tk-color-full-white, #fff);border-radius:var(--tk-rounded-scale-03, 8px);font-size:12px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.illustration-doc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:var(--tk-spacing-5) 0;gap:var(--tk-spacing-4)}.illustration-doc__illustration-container{border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);padding:var(--tk-spacing-3);display:inline-flex;flex-direction:column;gap:var(--tk-spacing-2);justify-content:space-between}.illustration-doc__illustration{width:150px;height:150px}.illustration-doc__illustration svg{object-fit:contain;height:100%;width:100%}.illustration-doc__illustration-name{color:var(--tk-text-default-800);background-color:var(--tk-color-neutral-100);font-size:12px;border-radius:var(--tk-rounded-scale-03);padding:var(--tk-spacing-2)}.illustration-doc__copy-clipboard{text-align:center}.illustration-doc__no-found{color:var(--tk-text-default-700);text-align:center;display:flex;flex-direction:column;align-items:center}.illustration-doc input{margin-bottom:var(--tk-spacing-4);padding:var(--tk-spacing-2);border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);width:100%;font-size:var(--tk-font-size-2, 16px)}.illustration-doc .illustration-doc__illustration-tags{font-size:var(--tk-font-size-2, 10px);color:var(--tk-text-default-600)}.paginator-doc{display:flex;justify-content:flex-end;align-items:center;gap:var(--tk-spacing-2)}.paginator-doc__buttons-nav{padding:var(--tk-spacing-1) var(--tk-spacing-2);font-size:var(--tk-font-size-2, 12px);border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft)}.paginator-doc__buttons-text{font-size:var(--tk-font-size-2, 12px)!important;color:var(--tk-text-default-700)}.branding-doc-wrapper{margin:var(--tk-spacing-7) 0!important;padding:var(--tk-spacing-8)!important;max-width:400px;width:fit-content;position:relative}.branding-doc-wrapper.mark-border{border:var(--tk-spacing-8) solid var(--tk-color-danger-100);padding:0!important;margin:var(--tk-spacing-7)!important}.branding-doc-wrapper.mark-border:after{content:\"40px\";position:absolute;left:-40px;top:calc(3px + 100%);height:40px;font-size:12px;border-bottom:2px solid #000;display:flex;align-items:center;padding-left:8px;bottom:0}.branding-doc-wrapper.mark-border:before{content:\"40px\";position:absolute;left:-45px;top:-40px;height:40px;font-size:12px;border-left:2px solid #000;display:flex;align-items:center;padding-left:8px}.dark{background-color:var(--tk-color-neutral-800);color:var(--tk-color-full-white)}.branding-doc-content{height:100px;max-height:100px;width:fit-content}.branding-doc-content svg,.branding-doc-content img{height:100%;max-height:100px;width:100%;object-fit:contain}.branding-doc-content.mark-border:after{content:\"100px\";position:absolute;top:0;right:-90px;display:flex;align-items:center;height:100px;border-left:2px solid;padding-left:8px;font-size:12px}.svg-icon{display:inline-block;width:fit-content}.svg-icon[color=primary]{color:var(--tk-color-primary-500)}.svg-icon[color=secondary]{color:var(--tk-color-secondary-500)}.svg-icon[color=danger]{color:var(--tk-color-danger-500)}.svg-icon[color=warning]{color:var(--tk-color-warning-700)}.svg-icon[color=info]{color:var(--tk-color-info-500)}.svg-icon[color=light]{color:var(--tk-color-full-white)}.svg-icon[disabled=true],.svg-icon[data-disabled=true]{color:var(--tk-color-neutral-500)!important}.svg-icon__cu[size=\"2xs\"],.svg-icon__cu[data-size=\"2xs\"]{font-size:.625em}.svg-icon__cu[size=xs],.svg-icon__cu[data-size=xs]{font-size:.75em}.svg-icon__cu[size=sm],.svg-icon__cu[data-size=sm]{font-size:.875em}.svg-icon__cu[size=lg],.svg-icon__cu[data-size=lg]{font-size:1.25em}.svg-icon__cu[size=xl],.svg-icon__cu[data-size=xl]{font-size:1.5em}.svg-icon__cu[size=\"2xl\"],.svg-icon__cu[data-size=\"2xl\"]{font-size:2em}.svg-icon__cu[size=\"1x\"],.svg-icon__cu[data-size=\"1x\"]{font-size:1em}.svg-icon__cu[size=\"2x\"],.svg-icon__cu[data-size=\"2x\"]{font-size:2em}.svg-icon__cu[size=\"3x\"],.svg-icon__cu[data-size=\"3x\"]{font-size:3em}.svg-icon__cu[size=\"4x\"],.svg-icon__cu[data-size=\"4x\"]{font-size:4em}.svg-icon__cu[size=\"5x\"],.svg-icon__cu[data-size=\"5x\"]{font-size:5em}svg{width:100%;height:100%}.icons-doc{font-family:Poppins,sans-serif}.icons-doc__icon-search{display:flex;flex-wrap:wrap;gap:var(--tk-spacing-2, 8px)}.icons-doc input,.icons-doc select{padding:var(--tk-spacing-2);border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);font-size:var(--tk-font-size-2, 16px);flex:1 1 60%}.icons-doc select{flex:1 1 20%}.icons-doc__container{padding:20px 0}.icons-doc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:var(--tk-spacing-5) 0;gap:var(--tk-spacing-4)}.icons-doc__icon-card{border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);padding:var(--tk-spacing-3);display:inline-flex;flex-direction:column;gap:var(--tk-spacing-2);justify-content:space-between}.icons-doc__icon-name{color:var(--tk-text-default-800);background-color:var(--tk-color-neutral-100);font-size:12px;border-radius:var(--tk-rounded-scale-03);padding:var(--tk-spacing-2)}.icons-doc__icon-tags{font-size:var(--tk-font-size-2, 10px)!important;color:var(--tk-text-default-600)}.icon-doc-block,.copy-to-clipboard{display:flex;justify-content:center}.icon-colors{display:flex;gap:var(--tk-spacing-2, 8px);flex-direction:row;width:fit-content;padding:var(--tk-spacing-2, 8px);border-radius:var(--tk-rounded-scale-02);align-items:center}.icon-colors--bg-black{background-color:var(--tk-color-neutral-700)}.icon-colors--bg-white{background-color:var(--tk-color-full-white)}.icon-size-block{display:flex;gap:var(--tk-spacing-4, 16px)}.icon-size-block__content{border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);padding:var(--tk-spacing-5, 20px)}.icon-size{display:flex;gap:var(--tk-spacing-2, 8px);flex-direction:row;width:fit-content;padding:var(--tk-spacing-2, 8px);border-radius:var(--tk-rounded-scale-02);align-items:center}.table-of-content__container{display:flex;flex-wrap:wrap;gap:var(--tk-spacing-4, 16px);min-width:0}.table-of-content__content{flex:1 1 0%;min-width:0;overflow-wrap:anywhere}.table-of-content__toc{position:sticky;top:0;padding:var(--tk-spacing-3, 12px);max-height:100vh;overflow:auto}.grid-container-doc{background-color:var(--tk-color-neutral-100);border-radius:var(--tk-rounded-scale-02);width:100%;min-width:fit-content}.grid-item-doc{border-radius:var(--tk-rounded-scale-01);background-color:var(--tk-color-full-white);padding:var(--tk-spacing-1);min-height:32px}.general{font-family:Poppins,sans-serif;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TypographyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-typography', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet], template: "<ng-container [ngSwitch]=\"type\">\n  <h1\n    *ngSwitchCase=\"'h1-heading'\"\n    class=\"general h1-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h1>\n  <h2\n    *ngSwitchCase=\"'h2-heading'\"\n    class=\"general h2-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h2>\n  <h3\n    *ngSwitchCase=\"'h3-heading'\"\n    class=\"general h3-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <h4\n    *ngSwitchCase=\"'h4-heading'\"\n    class=\"general h4-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h4>\n  <h5\n    *ngSwitchCase=\"'h5-heading'\"\n    class=\"general h5-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h5>\n  <h6\n    *ngSwitchCase=\"'h6-heading'\"\n    class=\"general h6-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h6>\n  <h3\n    *ngSwitchCase=\"'subtitle1'\"\n    class=\"general subtitle1\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <h3\n    *ngSwitchCase=\"'subtitle2'\"\n    class=\"general subtitle2\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <p\n    *ngSwitchCase=\"'body1'\"\n    class=\"general body1\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'body2'\"\n    class=\"general body2\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'p1-paragraph'\"\n    class=\"general p1-paragraph\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'underline-text'\"\n    class=\"general underline-text\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchDefault\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n</ng-container>\n\n<ng-template #text>\n  <ng-content></ng-content>\n</ng-template>\n", styles: ["html{--tk-font-weight-light: 200;--tk-font-weight-book: 300;--tk-font-weight-regular: 400;--tk-font-weight-medium: 500;--tk-font-weight-semi-bold: 600;--tk-font-weight-bold: 700;--tk-font-weight-extra-bold: 800}html{--tk-font-size-xl: 32px;--tk-font-size-lg: 28px;--tk-font-size-md: 24px;--tk-font-size-sm: 20px;--tk-font-size-xs: 18px;--tk-font-size-2xs: 16px;--tk-font-size-3xs: 14px;--tk-font-size-4xs: 12px;--tk-font-size-5xs: 10px}html{--tk-line-height-xl: 48px;--tk-line-height-lg: 42px;--tk-line-height-md: 36px;--tk-line-height-sm: 30px;--tk-line-height-xs: 27px;--tk-line-height-2xs: 24px;--tk-line-height-3xs: 21px;--tk-line-height-4xs: 18px;--tk-line-height-5xs: 15px}html{--tk-letter-spacing-tight: -1px;--tk-letter-spacing-normal: 0px;--tk-letter-spacing-relaxed: 1px;--tk-letter-spacing-wide: 2px;--tk-letter-spacing-extra-wide: 3px}h1{font-family:poppins,sans-serif;font-size:var(--tk-font-size-xl, 32px);line-height:var(--tk-line-height-xl, 48px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h2{font-family:poppins,sans-serif;font-size:var(--tk-font-size-lg, 28px);line-height:var(--tk-line-height-lg, 42px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h3{font-family:poppins,sans-serif;font-size:var(--tk-font-size-md, 24px);line-height:var(--tk-line-height-md, 36px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h4{font-family:poppins,sans-serif;font-size:var(--tk-font-size-sm, 20px);line-height:var(--tk-line-height-sm, 30px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h5{font-family:poppins,sans-serif;font-size:var(--tk-font-size-xs, 18px);line-height:var(--tk-line-height-xs, 27px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h6{font-family:poppins,sans-serif;font-size:var(--tk-font-size-2xs, 16px);line-height:var(--tk-line-height-2xs, 24px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[body-1]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-xs, 18px);line-height:var(--tk-line-height-xs, 27px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[body-2]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-2xs, 16px);line-height:var(--tk-line-height-2xs, 24px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[body-3],a[link-1]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-3xs, 14px);line-height:var(--tk-line-height-3xs, 21px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}a[link-2]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-4xs, 12px);line-height:var(--tk-line-height-4xs, 18px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}p[legal]{font-family:poppins,sans-serif;font-size:var(--tk-font-size-5xs, 10px);line-height:var(--tk-line-height-5xs, 15px);letter-spacing:var(--tk-letter-spacing-tight, -1px);font-weight:var(--tk-font-weight-book, 300)}h1[weight=light],h2[weight=light],h3[weight=light],h4[weight=light],h5[weight=light],h6[weight=light],p[body-1][weight=light],p[body-2][weight=light],p[body-3][weight=light],a[link-1][weight=light],a[link-2][weight=light],p[legal][weight=light]{font-weight:var(--tk-font-weight-light)}h1[weight=regular],h2[weight=regular],h3[weight=regular],h4[weight=regular],h5[weight=regular],h6[weight=regular],p[body-1][weight=regular],p[body-2][weight=regular],p[body-3][weight=regular],a[link-1][weight=regular],a[link-2][weight=regular],p[legal][weight=regular]{font-weight:var(--tk-font-weight-regular)}h1[weight=medium],h2[weight=medium],h3[weight=medium],h4[weight=medium],h5[weight=medium],h6[weight=medium],p[body-1][weight=medium],p[body-2][weight=medium],p[body-3][weight=medium],a[link-1][weight=medium],a[link-2][weight=medium],p[legal][weight=medium]{font-weight:var(--tk-font-weight-medium)}h1[weight=semi-bold],h2[weight=semi-bold],h3[weight=semi-bold],h4[weight=semi-bold],h5[weight=semi-bold],h6[weight=semi-bold],p[body-1][weight=semi-bold],p[body-2][weight=semi-bold],p[body-3][weight=semi-bold],a[link-1][weight=semi-bold],a[link-2][weight=semi-bold],p[legal][weight=semi-bold]{font-weight:var(--tk-font-weight-semi-bold)}h1[weight=bold],h2[weight=bold],h3[weight=bold],h4[weight=bold],h5[weight=bold],h6[weight=bold],p[body-1][weight=bold],p[body-2][weight=bold],p[body-3][weight=bold],a[link-1][weight=bold],a[link-2][weight=bold],p[legal][weight=bold]{font-weight:var(--tk-font-weight-bold)}h1[weight=extra-bold],h2[weight=extra-bold],h3[weight=extra-bold],h4[weight=extra-bold],h5[weight=extra-bold],h6[weight=extra-bold],p[body-1][weight=extra-bold],p[body-2][weight=extra-bold],p[body-3][weight=extra-bold],a[link-1][weight=extra-bold],a[link-2][weight=extra-bold],p[legal][weight=extra-bold]{font-weight:var(--tk-font-weight-extra-bold)}a[link-1][underline],a[link-2][underline]{text-decoration:underline}h1[color=primary]{color:var(--tk-color-primary-500, #6ad0bc)}h2[color=secondary]{color:var(--tk-color-secondary-700, #44338b)}html{--tk-color-primary-900: #375f57;--tk-color-primary-800: #467c71;--tk-color-primary-700: #4f9385;--tk-color-primary-600: #5bb09f;--tk-color-primary-500: #6ad0bc;--tk-color-primary-400: #87d9c9;--tk-color-primary-300: #a5e2d6;--tk-color-primary-200: #c3ece4;--tk-color-primary-100: #e1f5f1;--tk-color-secondary-900: #16006f;--tk-color-secondary-800: #2b177b;--tk-color-secondary-700: #44338b;--tk-color-secondary-600: #54429d;--tk-color-secondary-500: #7366a8;--tk-color-secondary-400: #8275bb;--tk-color-secondary-300: #a29ac5;--tk-color-secondary-200: #d1cde2;--tk-color-secondary-100: #efeef5;--tk-color-accent-900: #420008;--tk-color-accent-800: #6a000c;--tk-color-accent-700: #8e0d1c;--tk-color-accent-600: #b22535;--tk-color-accent-500: #ce4556;--tk-color-accent-400: #ee707e;--tk-color-accent-300: #f89a9c;--tk-color-accent-200: #fcc2c9;--tk-color-accent-100: #fee6e9;--tk-color-neutral-900: #040303;--tk-color-neutral-800: #333333;--tk-color-neutral-700: #444444;--tk-color-neutral-600: #5b5b5b;--tk-color-neutral-500: #6b6b6b;--tk-color-neutral-400: #9b9b9b;--tk-color-neutral-300: #b3b3b3;--tk-color-neutral-200: #cdcdcd;--tk-color-neutral-100: #f2f2f2;--tk-color-success-900: #004d34;--tk-color-success-800: #0c623e;--tk-color-success-700: #00875b;--tk-color-success-600: #18ae7d;--tk-color-success-500: #36b37e;--tk-color-success-400: #57d9a3;--tk-color-success-300: #79f2c0;--tk-color-success-200: #abf5d1;--tk-color-success-100: #e3fcef;--tk-color-danger-900: #950700;--tk-color-danger-800: #af0c1d;--tk-color-danger-700: #cf2604;--tk-color-danger-600: #f43e11;--tk-color-danger-500: #ff6640;--tk-color-danger-400: #ff7f63;--tk-color-danger-300: #ffa28b;--tk-color-danger-200: #fbc2b4;--tk-color-danger-100: #ffddd4;--tk-color-info-900: #01367b;--tk-color-info-800: #01469e;--tk-color-info-700: #0a68e0;--tk-color-info-600: #1c89ff;--tk-color-info-500: #3998ff;--tk-color-info-400: #509dff;--tk-color-info-300: #7bb4fe;--tk-color-info-200: #b3d4ff;--tk-color-info-100: #deebff;--tk-color-warning-900: #ffc55d;--tk-color-warning-800: #ffca6b;--tk-color-warning-700: #ffd07d;--tk-color-warning-600: #ffd68f;--tk-color-warning-500: #ffdc9d;--tk-color-warning-400: #f5dbac;--tk-color-warning-300: #ffe8be;--tk-color-warning-200: #fff3df;--tk-color-warning-100: #fffaf2;--tk-text-default-900: #101820;--tk-text-default-800: #6c6c6c;--tk-text-default-700: #656d76;--tk-text-default-600: #a0a9b4;--tk-text-default-500: #d0d5dd;--tk-border-soft: #eaecf0;--tk-border-error: #de350b;--tk-border-hover: #667085;--tk-border-focused: #6ad0bc;--tk-border-disabled: #d0d5dd;--tk-color-full-black: #101820;--tk-color-full-white: #ffffff}html{--tk-spacing-1: 4px;--tk-spacing-2: 8px;--tk-spacing-3: 12px;--tk-spacing-4: 16px;--tk-spacing-5: 20px;--tk-spacing-6: 24px;--tk-spacing-7: 32px;--tk-spacing-8: 40px;--tk-spacing-9: 48px;--tk-spacing-10: 64px;--tk-spacing-11: 80px;--tk-spacing-12: 96px;--tk-spacing-13: 128px;--tk-spacing-14: 160px;--tk-spacing-15: 192px;--tk-spacing-16: 224px;--tk-spacing-17: 256px}html{--tk-rounded-null: 0;--tk-rounded-scale-01: 2px;--tk-rounded-scale-02: 4px;--tk-rounded-scale-03: 8px;--tk-rounded-scale-04: 12px;--tk-rounded-scale-05: 16px;--tk-rounded-scale-10: 100%}html{--tk-low-blur-small: 2px;--tk-low-blur-medium: 4px;--tk-low-blur-large: 10px;--tk-medium-blur-small: 4px;--tk-medium-blur-medium: 8px;--tk-medium-blur-large: 15px;--tk-high-blur-small: 8px;--tk-high-blur-medium: 12px;--tk-high-blur-large: 20px}html{--tk-shadow-small: 2px 2px 4px 0px #cdcdcd26;--tk-shadow-medium: 2px 4px 8px 0px #cdcdcd66;--tk-shadow-large: 0px 4px 8px 0px #cdcdcd99}.color-palette__container{color:var(--tk-color-text, #333);padding:var(--tk-spacing-md, 24px);border:1px solid var(--tk-color-border, #eee);border-radius:var(--tk-border-radius-md, 8px);margin-top:var(--tk-spacing-lg, 32px);box-shadow:var(--tk-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.color-palette__title{color:var(--tk-color-heading, #222);margin-top:0;margin-bottom:var(--tk-spacing-sm, 16px)}.color-palette__description{font-size:.9em;color:var(--tk-color-text-light, #666);margin-bottom:var(--tk-spacing-md, 24px)}.color-palette__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--tk-spacing-md, 24px)}.color-palette__card{border:1px solid var(--tk-color-border, #e0e0e0);border-radius:var(--tk-border-radius-sm, 8px);padding:var(--tk-spacing-sm, 16px);background-color:var(--tk-color-neutral-100, #f9f9f9);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--tk-shadow-xs, 0 .5px 2px rgba(0, 0, 0, .05));gap:var(--tk-spacing-2);transition:transform .2s ease,box-shadow .2s ease}.color-palette__card:hover{transform:translateY(-2px);box-shadow:var(--tk-shadow-md, 0 2px 6px rgba(0, 0, 0, .15))}.color-palette__swatch{width:100%;height:36px;border-radius:var(--tk-border-radius-xs, 4px);border:1px solid rgba(0,0,0,.1);margin-bottom:var(--tk-spacing-sm, 16px);box-sizing:border-box}.color-palette__token-name{font-weight:700;font-size:14px!important;color:var(--tk-color-text-dark, #333);margin-bottom:5px;word-break:break-all;background:var(--tk-color-full-white);padding:var(--tk-spacing-2);border-radius:var(--tk-rounded-scale-02)}.color-palette__token-value{font-size:.9em!important;color:var(--tk-color-text-light, #666);margin-bottom:var(--tk-spacing-sm, 16px);word-break:break-all}.color-palette__message{text-align:center;color:var(--tk-color-text-light, #666);padding:var(--tk-spacing-md, 24px)}.spacing-viewer{display:flex;gap:var(--tk-spacing-2);flex-wrap:wrap;padding:var(--tk-spacing-4)}.spacing-viewer__container{display:flex;flex-wrap:wrap;width:100%;padding:var(--tk-spacing-4);gap:var(--tk-spacing-2) var(--tk-spacing-8);flex-direction:row;border-radius:var(--rounded-scale-03);border:1px solid var(--tk-color-neutral-200, #cdcdcd)}.spacing-viewer__view-space{position:relative;color:var(--tk-color-secondary-700, #6941c6)}.spacing-viewer__view-space--color:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:var(--width);background-color:var(--tk-color-secondary-200, rgba(158, 119, 237, .1019607843));opacity:.5}.spacing-viewer__copy{display:flex;flex-direction:row;gap:var(--tk-spacing-4);align-items:center}.spacing-viewer__suffix{padding:var(--tk-spacing-1);border:1px solid var(--tk-color-neutral-200, #cdcdcd);border-radius:var(--tk-rounded-1, 4px);font-size:12px;cursor:pointer}:host{display:inline-flex;align-items:center;margin-left:var(--tk-spacing-02, 8px)}.copy-button{background:var(--tk-color-full-white, #fff);border:1px solid var(--tk-color-primary-500, #6ad0bc);border-radius:var(--tk-rounded-scale-04, 16px);padding:2px var(--tk-spacing-3, 12px);cursor:pointer;display:inline-flex;align-items:center;font-size:12px;color:var(--tk-color-secondary-900, #16006f);font-weight:500;box-shadow:none;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}.copy-button:hover:not([disabled]){background:var(--tk-color-primary-500, #6ad0bc);color:#fff;border-color:var(--tk-color-primary-500, #6ad0bc)}.copy-button:active{background:#e6f5ee;color:var(--tk-color-secondary-900, #16006f)}.copy-success-message{color:var(--tk-color-primary-500, #6ad0bc);font-weight:500;background:var(--tk-color-full-white, #fff);border-radius:var(--tk-rounded-scale-03, 8px);font-size:12px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.illustration-doc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:var(--tk-spacing-5) 0;gap:var(--tk-spacing-4)}.illustration-doc__illustration-container{border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);padding:var(--tk-spacing-3);display:inline-flex;flex-direction:column;gap:var(--tk-spacing-2);justify-content:space-between}.illustration-doc__illustration{width:150px;height:150px}.illustration-doc__illustration svg{object-fit:contain;height:100%;width:100%}.illustration-doc__illustration-name{color:var(--tk-text-default-800);background-color:var(--tk-color-neutral-100);font-size:12px;border-radius:var(--tk-rounded-scale-03);padding:var(--tk-spacing-2)}.illustration-doc__copy-clipboard{text-align:center}.illustration-doc__no-found{color:var(--tk-text-default-700);text-align:center;display:flex;flex-direction:column;align-items:center}.illustration-doc input{margin-bottom:var(--tk-spacing-4);padding:var(--tk-spacing-2);border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);width:100%;font-size:var(--tk-font-size-2, 16px)}.illustration-doc .illustration-doc__illustration-tags{font-size:var(--tk-font-size-2, 10px);color:var(--tk-text-default-600)}.paginator-doc{display:flex;justify-content:flex-end;align-items:center;gap:var(--tk-spacing-2)}.paginator-doc__buttons-nav{padding:var(--tk-spacing-1) var(--tk-spacing-2);font-size:var(--tk-font-size-2, 12px);border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft)}.paginator-doc__buttons-text{font-size:var(--tk-font-size-2, 12px)!important;color:var(--tk-text-default-700)}.branding-doc-wrapper{margin:var(--tk-spacing-7) 0!important;padding:var(--tk-spacing-8)!important;max-width:400px;width:fit-content;position:relative}.branding-doc-wrapper.mark-border{border:var(--tk-spacing-8) solid var(--tk-color-danger-100);padding:0!important;margin:var(--tk-spacing-7)!important}.branding-doc-wrapper.mark-border:after{content:\"40px\";position:absolute;left:-40px;top:calc(3px + 100%);height:40px;font-size:12px;border-bottom:2px solid #000;display:flex;align-items:center;padding-left:8px;bottom:0}.branding-doc-wrapper.mark-border:before{content:\"40px\";position:absolute;left:-45px;top:-40px;height:40px;font-size:12px;border-left:2px solid #000;display:flex;align-items:center;padding-left:8px}.dark{background-color:var(--tk-color-neutral-800);color:var(--tk-color-full-white)}.branding-doc-content{height:100px;max-height:100px;width:fit-content}.branding-doc-content svg,.branding-doc-content img{height:100%;max-height:100px;width:100%;object-fit:contain}.branding-doc-content.mark-border:after{content:\"100px\";position:absolute;top:0;right:-90px;display:flex;align-items:center;height:100px;border-left:2px solid;padding-left:8px;font-size:12px}.svg-icon{display:inline-block;width:fit-content}.svg-icon[color=primary]{color:var(--tk-color-primary-500)}.svg-icon[color=secondary]{color:var(--tk-color-secondary-500)}.svg-icon[color=danger]{color:var(--tk-color-danger-500)}.svg-icon[color=warning]{color:var(--tk-color-warning-700)}.svg-icon[color=info]{color:var(--tk-color-info-500)}.svg-icon[color=light]{color:var(--tk-color-full-white)}.svg-icon[disabled=true],.svg-icon[data-disabled=true]{color:var(--tk-color-neutral-500)!important}.svg-icon__cu[size=\"2xs\"],.svg-icon__cu[data-size=\"2xs\"]{font-size:.625em}.svg-icon__cu[size=xs],.svg-icon__cu[data-size=xs]{font-size:.75em}.svg-icon__cu[size=sm],.svg-icon__cu[data-size=sm]{font-size:.875em}.svg-icon__cu[size=lg],.svg-icon__cu[data-size=lg]{font-size:1.25em}.svg-icon__cu[size=xl],.svg-icon__cu[data-size=xl]{font-size:1.5em}.svg-icon__cu[size=\"2xl\"],.svg-icon__cu[data-size=\"2xl\"]{font-size:2em}.svg-icon__cu[size=\"1x\"],.svg-icon__cu[data-size=\"1x\"]{font-size:1em}.svg-icon__cu[size=\"2x\"],.svg-icon__cu[data-size=\"2x\"]{font-size:2em}.svg-icon__cu[size=\"3x\"],.svg-icon__cu[data-size=\"3x\"]{font-size:3em}.svg-icon__cu[size=\"4x\"],.svg-icon__cu[data-size=\"4x\"]{font-size:4em}.svg-icon__cu[size=\"5x\"],.svg-icon__cu[data-size=\"5x\"]{font-size:5em}svg{width:100%;height:100%}.icons-doc{font-family:Poppins,sans-serif}.icons-doc__icon-search{display:flex;flex-wrap:wrap;gap:var(--tk-spacing-2, 8px)}.icons-doc input,.icons-doc select{padding:var(--tk-spacing-2);border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);font-size:var(--tk-font-size-2, 16px);flex:1 1 60%}.icons-doc select{flex:1 1 20%}.icons-doc__container{padding:20px 0}.icons-doc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:var(--tk-spacing-5) 0;gap:var(--tk-spacing-4)}.icons-doc__icon-card{border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);padding:var(--tk-spacing-3);display:inline-flex;flex-direction:column;gap:var(--tk-spacing-2);justify-content:space-between}.icons-doc__icon-name{color:var(--tk-text-default-800);background-color:var(--tk-color-neutral-100);font-size:12px;border-radius:var(--tk-rounded-scale-03);padding:var(--tk-spacing-2)}.icons-doc__icon-tags{font-size:var(--tk-font-size-2, 10px)!important;color:var(--tk-text-default-600)}.icon-doc-block,.copy-to-clipboard{display:flex;justify-content:center}.icon-colors{display:flex;gap:var(--tk-spacing-2, 8px);flex-direction:row;width:fit-content;padding:var(--tk-spacing-2, 8px);border-radius:var(--tk-rounded-scale-02);align-items:center}.icon-colors--bg-black{background-color:var(--tk-color-neutral-700)}.icon-colors--bg-white{background-color:var(--tk-color-full-white)}.icon-size-block{display:flex;gap:var(--tk-spacing-4, 16px)}.icon-size-block__content{border-radius:var(--tk-rounded-scale-02);border:1px solid var(--tk-border-soft);padding:var(--tk-spacing-5, 20px)}.icon-size{display:flex;gap:var(--tk-spacing-2, 8px);flex-direction:row;width:fit-content;padding:var(--tk-spacing-2, 8px);border-radius:var(--tk-rounded-scale-02);align-items:center}.table-of-content__container{display:flex;flex-wrap:wrap;gap:var(--tk-spacing-4, 16px);min-width:0}.table-of-content__content{flex:1 1 0%;min-width:0;overflow-wrap:anywhere}.table-of-content__toc{position:sticky;top:0;padding:var(--tk-spacing-3, 12px);max-height:100vh;overflow:auto}.grid-container-doc{background-color:var(--tk-color-neutral-100);border-radius:var(--tk-rounded-scale-02);width:100%;min-width:fit-content}.grid-item-doc{border-radius:var(--tk-rounded-scale-01);background-color:var(--tk-color-full-white);padding:var(--tk-spacing-1);min-height:32px}.general{font-family:Poppins,sans-serif;padding:0;margin:0}.h1-heading{font-size:var(--tk-typography-h1-heading-fontSize);font-weight:var(--tk-typography-h1-heading-fontWeight)}.h2-heading{font-size:var(--tk-typography-h2-heading-fontSize);font-weight:var(--tk-typography-h2-heading-fontWeight)}.h3-heading{font-size:var(--tk-typography-h3-heading-fontSize);font-weight:var(--tk-typography-h3-heading-fontWeight)}.h4-heading{font-size:var(--tk-typography-h4-heading-fontSize);font-weight:var(--tk-typography-h4-heading-fontWeight)}.h5-heading{font-size:var(--tk-typography-h5-heading-fontSize);font-weight:var(--tk-typography-h5-heading-fontWeight)}.h6-heading{font-size:var(--tk-typography-h6-heading-fontSize);font-weight:var(--tk-typography-h6-heading-fontWeight)}.subtitle1{font-size:var(--tk-typography-subtitle1-fontSize);font-weight:var(--tk-typography-subtitle1-fontWeight)}.subtitle2{font-size:var(--tk-typography-subtitle2-fontSize);font-weight:var(--tk-typography-subtitle2-fontWeight)}.body1{font-size:var(--tk-typography-body1-fontSize);font-weight:var(--tk-typography-body1-fontWeight)}.body2{font-size:var(--tk-typography-body2-fontSize);font-weight:var(--tk-typography-body2-fontWeight)}.p1-paragraph{font-size:var(--tk-typography-p1-paragraph-fontSize);font-weight:var(--tk-typography-p1-paragraph-fontWeight)}.underline-text{font-size:var(--tk-typography-underline-fontSize);font-weight:var(--tk-typography-underline-fontWeight);text-decoration:\"underline\"}.color-tk-color-primary-900{color:var(--tk-color-primary-900)}.color-tk-color-primary-800{color:var(--tk-color-primary-800)}.color-tk-color-primary-700{color:var(--tk-color-primary-700)}.color-tk-color-primary-600{color:var(--tk-color-primary-600)}.color-tk-color-primary-500{color:var(--tk-color-primary-500)}.color-tk-color-primary-400{color:var(--tk-color-primary-400)}.color-tk-color-primary-300{color:var(--tk-color-primary-300)}.color-tk-color-primary-200{color:var(--tk-color-primary-200)}.color-tk-color-primary-100{color:var(--tk-color-primary-100)}.color-tk-color-primary{color:var(--tk-color-primary-900)}.color-tk-color-secondary-900{color:var(--tk-color-secondary-900)}.color-tk-color-secondary-800{color:var(--tk-color-secondary-800)}.color-tk-color-secondary-700{color:var(--tk-color-secondary-700)}.color-tk-color-secondary-600{color:var(--tk-color-secondary-600)}.color-tk-color-secondary-500{color:var(--tk-color-secondary-500)}.color-tk-color-secondary-400{color:var(--tk-color-secondary-400)}.color-tk-color-secondary-300{color:var(--tk-color-secondary-300)}.color-tk-color-secondary-200{color:var(--tk-color-secondary-200)}.color-tk-color-secondary-100{color:var(--tk-color-secondary-100)}.color-tk-color-secondary{color:var(--tk-color-secondary-900)}.color-tk-color-accent-900{color:var(--tk-color-accent-900)}.color-tk-color-accent-800{color:var(--tk-color-accent-800)}.color-tk-color-accent-700{color:var(--tk-color-accent-700)}.color-tk-color-accent-600{color:var(--tk-color-accent-600)}.color-tk-color-accent-500{color:var(--tk-color-accent-500)}.color-tk-color-accent-400{color:var(--tk-color-accent-400)}.color-tk-color-accent-300{color:var(--tk-color-accent-300)}.color-tk-color-accent-200{color:var(--tk-color-accent-200)}.color-tk-color-accent-100{color:var(--tk-color-accent-100)}.color-tk-color-accent{color:var(--tk-color-accent-500)}.color-tk-color-neutral-900{color:var(--tk-color-neutral-900)}.color-tk-color-neutral-800{color:var(--tk-color-neutral-800)}.color-tk-color-neutral-700{color:var(--tk-color-neutral-700)}.color-tk-color-neutral-600{color:var(--tk-color-neutral-600)}.color-tk-color-neutral-500{color:var(--tk-color-neutral-500)}.color-tk-color-neutral-400{color:var(--tk-color-neutral-400)}.color-tk-color-neutral-300{color:var(--tk-color-neutral-300)}.color-tk-color-neutral-200{color:var(--tk-color-neutral-200)}.color-tk-color-neutral-100{color:var(--tk-color-neutral-100)}.color-tk-color-neutral{color:var(--tk-color-neutral-500)}.color-tk-color-success-900{color:var(--tk-color-success-900)}.color-tk-color-success-800{color:var(--tk-color-success-800)}.color-tk-color-success-700{color:var(--tk-color-success-700)}.color-tk-color-success-600{color:var(--tk-color-success-600)}.color-tk-color-success-500{color:var(--tk-color-success-500)}.color-tk-color-success-400{color:var(--tk-color-success-400)}.color-tk-color-success-300{color:var(--tk-color-success-300)}.color-tk-color-success-200{color:var(--tk-color-success-200)}.color-tk-color-success-100{color:var(--tk-color-success-100)}.color-tk-color-success{color:var(--tk-color-success-500)}.color-tk-color-danger-900{color:var(--tk-color-danger-900)}.color-tk-color-danger-800{color:var(--tk-color-danger-800)}.color-tk-color-danger-700{color:var(--tk-color-danger-700)}.color-tk-color-danger-600{color:var(--tk-color-danger-600)}.color-tk-color-danger-500{color:var(--tk-color-danger-500)}.color-tk-color-danger-400{color:var(--tk-color-danger-400)}.color-tk-color-danger-300{color:var(--tk-color-danger-300)}.color-tk-color-danger-200{color:var(--tk-color-danger-200)}.color-tk-color-danger-100{color:var(--tk-color-danger-100)}.color-tk-color-danger{color:var(--tk-color-danger-500)}.color-tk-color-info-900{color:var(--tk-color-info-900)}.color-tk-color-info-800{color:var(--tk-color-info-800)}.color-tk-color-info-700{color:var(--tk-color-info-700)}.color-tk-color-info-600{color:var(--tk-color-info-600)}.color-tk-color-info-500{color:var(--tk-color-info-500)}.color-tk-color-info-400{color:var(--tk-color-info-400)}.color-tk-color-info-300{color:var(--tk-color-info-300)}.color-tk-color-info-200{color:var(--tk-color-info-200)}.color-tk-color-info-100{color:var(--tk-color-info-100)}.color-tk-color-info{color:var(--tk-color-info-500)}.color-tk-color-warning-900{color:var(--tk-color-warning-900)}.color-tk-color-warning-800{color:var(--tk-color-warning-800)}.color-tk-color-warning-700{color:var(--tk-color-warning-700)}.color-tk-color-warning-600{color:var(--tk-color-warning-600)}.color-tk-color-warning-500{color:var(--tk-color-warning-500)}.color-tk-color-warning-400{color:var(--tk-color-warning-400)}.color-tk-color-warning-300{color:var(--tk-color-warning-300)}.color-tk-color-warning-200{color:var(--tk-color-warning-200)}.color-tk-color-warning-100{color:var(--tk-color-warning-100)}.color-tk-color-warning{color:var(--tk-color-warning-500)}.color-tk-color-white,.color-tk-color-white-900{color:var(--tk-color-white-900)}.color-tk-color-white-800{color:var(--tk-color-white-800)}.color-tk-color-black,.color-tk-color-black-900{color:var(--tk-color-black-900)}.color-tk-color-text-900{color:var(--tk-color-text-900)}.color-tk-color-text-800{color:var(--tk-color-text-800)}.color-tk-color-text-700{color:var(--tk-color-text-700)}.color-tk-color-text-600{color:var(--tk-color-text-600)}.color-tk-color-text-500,.color-tk-color-text{color:var(--tk-color-text-500)}.color-tk-color-text-primary-900{color:var(--tk-color-text-primary-900)}.color-tk-color-text-primary-800{color:var(--tk-color-text-primary-800)}.color-tk-color-text-primary-700{color:var(--tk-color-text-primary-700)}.color-tk-color-text-primary-500{color:var(--tk-color-text-primary-500)}.color-tk-color-text-primary-400{color:var(--tk-color-text-primary-400)}.color-tk-color-text-primary-300{color:var(--tk-color-text-primary-300)}.color-tk-color-text-primary-200{color:var(--tk-color-text-primary-200)}.color-tk-color-text-primary-100{color:var(--tk-color-text-primary-100)}.color-tk-color-text-primary{color:var(--tk-color-text-primary-500)}.color-tk-color-text-secondary-900{color:var(--tk-color-text-secondary-900)}.color-tk-color-text-secondary-800{color:var(--tk-color-text-secondary-800)}.color-tk-color-text-secondary-700{color:var(--tk-color-text-secondary-700)}.color-tk-color-text-secondary-500{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-secondary-400{color:var(--tk-color-text-secondary-400)}.color-tk-color-text-secondary-300{color:var(--tk-color-text-secondary-300)}.color-tk-color-text-secondary-200{color:var(--tk-color-text-secondary-200)}.color-tk-color-text-secondary-100{color:var(--tk-color-text-secondary-100)}.color-tk-color-text-secondary{color:var(--tk-color-text-secondary-500)}.color-tk-color-text-accent-900{color:var(--tk-color-text-accent-900)}.color-tk-color-text-accent-800{color:var(--tk-color-text-accent-800)}.color-tk-color-text-accent-700{color:var(--tk-color-text-accent-700)}.color-tk-color-text-accent-500{color:var(--tk-color-text-accent-500)}.color-tk-color-text-accent-400{color:var(--tk-color-text-accent-400)}.color-tk-color-text-accent-300{color:var(--tk-color-text-accent-300)}.color-tk-color-text-accent-200{color:var(--tk-color-text-accent-200)}.color-tk-color-text-accent-100{color:var(--tk-color-text-accent-100)}.color-tk-color-text-accent{color:var(--tk-color-text-accent-500)}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], weight: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], lineBreak: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TypographyComponent };
+//# sourceMappingURL=tekus-design-system-components-typography.mjs.map

package/fesm2022/tekus-design-system-components-typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-components-typography.mjs","sources":["../../../projects/design-system/components/typography/src/typography.component.ts","../../../projects/design-system/components/typography/src/typography.component.html","../../../projects/design-system/components/typography/tekus-design-system-components-typography.ts"],"sourcesContent":["import {\n  NgSwitch,\n  NgSwitchCase,\n  NgSwitchDefault,\n  NgTemplateOutlet,\n} from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'tk-typography',\n  standalone: true,\n  imports: [NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet],\n  templateUrl: './typography.component.html',\n  styleUrl: './typography.component.scss',\n})\nexport class TypographyComponent {\n  @Input() size: string = '';\n  @Input() color: string = '';\n  @Input() weight: string = '';\n  @Input() type:\n    | 'h1-heading'\n    | 'h2-heading'\n    | 'h3-heading'\n    | 'h4-heading'\n    | 'h5-heading'\n    | 'h6-heading'\n    | 'subtitle1'\n    | 'subtitle2'\n    | 'body1'\n    | 'body2'\n    | 'p1-paragraph'\n    | 'underline-text' = 'body1';\n  @Input() lineBreak: boolean = false;\n}\n","<ng-container [ngSwitch]=\"type\">\n  <h1\n    *ngSwitchCase=\"'h1-heading'\"\n    class=\"general h1-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h1>\n  <h2\n    *ngSwitchCase=\"'h2-heading'\"\n    class=\"general h2-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h2>\n  <h3\n    *ngSwitchCase=\"'h3-heading'\"\n    class=\"general h3-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <h4\n    *ngSwitchCase=\"'h4-heading'\"\n    class=\"general h4-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h4>\n  <h5\n    *ngSwitchCase=\"'h5-heading'\"\n    class=\"general h5-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h5>\n  <h6\n    *ngSwitchCase=\"'h6-heading'\"\n    class=\"general h6-heading\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h6>\n  <h3\n    *ngSwitchCase=\"'subtitle1'\"\n    class=\"general subtitle1\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <h3\n    *ngSwitchCase=\"'subtitle2'\"\n    class=\"general subtitle2\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </h3>\n  <p\n    *ngSwitchCase=\"'body1'\"\n    class=\"general body1\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'body2'\"\n    class=\"general body2\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'p1-paragraph'\"\n    class=\"general p1-paragraph\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchCase=\"'underline-text'\"\n    class=\"general underline-text\"\n    [class]=\"'color-' + color\"\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n  <p\n    *ngSwitchDefault\n    [class.line-break]=\"lineBreak\"\n    [style.font-size]=\"size\"\n    [style.font-weight]=\"weight\">\n    <ng-container *ngTemplateOutlet=\"text\"></ng-container>\n  </p>\n</ng-container>\n\n<ng-template #text>\n  <ng-content></ng-content>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAea,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;QAQW,IAAI,CAAA,IAAA,GAAW,EAAE;QACjB,IAAK,CAAA,KAAA,GAAW,EAAE;QAClB,IAAM,CAAA,MAAA,GAAW,EAAE;QACnB,IAAI,CAAA,IAAA,GAYU,OAAO;QACrB,IAAS,CAAA,SAAA,GAAY,KAAK;AACpC;+GAlBY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfhC,gsHAyHA,ED9GY,MAAA,EAAA,CAAA,k12BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAQ,6EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIxD,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,OAAA,EACP,CAAC,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,gsHAAA,EAAA,MAAA,EAAA,CAAA,k12BAAA,CAAA,EAAA;8BAK3D,IAAI,EAAA,CAAA;sBAAZ;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBAaQ,SAAS,EAAA,CAAA;sBAAjB;;;AEhCH;;AAEG;;;;"}

package/fesm2022/tekus-design-system-core-types.mjs

@@ -0,0 +1,307 @@
+import { provideAppInitializer, inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { PrimeNG } from 'primeng/config';
+import { definePreset } from '@primeng/themes';
+import Aura from '@primeng/themes/aura';
+
+var GapGutter;
+(function (GapGutter) {
+    GapGutter["normal"] = "24px";
+    GapGutter["small"] = "16px";
+    GapGutter["large"] = "32px";
+    GapGutter["extraLarge"] = "40px";
+})(GapGutter || (GapGutter = {}));
+var PaddingGridContainer;
+(function (PaddingGridContainer) {
+    PaddingGridContainer["large"] = "32px";
+    PaddingGridContainer["medium"] = "24px";
+    PaddingGridContainer["small"] = "16px";
+})(PaddingGridContainer || (PaddingGridContainer = {}));
+var Gutter;
+(function (Gutter) {
+    Gutter["normal"] = "normal";
+    Gutter["small"] = "small";
+    Gutter["large"] = "large";
+    Gutter["extraLarge"] = "extraLarge";
+})(Gutter || (Gutter = {}));
+
+const Breakpoints = {
+    // Covers all devices with a width less than or equal to 360px.
+    mobileSmall: '(max-width: 360px)',
+    // For small phones (e.g., most modern cell phones)
+    mobile: '(min-width: 361px) and (max-width: 424px)',
+    // For large phones (e.g., Google Pixel, iPhone Plus/Max)
+    mobileLarge: '(min-width: 425px) and (max-width: 575px)',
+    // Vertical tablets and medium-sized devices
+    tabletVertical: '(min-width: 576px) and (max-width: 767px)',
+    // Tablets in landscape mode
+    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',
+    // Laptops and small desktops
+    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',
+    // Large desks
+    desktop: '(min-width: 1200px) and (max-width: 1399px)',
+    // Ultra-wide screens
+    desktopLarge: '(min-width: 1400px)',
+};
+
+const TkPreset = definePreset(Aura, {
+    semantic: {
+        primary: {
+            900: '#16006f',
+            800: '#2b177b',
+            700: '#44338b',
+            600: '#54429d',
+            500: '#7366a8',
+            400: '#8275bb',
+            300: '#a29ac5',
+            200: '#d1cde2',
+            100: '#efeef5',
+        },
+        secondary: {
+            900: '#375f57',
+            800: '#467c71',
+            700: '#4f9385',
+            600: '#5bb09f',
+            500: '#6ad0bc',
+            400: '#87d9c9',
+            300: '#a5e2d6',
+            200: '#c3ece4',
+            100: '#e1f5f1',
+        },
+        accent: {
+            900: '#ffc55d',
+            800: '#ffca6b',
+            700: '#ffd07d',
+            600: '#ffd68f',
+            500: '#ffdc9d',
+            400: '#f5dbac',
+            300: '#ffe8be',
+            200: '#fff3df',
+            100: '#fffaf2',
+        },
+        neutral: {
+            900: '#040303',
+            800: '#333333',
+            700: '#444444',
+            600: '#5b5b5b',
+            500: '#6b6b6b',
+            400: '#9b9b9b',
+            300: '#b3b3b3',
+            200: '#cdcdcd',
+            100: '#f2f2f2',
+        },
+        success: {
+            900: '#004d34',
+            800: '#0c623e',
+            700: '#00875b',
+            600: '#18ae7d',
+            500: '#36b37e',
+            400: '#57d9a3',
+            300: '#79f2c0',
+            200: '#abf5d1',
+            100: '#e3fcef',
+        },
+        danger: {
+            900: '#950700',
+            800: '#af0c1d',
+            700: '#cf2604',
+            600: '#f43e11',
+            500: '#ff6640',
+            400: '#ff7f63',
+            300: '#ffa28b',
+            200: '#fbc2b4',
+            100: '#ffddd4',
+        },
+        info: {
+            900: '#01367b',
+            800: '#01469e',
+            700: '#0a68e0',
+            600: '#1c89ff',
+            500: '#3998ff',
+            400: '#509dff',
+            300: '#7bb4fe',
+            200: '#b3d4ff',
+            100: '#deebff',
+        },
+        warning: {
+            900: '#eca501',
+            800: '#ffb200',
+            700: '#ffbf2b',
+            600: '#ffc744',
+            500: '#ffd21b',
+            400: '#ffdc50',
+            300: '#fee26f',
+            200: '#ffeea9',
+            100: '#fff5cd',
+        },
+        surface: {
+            0: '#ffffff',
+            100: '#f2f2f2',
+        },
+        text: {
+            900: '#101820',
+            800: '#6c6c6c',
+            700: '#656d76',
+            600: '#a0a9b4',
+            500: '#d0d5dd',
+        },
+        border: {
+            soft: '#eaecf0',
+            error: '#de350b',
+            hover: '#667085',
+            focused: '#6ad0bc',
+            disabled: '#d0d5dd',
+        },
+        fullBlack: '#101820',
+        fullWhite: '#ffffff',
+    },
+    font: {
+        family: 'poppins, sans-serif',
+        size: {
+            xl: '2rem', // 32px
+            lg: '1.75rem', // 28px
+            md: '1.5rem', // 24px
+            sm: '1.25rem', // 20px
+            xs: '1.125rem', // 18px
+            '2xs': '1rem', // 16px
+            '3xs': '0.875rem', // 14px
+            '4xs': '0.75rem', // 12px
+            '5xs': '0.625rem', // 10px
+        },
+        weight: {
+            light: '200',
+            book: '300',
+            regular: '400',
+            medium: '500',
+            'semi-bold': '600',
+            bold: '700',
+            'extra-bold': '800',
+        },
+        lineHeight: {
+            xl: '1.5', // 48px / 32px
+            lg: '1.5', // 42px / 28px
+            md: '1.5', // 36px / 24px
+            sm: '1.5', // 30px / 20px
+            xs: '1.5', // 27px / 18px
+            '2xs': '1.5', // 24px / 16px
+            '3xs': '1.5', // 21px / 14px
+            '4xs': '1.5', // 18px / 12px
+            '5xs': '1.5', // 15px / 10px
+        },
+    },
+    spacing: {
+        1: '0.25rem', // 4px
+        2: '0.5rem', // 8px
+        3: '0.75rem', // 12px
+        4: '1rem', // 16px
+        5: '1.25rem', // 20px
+        6: '1.5rem', // 24px
+        8: '2rem', // 32px
+        10: '2.5rem', // 40px
+        12: '3rem', // 48px
+        16: '4rem', // 64px
+        20: '5rem', // 80px
+        24: '6rem', // 96px
+        32: '8rem', // 128px
+        40: '10rem', // 160px
+        48: '12rem', // 192px
+        56: '14rem', // 224px
+        64: '16rem', // 256px
+    },
+    components: {
+        button: {
+            root: {
+                outline: 'none',
+                boxShadow: 'none',
+                border: 'none',
+                focusBoxShadow: 'none',
+            },
+            colorScheme: {
+                light: {
+                    primary: {
+                        background: '{primary.900}',
+                        color: '{surface.0}',
+                        hoverBackground: '{primary.800}',
+                        hoverColor: '{surface.0}',
+                        activeBackground: '{primary.700}',
+                        activeColor: '{surface.0}',
+                        borderColor: 'transparent',
+                        hoverBorderColor: 'transparent',
+                        activeBorderColor: 'transparent',
+                    },
+                    secondary: {
+                        background: '{secondary.900}',
+                        color: '{surface.0}',
+                        hoverBackground: '{secondary.800}',
+                        hoverColor: '{surface.0}',
+                        activeBackground: '{secondary.700}',
+                        activeColor: '{surface.0}',
+                        borderColor: 'transparent',
+                        hoverBorderColor: 'transparent',
+                        activeBorderColor: 'transparent',
+                    },
+                    danger: {
+                        background: '{danger.900}',
+                        color: '{surface.0}',
+                        hoverBackground: '{danger.800}',
+                        hoverColor: '{surface.0}',
+                        activeBackground: '{danger.700}',
+                        activeColor: '{surface.0}',
+                        borderColor: 'transparent',
+                        hoverBorderColor: 'transparent',
+                        activeBorderColor: 'transparent',
+                    },
+                    link: {
+                        textDecoration: 'underline',
+                        background: 'none',
+                        boxShadow: 'none',
+                        color: '{primary.900}',
+                        fontSize: '{font.size.2xs}',
+                        fontWeight: '{font.weight.medium}',
+                        hoverColor: '{primary.700}',
+                        hoverBackground: 'none',
+                        activeColor: '{primary.600}',
+                        activeBackground: 'none',
+                    },
+                },
+            },
+        },
+    },
+});
+
+function themeFactory(config, document) {
+    return () => {
+        const fontLink = document.createElement('link');
+        fontLink.rel = 'stylesheet';
+        fontLink.href =
+            'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';
+        document.head.appendChild(fontLink);
+        const style = document.createElement('style');
+        style.innerHTML = `
+      body {
+        font-family: 'Poppins', sans-serif;
+      }
+    `;
+        document.head.appendChild(style);
+        config.theme.set({
+            preset: TkPreset,
+            options: {
+                darkModeSelector: undefined,
+            },
+        });
+    };
+}
+function provideTkTheme() {
+    return provideAppInitializer(() => {
+        const config = inject(PrimeNG);
+        const document = inject(DOCUMENT);
+        return themeFactory(config, document)();
+    });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkPreset, provideTkTheme };
+//# sourceMappingURL=tekus-design-system-core-types.mjs.map

package/fesm2022/tekus-design-system-core-types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-core-types.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/types/tekus-design-system-core-types.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n  semantic: {\n    primary: {\n      900: '#16006f',\n      800: '#2b177b',\n      700: '#44338b',\n      600: '#54429d',\n      500: '#7366a8',\n      400: '#8275bb',\n      300: '#a29ac5',\n      200: '#d1cde2',\n      100: '#efeef5',\n    },\n    secondary: {\n      900: '#375f57',\n      800: '#467c71',\n      700: '#4f9385',\n      600: '#5bb09f',\n      500: '#6ad0bc',\n      400: '#87d9c9',\n      300: '#a5e2d6',\n      200: '#c3ece4',\n      100: '#e1f5f1',\n    },\n    accent: {\n      900: '#ffc55d',\n      800: '#ffca6b',\n      700: '#ffd07d',\n      600: '#ffd68f',\n      500: '#ffdc9d',\n      400: '#f5dbac',\n      300: '#ffe8be',\n      200: '#fff3df',\n      100: '#fffaf2',\n    },\n    neutral: {\n      900: '#040303',\n      800: '#333333',\n      700: '#444444',\n      600: '#5b5b5b',\n      500: '#6b6b6b',\n      400: '#9b9b9b',\n      300: '#b3b3b3',\n      200: '#cdcdcd',\n      100: '#f2f2f2',\n    },\n    success: {\n      900: '#004d34',\n      800: '#0c623e',\n      700: '#00875b',\n      600: '#18ae7d',\n      500: '#36b37e',\n      400: '#57d9a3',\n      300: '#79f2c0',\n      200: '#abf5d1',\n      100: '#e3fcef',\n    },\n    danger: {\n      900: '#950700',\n      800: '#af0c1d',\n      700: '#cf2604',\n      600: '#f43e11',\n      500: '#ff6640',\n      400: '#ff7f63',\n      300: '#ffa28b',\n      200: '#fbc2b4',\n      100: '#ffddd4',\n    },\n    info: {\n      900: '#01367b',\n      800: '#01469e',\n      700: '#0a68e0',\n      600: '#1c89ff',\n      500: '#3998ff',\n      400: '#509dff',\n      300: '#7bb4fe',\n      200: '#b3d4ff',\n      100: '#deebff',\n    },\n    warning: {\n      900: '#eca501',\n      800: '#ffb200',\n      700: '#ffbf2b',\n      600: '#ffc744',\n      500: '#ffd21b',\n      400: '#ffdc50',\n      300: '#fee26f',\n      200: '#ffeea9',\n      100: '#fff5cd',\n    },\n    surface: {\n      0: '#ffffff',\n      100: '#f2f2f2',\n    },\n    text: {\n      900: '#101820',\n      800: '#6c6c6c',\n      700: '#656d76',\n      600: '#a0a9b4',\n      500: '#d0d5dd',\n    },\n    border: {\n      soft: '#eaecf0',\n      error: '#de350b',\n      hover: '#667085',\n      focused: '#6ad0bc',\n      disabled: '#d0d5dd',\n    },\n    fullBlack: '#101820',\n    fullWhite: '#ffffff',\n  },\n  font: {\n    family: 'poppins, sans-serif',\n    size: {\n      xl: '2rem', // 32px\n      lg: '1.75rem', // 28px\n      md: '1.5rem', // 24px\n      sm: '1.25rem', // 20px\n      xs: '1.125rem', // 18px\n      '2xs': '1rem', // 16px\n      '3xs': '0.875rem', // 14px\n      '4xs': '0.75rem', // 12px\n      '5xs': '0.625rem', // 10px\n    },\n    weight: {\n      light: '200',\n      book: '300',\n      regular: '400',\n      medium: '500',\n      'semi-bold': '600',\n      bold: '700',\n      'extra-bold': '800',\n    },\n    lineHeight: {\n      xl: '1.5', // 48px / 32px\n      lg: '1.5', // 42px / 28px\n      md: '1.5', // 36px / 24px\n      sm: '1.5', // 30px / 20px\n      xs: '1.5', // 27px / 18px\n      '2xs': '1.5', // 24px / 16px\n      '3xs': '1.5', // 21px / 14px\n      '4xs': '1.5', // 18px / 12px\n      '5xs': '1.5', // 15px / 10px\n    },\n  },\n  spacing: {\n    1: '0.25rem', // 4px\n    2: '0.5rem', // 8px\n    3: '0.75rem', // 12px\n    4: '1rem', // 16px\n    5: '1.25rem', // 20px\n    6: '1.5rem', // 24px\n    8: '2rem', // 32px\n    10: '2.5rem', // 40px\n    12: '3rem', // 48px\n    16: '4rem', // 64px\n    20: '5rem', // 80px\n    24: '6rem', // 96px\n    32: '8rem', // 128px\n    40: '10rem', // 160px\n    48: '12rem', // 192px\n    56: '14rem', // 224px\n    64: '16rem', // 256px\n  },\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      colorScheme: {\n        light: {\n          primary: {\n            background: '{primary.900}',\n            color: '{surface.0}',\n            hoverBackground: '{primary.800}',\n            hoverColor: '{surface.0}',\n            activeBackground: '{primary.700}',\n            activeColor: '{surface.0}',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          secondary: {\n            background: '{secondary.900}',\n            color: '{surface.0}',\n            hoverBackground: '{secondary.800}',\n            hoverColor: '{surface.0}',\n            activeBackground: '{secondary.700}',\n            activeColor: '{surface.0}',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          danger: {\n            background: '{danger.900}',\n            color: '{surface.0}',\n            hoverBackground: '{danger.800}',\n            hoverColor: '{surface.0}',\n            activeBackground: '{danger.700}',\n            activeColor: '{surface.0}',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          link: {\n            textDecoration: 'underline',\n            background: 'none',\n            boxShadow: 'none',\n            color: '{primary.900}',\n            fontSize: '{font.size.2xs}',\n            fontWeight: '{font.weight.medium}',\n            hoverColor: '{primary.700}',\n            hoverBackground: 'none',\n            activeColor: '{primary.600}',\n            activeBackground: 'none',\n          },\n        },\n      },\n    },\n  },\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        darkModeSelector: undefined,\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}