@progressio_resources/gravity-design-system 3.0.12 → 3.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +43 -41
  2. package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +6 -3
  3. package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +28 -0
  4. package/esm2022/lib/gravity-design-system.module.mjs +9 -8
  5. package/esm2022/public-api.mjs +2 -1
  6. package/fesm2022/progressio_resources-gravity-design-system.mjs +79 -50
  7. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  8. package/lib/components/gravity-icon/gravity-icon.component.d.ts +42 -40
  9. package/lib/components/gravity-status-indicator/gravity-status-indicator.component.d.ts +2 -1
  10. package/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.d.ts +13 -0
  11. package/lib/gravity-design-system.module.d.ts +30 -29
  12. package/package.json +1 -1
  13. package/public-api.d.ts +1 -0
  14. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-lg-24.svg +10 -0
  15. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-md-16.svg +10 -0
  16. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-sm-12.svg +10 -0
  17. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-xl-32.svg +10 -0
  18. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-lg-24.svg +1 -1
  19. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-md-16.svg +1 -1
  20. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-sm-12.svg +1 -1
  21. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-xl-32.svg +1 -1
  22. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-lg-24.svg +10 -0
  23. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-md-16.svg +10 -0
  24. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-sm-12.svg +10 -0
  25. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-xl-32.svg +10 -0
  26. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-lg-24.svg +1 -1
  27. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-md-16.svg +1 -1
  28. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-xl-32.svg +1 -1
  29. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-lg-24.svg +1 -1
  30. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-md-16.svg +1 -1
  31. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-sm-12.svg +1 -1
  32. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-xl-32.svg +1 -1
  33. package/src/lib/assets/json/icons.json +32 -0
  34. package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +2 -2
  35. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-sm-12.svg +0 -3
package/fesm2022/progressio_resources-gravity-design-system.mjs CHANGED
@@ -63,46 +63,48 @@ var ICONS;
63
63
  ICONS[ICONS["bell"] = 5] = "bell";
64
64
  ICONS[ICONS["calendar"] = 6] = "calendar";
65
65
  ICONS[ICONS["check"] = 7] = "check";
