@hermes-ui/angular 0.1.6 → 0.2.0

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 (151) hide show
  1. package/README.md +52 -52
  2. package/button/_buttons.clarity.scss +80 -2
  3. package/button/_mixins.buttons.scss +44 -2
  4. package/button/_properties.buttons.scss +349 -387
  5. package/button/_variables.buttons.scss +22 -0
  6. package/fesm2022/hermes-ui-angular-accordion.mjs +2 -2
  7. package/fesm2022/hermes-ui-angular-accordion.mjs.map +1 -1
  8. package/fesm2022/hermes-ui-angular-addons-a11y.mjs.map +1 -1
  9. package/fesm2022/hermes-ui-angular-addons-card-container.mjs +3 -3
  10. package/fesm2022/hermes-ui-angular-addons-card-container.mjs.map +1 -1
  11. package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs +2 -2
  12. package/fesm2022/hermes-ui-angular-addons-certificate-viewer.mjs.map +1 -1
  13. package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs +2 -2
  14. package/fesm2022/hermes-ui-angular-addons-datagrid-filters.mjs.map +1 -1
  15. package/fesm2022/hermes-ui-angular-addons-datagrid.mjs +30 -30
  16. package/fesm2022/hermes-ui-angular-addons-datagrid.mjs.map +1 -1
  17. package/fesm2022/hermes-ui-angular-addons-dialog.mjs.map +1 -1
  18. package/fesm2022/hermes-ui-angular-addons-menu.mjs +8 -8
  19. package/fesm2022/hermes-ui-angular-addons-menu.mjs.map +1 -1
  20. package/fesm2022/hermes-ui-angular-addons-property-view.mjs +2 -2
  21. package/fesm2022/hermes-ui-angular-addons-property-view.mjs.map +1 -1
  22. package/fesm2022/hermes-ui-angular-addons-stepper.mjs.map +1 -1
  23. package/fesm2022/hermes-ui-angular-addons-tabs.mjs.map +1 -1
  24. package/fesm2022/hermes-ui-angular-addons-testing.mjs +78 -78
  25. package/fesm2022/hermes-ui-angular-addons-testing.mjs.map +1 -1
  26. package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs +66 -66
  27. package/fesm2022/hermes-ui-angular-addons-theme-builder.mjs.map +1 -1
  28. package/fesm2022/hermes-ui-angular-addons-var.mjs +2 -2
  29. package/fesm2022/hermes-ui-angular-addons-var.mjs.map +1 -1
  30. package/fesm2022/hermes-ui-angular-addons-wizard.mjs +2 -2
  31. package/fesm2022/hermes-ui-angular-addons-wizard.mjs.map +1 -1
  32. package/fesm2022/hermes-ui-angular-addons-workflow.mjs.map +1 -1
  33. package/fesm2022/hermes-ui-angular-button.mjs +76 -76
  34. package/fesm2022/hermes-ui-angular-button.mjs.map +1 -1
  35. package/fesm2022/hermes-ui-angular-card.mjs.map +1 -1
  36. package/fesm2022/hermes-ui-angular-collapsible-panel.mjs.map +1 -1
  37. package/fesm2022/hermes-ui-angular-data-datagrid.mjs +928 -928
  38. package/fesm2022/hermes-ui-angular-data-datagrid.mjs.map +1 -1
  39. package/fesm2022/hermes-ui-angular-data-stack-view.mjs +116 -116
  40. package/fesm2022/hermes-ui-angular-data-stack-view.mjs.map +1 -1
  41. package/fesm2022/hermes-ui-angular-data-tree-view.mjs +14 -14
  42. package/fesm2022/hermes-ui-angular-data-tree-view.mjs.map +1 -1
  43. package/fesm2022/hermes-ui-angular-data.mjs.map +1 -1
  44. package/fesm2022/hermes-ui-angular-divider.mjs +2 -2
  45. package/fesm2022/hermes-ui-angular-divider.mjs.map +1 -1
  46. package/fesm2022/hermes-ui-angular-emphasis-alert.mjs +2 -2
  47. package/fesm2022/hermes-ui-angular-emphasis-alert.mjs.map +1 -1
  48. package/fesm2022/hermes-ui-angular-emphasis-badge.mjs.map +1 -1
  49. package/fesm2022/hermes-ui-angular-emphasis-label.mjs +16 -16
  50. package/fesm2022/hermes-ui-angular-emphasis-label.mjs.map +1 -1
  51. package/fesm2022/hermes-ui-angular-emphasis.mjs.map +1 -1
  52. package/fesm2022/hermes-ui-angular-forms-checkbox.mjs +52 -52
  53. package/fesm2022/hermes-ui-angular-forms-checkbox.mjs.map +1 -1
  54. package/fesm2022/hermes-ui-angular-forms-combobox.mjs +128 -128
  55. package/fesm2022/hermes-ui-angular-forms-combobox.mjs.map +1 -1
  56. package/fesm2022/hermes-ui-angular-forms-common.mjs +2 -2
  57. package/fesm2022/hermes-ui-angular-forms-common.mjs.map +1 -1
  58. package/fesm2022/hermes-ui-angular-forms-datalist.mjs +48 -48
  59. package/fesm2022/hermes-ui-angular-forms-datalist.mjs.map +1 -1
  60. package/fesm2022/hermes-ui-angular-forms-datepicker.mjs +377 -377
  61. package/fesm2022/hermes-ui-angular-forms-datepicker.mjs.map +1 -1
  62. package/fesm2022/hermes-ui-angular-forms-file-input.mjs +192 -192
  63. package/fesm2022/hermes-ui-angular-forms-file-input.mjs.map +1 -1
  64. package/fesm2022/hermes-ui-angular-forms-input.mjs +54 -54
  65. package/fesm2022/hermes-ui-angular-forms-input.mjs.map +1 -1
  66. package/fesm2022/hermes-ui-angular-forms-native-select.mjs +40 -40
  67. package/fesm2022/hermes-ui-angular-forms-native-select.mjs.map +1 -1
  68. package/fesm2022/hermes-ui-angular-forms-number-input.mjs +82 -82
  69. package/fesm2022/hermes-ui-angular-forms-number-input.mjs.map +1 -1
  70. package/fesm2022/hermes-ui-angular-forms-password.mjs +60 -60
  71. package/fesm2022/hermes-ui-angular-forms-password.mjs.map +1 -1
  72. package/fesm2022/hermes-ui-angular-forms-radio.mjs +52 -52
  73. package/fesm2022/hermes-ui-angular-forms-radio.mjs.map +1 -1
  74. package/fesm2022/hermes-ui-angular-forms-range.mjs +46 -46
  75. package/fesm2022/hermes-ui-angular-forms-range.mjs.map +1 -1
  76. package/fesm2022/hermes-ui-angular-forms-select.mjs +10 -10
  77. package/fesm2022/hermes-ui-angular-forms-select.mjs.map +1 -1
  78. package/fesm2022/hermes-ui-angular-forms-textarea.mjs +40 -40
  79. package/fesm2022/hermes-ui-angular-forms-textarea.mjs.map +1 -1
  80. package/fesm2022/hermes-ui-angular-forms.mjs.map +1 -1
  81. package/fesm2022/hermes-ui-angular-icon.mjs +29 -29
  82. package/fesm2022/hermes-ui-angular-icon.mjs.map +1 -1
  83. package/fesm2022/hermes-ui-angular-layout-breadcrumbs.mjs.map +1 -1
  84. package/fesm2022/hermes-ui-angular-layout-main-container.mjs.map +1 -1
  85. package/fesm2022/hermes-ui-angular-layout-nav.mjs +48 -48
  86. package/fesm2022/hermes-ui-angular-layout-nav.mjs.map +1 -1
  87. package/fesm2022/hermes-ui-angular-layout-tabs.mjs +148 -148
  88. package/fesm2022/hermes-ui-angular-layout-tabs.mjs.map +1 -1
  89. package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs +382 -28
  90. package/fesm2022/hermes-ui-angular-layout-vertical-nav.mjs.map +1 -1
  91. package/fesm2022/hermes-ui-angular-layout.mjs.map +1 -1
  92. package/fesm2022/hermes-ui-angular-modal.mjs +2 -2
  93. package/fesm2022/hermes-ui-angular-modal.mjs.map +1 -1
  94. package/fesm2022/hermes-ui-angular-pagination.mjs +8 -8
  95. package/fesm2022/hermes-ui-angular-pagination.mjs.map +1 -1
  96. package/fesm2022/hermes-ui-angular-popover-common.mjs +26 -3
  97. package/fesm2022/hermes-ui-angular-popover-common.mjs.map +1 -1
  98. package/fesm2022/hermes-ui-angular-popover-dropdown.mjs.map +1 -1
  99. package/fesm2022/hermes-ui-angular-popover-signpost.mjs +68 -68
  100. package/fesm2022/hermes-ui-angular-popover-signpost.mjs.map +1 -1
  101. package/fesm2022/hermes-ui-angular-popover-tooltip.mjs.map +1 -1
  102. package/fesm2022/hermes-ui-angular-popover.mjs.map +1 -1
  103. package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs +10 -10
  104. package/fesm2022/hermes-ui-angular-progress-progress-bars.mjs.map +1 -1
  105. package/fesm2022/hermes-ui-angular-progress-spinner.mjs.map +1 -1
  106. package/fesm2022/hermes-ui-angular-stepper.mjs +2 -2
  107. package/fesm2022/hermes-ui-angular-stepper.mjs.map +1 -1
  108. package/fesm2022/hermes-ui-angular-timeline.mjs +2 -2
  109. package/fesm2022/hermes-ui-angular-timeline.mjs.map +1 -1
  110. package/fesm2022/hermes-ui-angular-toast.mjs +6 -6
  111. package/fesm2022/hermes-ui-angular-toast.mjs.map +1 -1
  112. package/fesm2022/hermes-ui-angular-utils-conditional.mjs.map +1 -1
  113. package/fesm2022/hermes-ui-angular-utils.mjs +6 -0
  114. package/fesm2022/hermes-ui-angular-utils.mjs.map +1 -1
  115. package/fesm2022/hermes-ui-angular-wizard.mjs +58 -58
  116. package/fesm2022/hermes-ui-angular-wizard.mjs.map +1 -1
  117. package/fesm2022/hermes-ui-angular.mjs.map +1 -1
  118. package/forms/combobox/_combobox.clarity.scss +18 -4
  119. package/forms/combobox/_properties.combobox.scss +5 -5
  120. package/forms/styles/_input-group.clarity.scss +7 -0
  121. package/forms/styles/_mixins.forms.scss +12 -10
  122. package/forms/styles/_native-select.clarity.scss +17 -5
  123. package/forms/styles/_properties.forms.scss +29 -18
  124. package/forms/styles/_textarea.clarity.scss +4 -4
  125. package/forms/styles/_variables.forms.scss +6 -0
  126. package/hermes-ui.scss +7 -7
  127. package/layout/main-container/_properties.header.scss +44 -6
  128. package/layout/main-container/_variables.header.scss +11 -0
  129. package/layout/nav/_header.clarity.scss +14 -0
  130. package/layout/nav/_mixins.header.scss +55 -40
  131. package/layout/nav/_responsive-nav.clarity.scss +21 -10
  132. package/layout/vertical-nav/_properties.vertical-nav.scss +77 -27
  133. package/layout/vertical-nav/_variables.vertical-nav.scss +23 -0
  134. package/layout/vertical-nav/_vertical-nav.clarity.scss +418 -277
  135. package/package.json +1 -1
  136. package/toast/README.md +65 -65
  137. package/toast/_properties.toast.scss +56 -56
  138. package/toast/_toast.clarity.scss +190 -190
  139. package/toast/_variables.toast.scss +33 -33
  140. package/types/hermes-ui-angular-addons-theme-builder.d.ts +2 -2
  141. package/types/hermes-ui-angular-addons-theme-builder.d.ts.map +1 -1
  142. package/types/hermes-ui-angular-data-datagrid.d.ts.map +1 -1
  143. package/types/hermes-ui-angular-icon.d.ts +3 -3
  144. package/types/hermes-ui-angular-icon.d.ts.map +1 -1
  145. package/types/hermes-ui-angular-layout-vertical-nav.d.ts +134 -10
  146. package/types/hermes-ui-angular-layout-vertical-nav.d.ts.map +1 -1
  147. package/types/hermes-ui-angular-popover-common.d.ts +4 -3
  148. package/types/hermes-ui-angular-popover-common.d.ts.map +1 -1
  149. package/types/hermes-ui-angular-utils.d.ts +12 -0
  150. package/types/hermes-ui-angular-utils.d.ts.map +1 -1
  151. package/types/hermes-ui-angular-wizard.d.ts.map +1 -1
