@progressio_resources/gravity-design-system 3.0.18 → 3.0.20

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 (92) hide show
  1. package/esm2022/lib/components/gravity-attach-file/gravity-attach-file.component.mjs +3 -3
  2. package/esm2022/lib/components/gravity-avatar-stack/gravity-avatar-stack.component.mjs +3 -3
  3. package/esm2022/lib/components/gravity-button/gravity-button.component.mjs +2 -2
  4. package/esm2022/lib/components/gravity-calendar/gravity-calendar.component.mjs +3 -3
  5. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-days-calendar-view/bs-days-calendar-view.component.mjs +3 -3
  6. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-months-calendar-view/bs-months-calendar-view.component.mjs +3 -3
  7. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-years-calendar-view/bs-years-calendar-view.component.mjs +3 -3
  8. package/esm2022/lib/components/gravity-card-list/gravity-card-list.component.mjs +2 -2
  9. package/esm2022/lib/components/gravity-chip/gravity-chip.component.mjs +6 -3
  10. package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs +3 -3
  11. package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs +12 -3
  12. package/esm2022/lib/components/gravity-editable-input/gravity-editable-input.component.mjs +3 -3
  13. package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +3 -3
  14. package/esm2022/lib/components/gravity-icon-button/gravity-icon-button.component.mjs +4 -4
  15. package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +3 -3
  16. package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +3 -3
  17. package/esm2022/lib/components/gravity-multi-language/gravity-multi-language.component.mjs +3 -3
  18. package/esm2022/lib/components/gravity-network-pill/gravity-network-pill.component.mjs +3 -3
  19. package/esm2022/lib/components/gravity-notification/gravity-notification.component.mjs +3 -3
  20. package/esm2022/lib/components/gravity-notification-instant/gravity-notification-instant-container.component.mjs +3 -3
  21. package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +3 -3
  22. package/esm2022/lib/components/gravity-switch/gravity-switch.component.mjs +3 -3
  23. package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs +2 -2
  24. package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +3 -3
  25. package/fesm2022/progressio_resources-gravity-design-system.mjs +61 -49
  26. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  27. package/lib/components/gravity-chip/gravity-chip.component.d.ts +2 -1
  28. package/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.d.ts +3 -1
  29. package/lib/components/gravity-icon-button/gravity-icon-button.component.d.ts +2 -1
  30. package/package.json +1 -1
  31. package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-lg-24.svg +1 -3
  32. package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-md-16.svg +1 -3
  33. package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-sm-12.svg +1 -3
  34. package/src/lib/assets/icon-set/gt-icon-arrow-down/gt-icon-arrow-down-xl-32.svg +1 -3
  35. package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-lg-24.svg +1 -3
  36. package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-md-16.svg +1 -3
  37. package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-sm-12.svg +1 -3
  38. package/src/lib/assets/icon-set/gt-icon-arrow-left/gt-icon-arrow-left-xl-32.svg +1 -3
  39. package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-lg-24.svg +1 -3
  40. package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-md-16.svg +1 -3
  41. package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-sm-12.svg +1 -3
  42. package/src/lib/assets/icon-set/gt-icon-arrow-right/gt-icon-arrow-right-xl-32.svg +1 -3
  43. package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-lg-24.svg +1 -3
  44. package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-md-16.svg +1 -3
  45. package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-sm-12.svg +1 -3
  46. package/src/lib/assets/icon-set/gt-icon-arrow-up/gt-icon-arrow-up-xl-32.svg +1 -3
  47. package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-lg-24.svg +1 -3
  48. package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-md-16.svg +2 -2
  49. package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-sm-12.svg +1 -1
  50. package/src/lib/assets/icon-set/gt-icon-check/gt-icon-check-xl-32.svg +2 -2
  51. package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-lg-24.svg +1 -1
  52. package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-md-16.svg +1 -1
  53. package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-sm-12.svg +1 -1
  54. package/src/lib/assets/icon-set/gt-icon-chevron-double-down/gt-icon-chevron-double-down-xl-32.svg +1 -1
  55. package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-lg-24.svg +1 -1
  56. package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-md-16.svg +1 -1
  57. package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-sm-12.svg +1 -1
  58. package/src/lib/assets/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-xl-32.svg +1 -1
  59. package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-lg-24.svg +1 -3
  60. package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-md-16.svg +1 -3
  61. package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-sm-12.svg +1 -3
  62. package/src/lib/assets/icon-set/gt-icon-home/gt-icon-home-xl-32.svg +1 -3
  63. package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-lg-24.svg +1 -1
  64. package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-md-16.svg +1 -1
  65. package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-sm-12.svg +1 -1
  66. package/src/lib/assets/icon-set/gt-icon-menu/gt-icon-menu-xl-32.svg +2 -2
  67. package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-lg-24.svg +1 -1
  68. package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-md-16.svg +2 -2
  69. package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-sm-12.svg +2 -2
  70. package/src/lib/assets/icon-set/gt-icon-swaps/gt-icon-swaps-xl-32.svg +2 -2
  71. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-lg-24.svg +1 -1
  72. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-md-16.svg +2 -2
  73. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-sm-12.svg +1 -1
  74. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-left/gt-icon-swaps-arrow-left-xl-32.svg +1 -1
  75. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-lg-24.svg +1 -1
  76. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-md-16.svg +2 -2
  77. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-sm-12.svg +1 -1
  78. package/src/lib/assets/icon-set/gt-icon-swaps-arrow-right/gt-icon-swaps-arrow-right-xl-32.svg +1 -1
  79. package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-lg-24.svg +1 -1
  80. package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-md-16.svg +2 -2
  81. package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-sm-12.svg +2 -2
  82. package/src/lib/assets/icon-set/gt-icon-update/gt-icon-update-xl-32.svg +1 -1
  83. package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-lg-24.svg +1 -6
  84. package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-md-16.svg +1 -6
  85. package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-sm-12.svg +1 -6
  86. package/src/lib/assets/icon-set/gt-icon-user/gt-icon-user-xl-32.svg +1 -6
  87. package/src/lib/assets/icon-set/networks/gt-icon-base-network/gt-icon-base-network-disabled.svg +5 -0
  88. package/src/lib/assets/icon-set/networks/gt-icon-base-network/gt-icon-base-network.svg +11 -0
  89. package/src/lib/assets/json/icons.json +8 -0
  90. package/src/lib/styles/components/_card_highlight.scss +1 -1
  91. package/src/lib/styles/components/_tables.scss +4 -4
  92. package/src/lib/styles/foundations/typography/_hero.typography.scss +36 -38