66
- ICONS[ICONS["chevron-double-down"] = 8] = "chevron-double-down";
67
- ICONS[ICONS["chevron-double-up"] = 9] = "chevron-double-up";
68
- ICONS[ICONS["copy"] = 10] = "copy";
69
- ICONS[ICONS["deposit"] = 11] = "deposit";
70
- ICONS[ICONS["download"] = 12] = "download";
71
- ICONS[ICONS["eye-closed"] = 13] = "eye-closed";
72
- ICONS[ICONS["eye-open"] = 14] = "eye-open";
73
- ICONS[ICONS["exchange-provider"] = 15] = "exchange-provider";
74
- ICONS[ICONS["graphics"] = 16] = "graphics";
75
- ICONS[ICONS["happy-face"] = 17] = "happy-face";
76
- ICONS[ICONS["home"] = 18] = "home";
77
- ICONS[ICONS["information-circle"] = 19] = "information-circle";
78
- ICONS[ICONS["internal-processing"] = 20] = "internal-processing";
79
- ICONS[ICONS["language"] = 21] = "language";
80
- ICONS[ICONS["mail"] = 22] = "mail";
81
- ICONS[ICONS["menu"] = 23] = "menu";
82
- ICONS[ICONS["more-options"] = 24] = "more-options";
83
- ICONS[ICONS["new-tab"] = 25] = "new-tab";
84
- ICONS[ICONS["news"] = 26] = "news";
85
- ICONS[ICONS["payout"] = 27] = "payout";
86
- ICONS[ICONS["plus"] = 28] = "plus";
87
- ICONS[ICONS["question-circle"] = 29] = "question-circle";
88
- ICONS[ICONS["rates"] = 30] = "rates";
89
- ICONS[ICONS["report"] = 31] = "report";
90
- ICONS[ICONS["search"] = 32] = "search";
91
- ICONS[ICONS["security"] = 33] = "security";
92
- ICONS[ICONS["settings"] = 34] = "settings";
93
- ICONS[ICONS["sign-out"] = 35] = "sign-out";
94
- ICONS[ICONS["success-circle"] = 36] = "success-circle";
95
- ICONS[ICONS["swaps"] = 37] = "swaps";
96
- ICONS[ICONS["swaps-arrow-left"] = 38] = "swaps-arrow-left";
97
- ICONS[ICONS["swaps-arrow-right"] = 39] = "swaps-arrow-right";
98
- ICONS[ICONS["switch"] = 40] = "switch";
99
- ICONS[ICONS["tool"] = 41] = "tool";
100
- ICONS[ICONS["trash"] = 42] = "trash";
101
- ICONS[ICONS["unlock"] = 43] = "unlock";
102
- ICONS[ICONS["unsuccess"] = 44] = "unsuccess";
103
- ICONS[ICONS["update"] = 45] = "update";
104
- ICONS[ICONS["user"] = 46] = "user";
105
- ICONS[ICONS["warning-circle"] = 47] = "warning-circle";
66
+ ICONS[ICONS["clock"] = 8] = "clock";
67
+ ICONS[ICONS["chevron-double-down"] = 9] = "chevron-double-down";
68
+ ICONS[ICONS["chevron-double-up"] = 10] = "chevron-double-up";
69
+ ICONS[ICONS["copy"] = 11] = "copy";
70
+ ICONS[ICONS["deposit"] = 12] = "deposit";
71
+ ICONS[ICONS["download"] = 13] = "download";
72
+ ICONS[ICONS["eye-closed"] = 14] = "eye-closed";
73
+ ICONS[ICONS["eye-open"] = 15] = "eye-open";
74
+ ICONS[ICONS["exchange-provider"] = 16] = "exchange-provider";
75
+ ICONS[ICONS["graphics"] = 17] = "graphics";
76
+ ICONS[ICONS["happy-face"] = 18] = "happy-face";
77
+ ICONS[ICONS["home"] = 19] = "home";
78
+ ICONS[ICONS["information-circle"] = 20] = "information-circle";
79
+ ICONS[ICONS["internal-processing"] = 21] = "internal-processing";
80
+ ICONS[ICONS["language"] = 22] = "language";
81
+ ICONS[ICONS["mail"] = 23] = "mail";
82
+ ICONS[ICONS["menu"] = 24] = "menu";
83
+ ICONS[ICONS["more-options"] = 25] = "more-options";
84
+ ICONS[ICONS["new-tab"] = 26] = "new-tab";
85
+ ICONS[ICONS["news"] = 27] = "news";
86
+ ICONS[ICONS["payout"] = 28] = "payout";
87
+ ICONS[ICONS["plus"] = 29] = "plus";
88
+ ICONS[ICONS["question-circle"] = 30] = "question-circle";
89
+ ICONS[ICONS["queue"] = 31] = "queue";
90
+ ICONS[ICONS["rates"] = 32] = "rates";
91
+ ICONS[ICONS["report"] = 33] = "report";
92
+ ICONS[ICONS["search"] = 34] = "search";
93
+ ICONS[ICONS["security"] = 35] = "security";
94
+ ICONS[ICONS["settings"] = 36] = "settings";
95
+ ICONS[ICONS["sign-out"] = 37] = "sign-out";
96
+ ICONS[ICONS["success-circle"] = 38] = "success-circle";
97
+ ICONS[ICONS["swaps"] = 39] = "swaps";
98
+ ICONS[ICONS["swaps-arrow-left"] = 40] = "swaps-arrow-left";
99
+ ICONS[ICONS["swaps-arrow-right"] = 41] = "swaps-arrow-right";
100
+ ICONS[ICONS["switch"] = 42] = "switch";
101
+ ICONS[ICONS["tool"] = 43] = "tool";
102
+ ICONS[ICONS["trash"] = 44] = "trash";
103
+ ICONS[ICONS["unlock"] = 45] = "unlock";
104
+ ICONS[ICONS["unsuccess"] = 46] = "unsuccess";
105
+ ICONS[ICONS["update"] = 47] = "update";
106
+ ICONS[ICONS["user"] = 48] = "user";
107
+ ICONS[ICONS["warning-circle"] = 49] = "warning-circle";
106
108
  })(ICONS || (ICONS = {}));
107
109
 