@@ -7,7 +7,7 @@ import { uniqueIdFactory } from '@hermes-ui/angular/utils';
7
7
  import { filter } from 'rxjs/operators';
8
8
  import { Subject, startWith, debounceTime, tap } from 'rxjs';
9
9
  import * as i5 from '@hermes-ui/angular/icon';
10
- import { ClarityIcons, errorStandardIcon, successStandardIcon, HermesIcon } from '@hermes-ui/angular/icon';
10
+ import { HermesIcons, errorStandardIcon, successStandardIcon, HermesIcon } from '@hermes-ui/angular/icon';
11
11
  import * as i8 from '@hermes-ui/angular/modal';
12
12
  import { HermesModalModule } from '@hermes-ui/angular/modal';
13
13
  import { HermesAlertModule } from '@hermes-ui/angular/emphasis/alert';
@@ -2206,68 +2206,68 @@ class HermesWizardStepnavItem {
2206
2206
  }));
2207
2207
  }
2208
2208
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardStepnavItem, deps: [{ token: WizardNavigationService }, { token: PageCollectionService }, { token: i3.HermesCommonStringsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
2209
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesWizardStepnavItem, isStandalone: false, selector: "[hermes-wizard-stepnav-item]", inputs: { page: "page" }, host: { listeners: { "focusin": "scrollIntoView()" }, properties: { "id": "id", "attr.aria-current": "stepAriaCurrent", "attr.aria-controls": "page.id", "class.hermes-nav-link": "true", "class.nav-item": "true", "class.active": "isCurrent", "class.disabled": "isDisabled", "class.no-click": "!canNavigate", "class.complete": "isComplete", "class.error": "hasError" } }, ngImport: i0, template: `
2210
- <button
2211
- type="button"
2212
- class="btn btn-link hermes-wizard-stepnav-link"
2213
- (click)="click()"
2214
- [attr.disabled]="isDisabled ? '' : null"
2215
- [attr.aria-labelledby]="labelledby"
2216
- >
2217
- <div class="hermes-wizard-stepnav-link-icon">
2218
- @if (icon; as icon) {
2219
- <hermes-icon
2220
- [id]="stepIconId"
2221
- role="img"
2222
- class="hermes-wizard-stepnav-link-icon"
2223
- [shape]="icon.shape"
2224
- [attr.aria-label]="icon.label"
2225
- ></hermes-icon>
2226
- }
2227
- </div>
2228
-
2229
- <span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
2230
- <div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
2231
- <ng-content></ng-content>
2232
- </div>
2233
- <span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
2234
- <ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
2235
- </span>
2236
- </button>
2209
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesWizardStepnavItem, isStandalone: false, selector: "[hermes-wizard-stepnav-item]", inputs: { page: "page" }, host: { listeners: { "focusin": "scrollIntoView()" }, properties: { "id": "id", "attr.aria-current": "stepAriaCurrent", "attr.aria-controls": "page.id", "class.hermes-nav-link": "true", "class.nav-item": "true", "class.active": "isCurrent", "class.disabled": "isDisabled", "class.no-click": "!canNavigate", "class.complete": "isComplete", "class.error": "hasError" } }, ngImport: i0, template: `
2210
+ <button
2211
+ type="button"
2212
+ class="btn btn-link hermes-wizard-stepnav-link"
2213
+ (click)="click()"
2214
+ [attr.disabled]="isDisabled ? '' : null"
2215
+ [attr.aria-labelledby]="labelledby"
2216
+ >
2217
+ <div class="hermes-wizard-stepnav-link-icon">
2218
+ @if (icon; as icon) {
2219
+ <hermes-icon
2220
+ [id]="stepIconId"
2221
+ role="img"
2222
+ class="hermes-wizard-stepnav-link-icon"
2223
+ [shape]="icon.shape"
2224
+ [attr.aria-label]="icon.label"
2225
+ ></hermes-icon>
2226
+ }
2227
+ </div>
2228
+
2229
+ <span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
2230
+ <div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
2231
+ <ng-content></ng-content>
2232
+ </div>
2233
+ <span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
2234
+ <ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
2235
+ </span>
2236
+ </button>
2237
2237
  `, isInline: true, dependencies: [{ kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }] }); }
2238
2238
  }
2239
2239
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardStepnavItem, decorators: [{
2240
2240
  type: Component,
2241
2241
  args: [{
2242
2242
  selector: '[hermes-wizard-stepnav-item]',
2243
- template: `
2244
- <button
2245
- type="button"
2246
- class="btn btn-link hermes-wizard-stepnav-link"
2247
- (click)="click()"
2248
- [attr.disabled]="isDisabled ? '' : null"
2249
- [attr.aria-labelledby]="labelledby"
2250
- >
2251
- <div class="hermes-wizard-stepnav-link-icon">
2252
- @if (icon; as icon) {
2253
- <hermes-icon
2254
- [id]="stepIconId"
2255
- role="img"
2256
- class="hermes-wizard-stepnav-link-icon"
2257
- [shape]="icon.shape"
2258
- [attr.aria-label]="icon.label"
2259
- ></hermes-icon>
2260
- }
2261
- </div>
2262
-
2263
- <span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
2264
- <div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
2265
- <ng-content></ng-content>
2266
- </div>
2267
- <span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
2268
- <ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
2269
- </span>
2270
- </button>
2243
+ template: `
2244
+ <button
2245
+ type="button"
2246
+ class="btn btn-link hermes-wizard-stepnav-link"
2247
+ (click)="click()"
2248
+ [attr.disabled]="isDisabled ? '' : null"
2249
+ [attr.aria-labelledby]="labelledby"
2250
+ >
2251
+ <div class="hermes-wizard-stepnav-link-icon">
2252
+ @if (icon; as icon) {
2253
+ <hermes-icon
2254
+ [id]="stepIconId"
2255
+ role="img"
2256
+ class="hermes-wizard-stepnav-link-icon"
2257
+ [shape]="icon.shape"
2258
+ [attr.aria-label]="icon.label"
2259
+ ></hermes-icon>
2260
+ }
2261
+ </div>
2262
+
2263
+ <span [id]="stepTextId" class="hermes-sr-only">{{ commonStrings.keys.wizardStep }}</span>
2264
+ <div [id]="stepNumberId" class="hermes-wizard-stepnav-link-page-number">
2265
+ <ng-content></ng-content>
2266
+ </div>
2267
+ <span [id]="stepTitleId" class="hermes-wizard-stepnav-link-title">
2268
+ <ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
2269
+ </span>
2270
+ </button>
2271
2271
  `,
2272
2272
  host: {
2273
2273
  '[id]': 'id',
@@ -3024,7 +3024,7 @@ const HERMES_WIZARD_DIRECTIVES = [
3024
3024
  ];
3025
3025
  class HermesWizardModule {
3026
3026
  constructor() {
3027
- ClarityIcons.addIcons(errorStandardIcon, successStandardIcon);
3027
+ HermesIcons.addIcons(errorStandardIcon, successStandardIcon);
3028
3028
  }
3029
3029
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
3030
3030
  static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: HermesWizardModule, declarations: [HermesWizard,