@@ -15,11 +15,11 @@ export class GravityStatusIndicatorComponent {
15
15
  }
16
16
  }
17
17
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- 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;white-space:nowrap;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-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
18
+ 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 {{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 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;white-space:nowrap;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-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
19
19
  }
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
21
21
  type: Component,
22
- 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;white-space:nowrap;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-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
22
+ args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{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 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;white-space:nowrap;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-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
23
23
  }], propDecorators: { icon: [{
24
24
  type: Input
25
25
  }], text: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
31
31
  }], status: [{
32
32
  type: Input
33
33
  }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPL0MsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVFrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQXFELFFBQVEsQ0FBQztLQVNyRjtJQVBDLGdCQUFnQixDQUFDLElBQVk7UUFDM0IsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUksQ0FBQyxDQUFDLE9BQU8sT0FBTyxDQUFDO1lBQzFCLEtBQUssSUFBSSxDQUFDLENBQUMsT0FBTyxPQUFPLENBQUM7U0FDM0I7SUFDSCxDQUFDOytHQVpVLCtCQUErQjttR0FBL0IsK0JBQStCLHNKQ1A1QyxpWUFNTTs7NEZEQ08sK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLcEIsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXM6ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyA9ICduZXV0cm8nO1xuXG4gIGdldEljb25TaXplQ2xhc3Moc2l6ZTogc3RyaW5nKTogJ3NtLTEyJyB8ICdtZC0xNicge1xuICAgIHN3aXRjaCAoc2l6ZSkge1xuICAgICAgY2FzZSAnc20nOiByZXR1cm4gJ3NtLTEyJztcbiAgICAgIGNhc2UgJ21kJzogcmV0dXJuICdtZC0xNic7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgaHItYm9keS10ZXh0IHt7c2l6ZX19LXJlZ3VsYXIge3tzdGF0dXN9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3ByaW1hcnknXCI+XG4gICAge3t0ZXh0fX0gPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiaWNvblwiIFtpY29uU2l6ZV09XCJnZXRJY29uU2l6ZUNsYXNzKHNpemUpXCIgKm5nSWY9XCJpY29uXCI+PC9ncmF2aXR5LWljb24+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImdyYXZpdHktc3RhdHVzLWluZGljYXRvci1kb3QgaHItYm9keS10ZXh0IHNtLXJlZ3VsYXIge3tzdGF0dXN9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3NlY29uZGFyeSdcIj5cbiAgICA8ZGl2PjwvZGl2PiB7e3RleHR9fVxuPC9kaXY+Il19
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPL0MsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVFrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQXFELFFBQVEsQ0FBQztLQVNyRjtJQVBDLGdCQUFnQixDQUFDLElBQVk7UUFDM0IsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUksQ0FBQyxDQUFDLE9BQU8sT0FBTyxDQUFDO1lBQzFCLEtBQUssSUFBSSxDQUFDLENBQUMsT0FBTyxPQUFPLENBQUM7U0FDM0I7SUFDSCxDQUFDOytHQVpVLCtCQUErQjttR0FBL0IsK0JBQStCLHNKQ1A1Qyx1WEFNTTs7NEZEQ08sK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQjs4QkFLcEIsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXM6ICdwb3NpdGl2ZScgfCAnbmVnYXRpdmUnIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyA9ICduZXV0cm8nO1xuXG4gIGdldEljb25TaXplQ2xhc3Moc2l6ZTogc3RyaW5nKTogJ3NtLTEyJyB8ICdtZC0xNicge1xuICAgIHN3aXRjaCAoc2l6ZSkge1xuICAgICAgY2FzZSAnc20nOiByZXR1cm4gJ3NtLTEyJztcbiAgICAgIGNhc2UgJ21kJzogcmV0dXJuICdtZC0xNic7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgaHItYm9keSB7e3NpemV9fS1yZWd1bGFyIHt7c3RhdHVzfX1cIiAqbmdJZj1cInR5cGUgPT09ICdwcmltYXJ5J1wiPlxuICAgIHt7dGV4dH19IDxncmF2aXR5LWljb24gW2ljb25OYW1lXT1cImljb25cIiBbaWNvblNpemVdPVwiZ2V0SWNvblNpemVDbGFzcyhzaXplKVwiICpuZ0lmPVwiaWNvblwiPjwvZ3Jhdml0eS1pY29uPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3ItZG90IGhyLWJvZHkgc20tcmVndWxhciB7e3N0YXR1c319XCIgKm5nSWY9XCJ0eXBlID09PSAnc2Vjb25kYXJ5J1wiPlxuICAgIDxkaXY+PC9kaXY+IHt7dGV4dH19XG48L2Rpdj4iXX0=
@@ -33,11 +33,11 @@ export class GravitySwitchComponent {
33
33
  }
34
34
  }