108
110
  class GravityButtonComponent {
@@ -5058,6 +5060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
5058
5060
  class GravityStatusIndicatorComponent {
5059
5061
  constructor() {
5060
5062
  this.size = 'sm';
5063
+ this.type = 'primary';
5061
5064
  this.status = 'neutro';
5062
5065
  }
5063
5066
  getIconSizeClass(size) {
@@ -5067,17 +5070,19 @@ class GravityStatusIndicatorComponent {
5067
5070
  }
5068
5071
  }
5069
5072
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5070
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", size: "size", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body-text {{size}}-regular {{status}}\">\n {{text}}\n <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--on-bg-button-active-neutro);--gravity-status-indicator-background-color: var(--bg-button-active-neutro)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
5073
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body-text {{size}}-regular {{status}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body-text sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--on-bg-button-active-neutro);--gravity-status-indicator-background-color: var(--bg-button-active-neutro)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-active-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-active-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-active-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-button-active-neutro)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
5071
5074
  }
5072
5075
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
5073
5076
  type: Component,
5074
- args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body-text {{size}}-regular {{status}}\">\n {{text}}\n <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--on-bg-button-active-neutro);--gravity-status-indicator-background-color: var(--bg-button-active-neutro)}\n"] }]
5077
+ args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body-text {{size}}-regular {{status}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body-text sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--on-bg-button-active-neutro);--gravity-status-indicator-background-color: var(--bg-button-active-neutro)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-active-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-active-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-active-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-button-active-neutro)}\n"] }]
5075
5078
  }], propDecorators: { icon: [{
5076
5079
  type: Input
5077
5080
  }], text: [{
5078
5081
  type: Input
5079
5082
  }], size: [{
5080
5083
  type: Input
5084
+ }], type: [{
5085
+ type: Input
5081
5086
  }], status: [{
5082
5087
  type: Input
5083
5088
  }] } });
@@ -5312,6 +5317,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
5312
5317
  type: Output
5313
5318
  }] } });
5314
5319
 