35
35
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
36
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: { checked: "checked", cypressTag: "cypressTag", disabled: "disabled", size: "size", textOptions: "textOptions" }, outputs: { response: "response" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n <span class=\"hr-body-text sm-regular\" *ngIf=\"textOptions?.left\">{{ textOptions.left }}</span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch\" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n <div class=\"slider\">\n <gravity-icon [style.--icon-color]=\"'var(--switch-icon-color)'\"\n [iconName]=\"disabled || isSwitchActive ? 'on' : 'off'\" [iconSize]=\"getIconSizeClass(size)\">\n </gravity-icon>\n </div>\n </div>\n <span class=\"hr-body-text sm-regular\" *ngIf=\"textOptions?.right\">{{ textOptions.right }}</span>\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-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider gravity-icon{position:absolute;padding:2px 0 1px;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider gravity-icon{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider gravity-icon{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider gravity-icon{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
36
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravitySwitchComponent, selector: "gravity-switch", inputs: { checked: "checked", cypressTag: "cypressTag", disabled: "disabled", size: "size", textOptions: "textOptions" }, outputs: { response: "response" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n <span class=\"hr-body sm-regular\" *ngIf=\"textOptions?.left\">{{ textOptions.left }}</span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n <div class=\"slider\">\n <gravity-icon [style.--icon-color]=\"'var(--switch-icon-color)'\" [ngClass]=\"disabled ? '' : 'elevation-xs'\"\n [iconName]=\"disabled || isSwitchActive ? 'on' : 'off'\" [iconSize]=\"getIconSizeClass(size)\">\n </gravity-icon>\n </div>\n </div>\n <span class=\"hr-body sm-regular\" *ngIf=\"textOptions?.right\">{{ textOptions.right }}</span>\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-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider gravity-icon{position:absolute;padding:2px 0 1px;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider gravity-icon{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider gravity-icon{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider gravity-icon{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
37
37
  }
38
38
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravitySwitchComponent, decorators: [{
39
39
  type: Component,
40
- args: [{ selector: 'gravity-switch', template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n <span class=\"hr-body-text sm-regular\" *ngIf=\"textOptions?.left\">{{ textOptions.left }}</span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch\" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n <div class=\"slider\">\n <gravity-icon [style.--icon-color]=\"'var(--switch-icon-color)'\"\n [iconName]=\"disabled || isSwitchActive ? 'on' : 'off'\" [iconSize]=\"getIconSizeClass(size)\">\n </gravity-icon>\n </div>\n </div>\n <span class=\"hr-body-text sm-regular\" *ngIf=\"textOptions?.right\">{{ textOptions.right }}</span>\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-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider gravity-icon{position:absolute;padding:2px 0 1px;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider gravity-icon{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider gravity-icon{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider gravity-icon{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"] }]
40
+ args: [{ selector: 'gravity-switch', template: "<div class=\"gravity-switch size-{{size}}\" [class.disabled]=\"disabled\">\n <span class=\"hr-body sm-regular\" *ngIf=\"textOptions?.left\">{{ textOptions.left }}</span>\n <div [attr.data-cy]=\"cypressTag\" class=\"switch \" [class.disabled]=\"disabled\" (click)=\"toggleSwitch()\">\n <input type=\"checkbox\" [checked]=\"isSwitchActive\">\n <div class=\"slider\">\n <gravity-icon [style.--icon-color]=\"'var(--switch-icon-color)'\" [ngClass]=\"disabled ? '' : 'elevation-xs'\"\n [iconName]=\"disabled || isSwitchActive ? 'on' : 'off'\" [iconSize]=\"getIconSizeClass(size)\">\n </gravity-icon>\n </div>\n </div>\n <span class=\"hr-body sm-regular\" *ngIf=\"textOptions?.right\">{{ textOptions.right }}</span>\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-switch{display:flex;align-items:center;color:var(--text-primary);gap:var(--switch-gap-spacing)}.gravity-switch .switch{position:relative;width:var(--switch-width);height:var(--switch-height)}.gravity-switch .switch input{width:0;height:0;opacity:0}.gravity-switch .switch .slider{inset:0;cursor:pointer;border:1px solid;position:absolute;border-radius:6.25rem;border-color:var(--bg-switch-off-primary);background-color:var(--bg-switch-off-primary);--switch-icon-color: var(--bg-switch-off-primary);transition:background-color .4s,border-color .4s;-webkit-transition:background-color .4s,border-color .4s}.gravity-switch .switch .slider:hover{border-color:var(--bg-switch-disabled-primary);background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch .slider gravity-icon{position:absolute;padding:2px 0 1px;width:var(--switch-slider-size);height:var(--switch-slider-size);top:var(--switch-slider-position);left:var(--switch-slider-position);border-radius:6.25rem;background-color:var(--on-bg-switch-off-primary);transition:background-color .4s,transform .4s ease-in-out;-webkit-transition:background-color .4s,transform .4s ease-in-out}.gravity-switch .switch input:checked+.slider gravity-icon{transition:transform .4s ease-in-out;--switch-icon-color: var(--bg-switch-on-primary);transform:translate(var(--switch-transform))}.gravity-switch .switch.disabled .slider{cursor:initial;border-color:var(--bg-switch-disabled-primary);background-color:var(--on-bg-switch-off-primary);--switch-icon-color: var(--on-bg-switch-off-primary)}.gravity-switch .switch.disabled .slider gravity-icon{background-color:var(--bg-switch-disabled-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider{border-color:var(--bg-switch-on-primary);background-color:var(--bg-switch-on-primary)}.gravity-switch .switch:not(.disabled) input:checked+.slider gravity-icon{background-color:var(--on-bg-switch-on-primary)}.gravity-switch.disabled{color:var(--bg-switch-off-primary)}.gravity-switch.size-sm{--switch-width: 34px;--switch-height: 20px;--switch-transform: 14px;--switch-slider-size: 16px;--switch-slider-position: 1px;--switch-gap-spacing: var(--gravity-spacing-xxs)}.gravity-switch.size-md{--switch-width: 56px;--switch-height: 28px;--switch-transform: 28px;--switch-slider-size: 22px;--switch-slider-position: 2px;--switch-gap-spacing: var(--gravity-spacing-xs)}\n"] }]
41
41
  }], propDecorators: { checked: [{
42
42
  type: Input
43
43
  }], cypressTag: [{
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
51
51
  }], response: [{
52
52
  type: Output
53
53
  }] } });
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7OztBQU85RyxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBTWtCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUV4QixhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsbUJBQWMsR0FBWSxLQUFLLENBQUM7S0E0QnhDO0lBMUJDLGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDdkQ7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsSUFBaUI7UUFDdkMsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUk7Z0JBQ1AsT0FBTyxPQUFPLENBQUM7WUFDakIsS0FBSyxJQUFJO2dCQUNQLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FsQ1Usc0JBQXNCO21HQUF0QixzQkFBc0Isd09DUG5DLDR0QkFZQTs7NEZETGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLVixPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1csUUFBUTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnbWQnIHwgJ3NtJyA9ICdtZCc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0ZXh0T3B0aW9uczogeyBsZWZ0Pzogc3RyaW5nOyByaWdodD86IHN0cmluZzsgfTtcbiAgQE91dHB1dCgpIHB1YmxpYyByZXNwb25zZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBpc1N3aXRjaEFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gdGhpcy5jaGVja2VkO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWydjaGVja2VkJ10pIHtcbiAgICAgIHRoaXMuaXNTd2l0Y2hBY3RpdmUgPSBjaGFuZ2VzWydjaGVja2VkJ10uY3VycmVudFZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVTd2l0Y2goKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gIXRoaXMuaXNTd2l0Y2hBY3RpdmU7XG4gICAgICB0aGlzLnJlc3BvbnNlLmVtaXQodGhpcy5pc1N3aXRjaEFjdGl2ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldEljb25TaXplQ2xhc3Moc2l6ZTogJ21kJyB8ICdzbScpIHtcbiAgICBzd2l0Y2ggKHNpemUpIHtcbiAgICAgIGNhc2UgXCJzbVwiOlxuICAgICAgICByZXR1cm4gJ3NtLTEyJztcbiAgICAgIGNhc2UgXCJtZFwiOlxuICAgICAgICByZXR1cm4gJ21kLTE2JztcbiAgICB9XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktc3dpdGNoIHNpemUte3tzaXplfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhclwiICpuZ0lmPVwidGV4dE9wdGlvbnM/LmxlZnRcIj57eyB0ZXh0T3B0aW9ucy5sZWZ0IH19PC9zcGFuPlxuICA8ZGl2IFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZ1wiIGNsYXNzPVwic3dpdGNoXCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cInRvZ2dsZVN3aXRjaCgpXCI+XG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFtjaGVja2VkXT1cImlzU3dpdGNoQWN0aXZlXCI+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlclwiPlxuICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXN3aXRjaC1pY29uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCJkaXNhYmxlZCB8fCBpc1N3aXRjaEFjdGl2ZSA/ICdvbicgOiAnb2ZmJ1wiIFtpY29uU2l6ZV09XCJnZXRJY29uU2l6ZUNsYXNzKHNpemUpXCI+XG4gICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhclwiICpuZ0lmPVwidGV4dE9wdGlvbnM/LnJpZ2h0XCI+e3sgdGV4dE9wdGlvbnMucmlnaHQgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==
54
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LXN3aXRjaC9ncmF2aXR5LXN3aXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3dpdGNoL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQzs7OztBQU85RyxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBTWtCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUV4QixhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsbUJBQWMsR0FBWSxLQUFLLENBQUM7S0E0QnhDO0lBMUJDLGVBQWU7UUFDYixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxZQUFZLENBQUM7U0FDdkQ7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsSUFBaUI7UUFDdkMsUUFBUSxJQUFJLEVBQUU7WUFDWixLQUFLLElBQUk7Z0JBQ1AsT0FBTyxPQUFPLENBQUM7WUFDakIsS0FBSyxJQUFJO2dCQUNQLE9BQU8sT0FBTyxDQUFDO1NBQ2xCO0lBQ0gsQ0FBQzsrR0FsQ1Usc0JBQXNCO21HQUF0QixzQkFBc0Isd09DUG5DLGd3QkFZQTs7NEZETGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLVixPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1csUUFBUTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktc3dpdGNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zd2l0Y2guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5U3dpdGNoQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnbWQnIHwgJ3NtJyA9ICdtZCc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0ZXh0T3B0aW9uczogeyBsZWZ0Pzogc3RyaW5nOyByaWdodD86IHN0cmluZzsgfTtcbiAgQE91dHB1dCgpIHB1YmxpYyByZXNwb25zZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBpc1N3aXRjaEFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gdGhpcy5jaGVja2VkO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWydjaGVja2VkJ10pIHtcbiAgICAgIHRoaXMuaXNTd2l0Y2hBY3RpdmUgPSBjaGFuZ2VzWydjaGVja2VkJ10uY3VycmVudFZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVTd2l0Y2goKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmlzU3dpdGNoQWN0aXZlID0gIXRoaXMuaXNTd2l0Y2hBY3RpdmU7XG4gICAgICB0aGlzLnJlc3BvbnNlLmVtaXQodGhpcy5pc1N3aXRjaEFjdGl2ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldEljb25TaXplQ2xhc3Moc2l6ZTogJ21kJyB8ICdzbScpIHtcbiAgICBzd2l0Y2ggKHNpemUpIHtcbiAgICAgIGNhc2UgXCJzbVwiOlxuICAgICAgICByZXR1cm4gJ3NtLTEyJztcbiAgICAgIGNhc2UgXCJtZFwiOlxuICAgICAgICByZXR1cm4gJ21kLTE2JztcbiAgICB9XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktc3dpdGNoIHNpemUte3tzaXplfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgPHNwYW4gY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXJcIiAqbmdJZj1cInRleHRPcHRpb25zPy5sZWZ0XCI+e3sgdGV4dE9wdGlvbnMubGVmdCB9fTwvc3Bhbj5cbiAgPGRpdiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cInN3aXRjaCBcIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoY2xpY2spPVwidG9nZ2xlU3dpdGNoKClcIj5cbiAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPVwiaXNTd2l0Y2hBY3RpdmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyXCI+XG4gICAgICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tc3dpdGNoLWljb24tY29sb3IpJ1wiIFtuZ0NsYXNzXT1cImRpc2FibGVkID8gJycgOiAnZWxldmF0aW9uLXhzJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cImRpc2FibGVkIHx8IGlzU3dpdGNoQWN0aXZlID8gJ29uJyA6ICdvZmYnXCIgW2ljb25TaXplXT1cImdldEljb25TaXplQ2xhc3Moc2l6ZSlcIj5cbiAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8c3BhbiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiICpuZ0lmPVwidGV4dE9wdGlvbnM/LnJpZ2h0XCI+e3sgdGV4dE9wdGlvbnMucmlnaHQgfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==
@@ -14,11 +14,11 @@ export class GravityTabPrimaryComponent {
14
14
  this.pressed.emit(index);
15
15
  }