5320
+ class GravityTabSecondaryComponent {
5321
+ constructor() {
5322
+ this.tabs = [];
5323
+ this.selected = 0;
5324
+ this.pressed = new EventEmitter();
5325
+ }
5326
+ setActiveTab(index) {
5327
+ this.selected = index;
5328
+ this.pressed.emit(index);
5329
+ }
5330
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5331
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabSecondaryComponent, selector: "gravity-tab-secondary", inputs: { tabs: "tabs", selected: "selected" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-secondary-container\">\n <div class=\"gravity-tab-secondary\"\n *ngFor=\"let tab of tabs; let i = index\"\n [ngClass]=\"selected === i ? 'selected' : 'unselected'\"\n (click)=\"setActiveTab(i)\">\n <div class=\"tab-content\">\n <gravity-icon [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-body-text\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{ tab.title }}</p>\n </div>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tab-secondary-container{display:flex;gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .gravity-tab-secondary{cursor:pointer;border-radius:.3125rem;padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{display:flex;width:max-content;align-items:center;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs);border-bottom:var(--tab-secondary-border)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{color:var(--text-highlight-primary)}.gravity-tab-secondary-container .gravity-tab-secondary.unselected{--tab-secondary-border: none}.gravity-tab-secondary-container .gravity-tab-secondary.selected{--tab-secondary-border: 1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container :hover{background-color:var(--bg-highlight-neutro-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
5332
+ }
5333
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, decorators: [{
5334
+ type: Component,
5335
+ args: [{ selector: 'gravity-tab-secondary', template: "<div class=\"gravity-tab-secondary-container\">\n <div class=\"gravity-tab-secondary\"\n *ngFor=\"let tab of tabs; let i = index\"\n [ngClass]=\"selected === i ? 'selected' : 'unselected'\"\n (click)=\"setActiveTab(i)\">\n <div class=\"tab-content\">\n <gravity-icon [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-body-text\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{ tab.title }}</p>\n </div>\n </div>\n</div>\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tab-secondary-container{display:flex;gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .gravity-tab-secondary{cursor:pointer;border-radius:.3125rem;padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{display:flex;width:max-content;align-items:center;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs);border-bottom:var(--tab-secondary-border)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{color:var(--text-highlight-primary)}.gravity-tab-secondary-container .gravity-tab-secondary.unselected{--tab-secondary-border: none}.gravity-tab-secondary-container .gravity-tab-secondary.selected{--tab-secondary-border: 1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container :hover{background-color:var(--bg-highlight-neutro-primary)}\n"] }]
5336
+ }], propDecorators: { tabs: [{
5337
+ type: Input
5338
+ }], selected: [{
5339
+ type: Input
5340
+ }], pressed: [{
5341
+ type: Output
5342
+ }] } });
5343
+
5315
5344
  class GravityDesignSystemModule {
5316
5345
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
5317
5346
  static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, declarations: [GravityAttachFileComponent,
@@ -5342,8 +5371,6 @@ class GravityDesignSystemModule {
5342
5371
  GravityTextFieldComponent,
5343
5372
  GravityTextFieldNumberOnlyComponent,
5344
5373
  GravityTreeViewComponent,
5345
- GravityModalComponent,
5346
- GravityLinkComponent,
5347
5374
  NodeComponent,
5348
5375
  NodeToggleComponent,
5349
5376
  NodeCheckboxComponent,
@@ -5363,7 +5390,8 @@ class GravityDesignSystemModule {
5363
5390
  BsDaterangepickerInlineContainerComponent,
5364
5391
  BsDaterangepickerInlineDirective,
5365
5392
  GravityModalComponent,
5366
- GravityLinkComponent], imports: [i1.AngularSvgIconModule, i2$3.AngularSvgIconPreloaderModule, BsDatepickerModule,
5393
+ GravityLinkComponent,
5394
+ GravityTabSecondaryComponent], imports: [i1.AngularSvgIconModule, i2$3.AngularSvgIconPreloaderModule, BsDatepickerModule,
5367
5395
  CommonModule,
5368
5396
  FormsModule, GravityTooltipModule, NgbDatepickerModule,
5369
5397
  NgbOffcanvasModule,
@@ -5399,7 +5427,8 @@ class GravityDesignSystemModule {
5399
5427
  GravityTooltipModule,
5400
5428
  GravityTreeViewComponent,
5401
5429
  GravityModalComponent,
5402
- GravityLinkComponent] }); }
5430
+ GravityLinkComponent,
5431
+ GravityTabSecondaryComponent] }); }
5403
5432
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, imports: [AngularSvgIconModule.forRoot(),
5404
5433
  AngularSvgIconPreloaderModule.forRoot({
5405
5434
  configUrl: './assets/gravity/json/icons.json',
@@ -5446,8 +5475,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
5446
5475
  GravityTextFieldComponent,
5447
5476
  GravityTextFieldNumberOnlyComponent,
5448
5477
  GravityTreeViewComponent,
5449
- GravityModalComponent,
5450
- GravityLinkComponent,
5451
5478
  NodeComponent,
5452
5479
  NodeToggleComponent,
5453
5480
  NodeCheckboxComponent,
@@ -5468,6 +5495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
5468
5495
  BsDaterangepickerInlineDirective,
5469
5496
  GravityModalComponent,
5470
5497
  GravityLinkComponent,
5498
+ GravityTabSecondaryComponent,
5471
5499
  ],
5472
5500
  imports: [
5473
5501
  AngularSvgIconModule.forRoot(),
@@ -5515,7 +5543,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
5515
5543
  GravityTooltipModule,
5516
5544
  GravityTreeViewComponent,
5517
5545
  GravityModalComponent,
5518
- GravityLinkComponent
5546
+ GravityLinkComponent,
5547
+ GravityTabSecondaryComponent
5519
5548
  ]
5520
5549
  }]
5521
5550
  }] });
@@ -5570,5 +5599,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
5570
5599
  * Generated bundle index. Do not edit.
5571
5600
  */
5572
5601
 
5573
- export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityButtonComponent, GravityCalendarComponent, GravityCalendarV2Component, GravityCardListComponent, GravityCheckboxComponent, GravityCurrencyComponent, GravityCurrencyDisplayComponent, GravityDesignSystemModule, GravityDialogComponent, GravityDialogManagerService, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityGenericAvatarComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityOffcanvasComponent, GravityRadioButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravitySwitchComponent, GravityTableComponent, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
5602
+ export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityButtonComponent, GravityCalendarComponent, GravityCalendarV2Component, GravityCardListComponent, GravityCheckboxComponent, GravityCurrencyComponent, GravityCurrencyDisplayComponent, GravityDesignSystemModule, GravityDialogComponent, GravityDialogManagerService, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityGenericAvatarComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityOffcanvasComponent, GravityRadioButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravitySwitchComponent, GravityTabSecondaryComponent, GravityTableComponent, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
5574
5603
  //# sourceMappingURL=progressio_resources-gravity-design-system.mjs.map