16
16
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabPrimaryComponent, selector: "gravity-tab-primary", inputs: { selected: "selected", size: "size", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.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-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:pointer;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
17
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabPrimaryComponent, selector: "gravity-tab-primary", inputs: { selected: "selected", size: "size", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.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-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
18
18
  }
19
19
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabPrimaryComponent, decorators: [{
20
20
  type: Component,
21
- args: [{ selector: 'gravity-tab-primary', template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.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-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:pointer;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"] }]
21
+ args: [{ selector: 'gravity-tab-primary', template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.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-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"] }]
22
22
  }], propDecorators: { selected: [{
23
23
  type: Input
24
24
  }], size: [{
@@ -15,11 +15,11 @@ export class GravityTabSecondaryComponent {
15
15
  this.pressed.emit(index);
16
16
  }
17
17
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabSecondaryComponent, selector: "gravity-tab-secondary", inputs: { selected: "selected", size: "size", fullWidth: "fullWidth", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\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}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{display:flex;cursor:pointer;width:max-content;align-items:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected):hover{background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{transition:border-bottom .3s ease;border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
18
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabSecondaryComponent, selector: "gravity-tab-secondary", inputs: { selected: "selected", size: "size", fullWidth: "fullWidth", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\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}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{height:20px;display:flex;cursor:default;width:max-content;align-items:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{transition:border-bottom .3s ease;border-bottom:1px solid var(--surface-primary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}.gravity-tab-secondary-container .full-width:not(.selected):hover{border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width .sm{height:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
19
19
  }
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, decorators: [{
21
21
  type: Component,
22
- args: [{ selector: 'gravity-tab-secondary', template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\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}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{display:flex;cursor:pointer;width:max-content;align-items:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected):hover{background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{transition:border-bottom .3s ease;border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}\n"] }]
22
+ args: [{ selector: 'gravity-tab-secondary', template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\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}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{height:20px;display:flex;cursor:default;width:max-content;align-items:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{transition:border-bottom .3s ease;border-bottom:1px solid var(--surface-primary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}.gravity-tab-secondary-container .full-width:not(.selected):hover{border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width .sm{height:12px}\n"] }]
23
23
  }], propDecorators: { selected: [{
24
24
  type: Input
25
25
  }], size: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
31
31
  }], pressed: [{
32
32
  type: Output
33
33
  }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS10YWItc2Vjb25kYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10YWItc2Vjb25kYXJ5L2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGFiLXNlY29uZGFyeS9ncmF2aXR5LXRhYi1zZWNvbmRhcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sNEJBQTRCO0lBTHpDO1FBTVcsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUNyQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFNBQUksR0FBMEQsRUFBRSxDQUFDO1FBRWhFLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBTWhEO0lBSlEsWUFBWSxDQUFDLEtBQWE7UUFDL0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FYVSw0QkFBNEI7bUdBQTVCLDRCQUE0QixvTENQekMsbTFCQVdNOzs0RkRKTyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsdUJBQXVCOzhCQUt4QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS10YWItc2Vjb25kYXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlUYWJTZWNvbmRhcnlDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWxlY3RlZDogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBmdWxsV2lkdGg6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdGFiczogeyB0aXRsZTogc3RyaW5nLCBpY29uOiBzdHJpbmcsIGN5cHJlc3NUYWc6IHN0cmluZyB9W10gPSBbXTtcblxuICBAT3V0cHV0KCkgcHJlc3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBzZXRBY3RpdmVUYWIoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWQgPSBpbmRleDtcbiAgICB0aGlzLnByZXNzZWQuZW1pdChpbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXRhYi1zZWNvbmRhcnktY29udGFpbmVyXCIgW25nQ2xhc3NdPVwiZnVsbFdpZHRoID8gJ2Z1bGwtd2lkdGgnIDogJ2xpbWl0ZWQtd2lkdGgnXCI+XG4gICAgPGRpdiBjbGFzcz1cImdyYXZpdHktdGFiLXNlY29uZGFyeVwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZCA9PT0gaVwiIFtjbGFzcy5mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gICAgICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnM7IGxldCBpID0gaW5kZXhcIiBbYXR0ci5kYXRhLWN5XT1cInRhYi5jeXByZXNzVGFnXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWItY29udGVudFwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZCA9PT0gaVwiIFtjbGFzcy5saW1pdGVkLXdpZHRoXT1cIiFmdWxsV2lkdGhcIiAoY2xpY2spPVwic2V0QWN0aXZlVGFiKGkpXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwidGFiLmljb25cIiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1jdGEtcHJpbWFyeSknXCIgW3NpemVdPVwiJ3NtJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCJ0YWIuaWNvblwiIFtpY29uU2l6ZV09XCInc20tMTInXCIgY2xhc3M9XCJpY29uLWxlZnRcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJoci1sYWJlbFwiXG4gICAgICAgICAgICAgICBbbmdDbGFzc109XCJzZWxlY3RlZCA9PT0gaSA/IChzaXplICsgJy1ib2xkJykgOiAoc2l6ZSArICctcmVndWxhcicpXCI+e3sgdGFiLnRpdGxlIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS10YWItc2Vjb25kYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10YWItc2Vjb25kYXJ5L2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGFiLXNlY29uZGFyeS9ncmF2aXR5LXRhYi1zZWNvbmRhcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sNEJBQTRCO0lBTHpDO1FBTVcsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUNyQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFNBQUksR0FBMEQsRUFBRSxDQUFDO1FBRWhFLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBTWhEO0lBSlEsWUFBWSxDQUFDLEtBQWE7UUFDL0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzsrR0FYVSw0QkFBNEI7bUdBQTVCLDRCQUE0QixvTENQekMsNDFCQVdNOzs0RkRKTyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsdUJBQXVCOzhCQUt4QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS10YWItc2Vjb25kYXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlUYWJTZWNvbmRhcnlDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWxlY3RlZDogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBmdWxsV2lkdGg6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdGFiczogeyB0aXRsZTogc3RyaW5nLCBpY29uOiBzdHJpbmcsIGN5cHJlc3NUYWc6IHN0cmluZyB9W10gPSBbXTtcblxuICBAT3V0cHV0KCkgcHJlc3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBzZXRBY3RpdmVUYWIoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWQgPSBpbmRleDtcbiAgICB0aGlzLnByZXNzZWQuZW1pdChpbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXRhYi1zZWNvbmRhcnktY29udGFpbmVyXCIgW25nQ2xhc3NdPVwiZnVsbFdpZHRoID8gJ2Z1bGwtd2lkdGgnIDogJ2xpbWl0ZWQtd2lkdGgnXCI+XG4gICAgPGRpdiBjbGFzcz1cImdyYXZpdHktdGFiLXNlY29uZGFyeVwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZCA9PT0gaVwiIFtjbGFzcy5mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gICAgICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnM7IGxldCBpID0gaW5kZXhcIiBbYXR0ci5kYXRhLWN5XT1cInRhYi5jeXByZXNzVGFnXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWItY29udGVudCB7e3NpemV9fVwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZCA9PT0gaVwiIFtjbGFzcy5saW1pdGVkLXdpZHRoXT1cIiFmdWxsV2lkdGhcIiAoY2xpY2spPVwic2V0QWN0aXZlVGFiKGkpXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwidGFiLmljb25cIiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1jdGEtcHJpbWFyeSknXCIgW3NpemVdPVwiJ3NtJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCJ0YWIuaWNvblwiIFtpY29uU2l6ZV09XCInc20tMTInXCIgY2xhc3M9XCJpY29uLWxlZnRcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJoci1sYWJlbFwiXG4gICAgICAgICAgICAgICBbbmdDbGFzc109XCJzZWxlY3RlZCA9PT0gaSA/IChzaXplICsgJy1ib2xkJykgOiAoc2l6ZSArICctcmVndWxhcicpXCI+e3sgdGFiLnRpdGxlIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==