@bravura/ui 2.5.3 → 3.0.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 (134) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +7 -0
  3. package/alert/alert-container.component.d.ts +1 -1
  4. package/alert/alert-message.component.d.ts +3 -1
  5. package/behavior/await.directive.d.ts +1 -1
  6. package/behavior/sizing-monitor.directive.d.ts +1 -1
  7. package/behavior/sizing.directive.d.ts +1 -1
  8. package/clip-note/clip-note.component.d.ts +1 -1
  9. package/clip-note/clip-note.directive.d.ts +1 -1
  10. package/currency-input/currency-input.directive.d.ts +1 -1
  11. package/decimal-input/decimal-input.directive.d.ts +1 -1
  12. package/discrete-input/discrete-input.component.d.ts +1 -1
  13. package/esm2020/alert/alert-container.component.mjs +4 -4
  14. package/esm2020/alert/alert-message.component.mjs +17 -6
  15. package/esm2020/alert/alert.module.mjs +4 -4
  16. package/esm2020/behavior/await.directive.mjs +5 -5
  17. package/esm2020/behavior/behavior.module.mjs +4 -4
  18. package/esm2020/behavior/sizing-monitor.directive.mjs +3 -3
  19. package/esm2020/behavior/sizing.directive.mjs +3 -3
  20. package/esm2020/clip-note/clip-note.component.mjs +5 -5
  21. package/esm2020/clip-note/clip-note.directive.mjs +3 -3
  22. package/esm2020/clip-note/clip-note.module.mjs +4 -4
  23. package/esm2020/common/common.module.mjs +4 -4
  24. package/esm2020/currency-input/currency-input.directive.mjs +3 -3
  25. package/esm2020/currency-input/currency-input.module.mjs +4 -4
  26. package/esm2020/decimal-input/decimal-input.directive.mjs +3 -3
  27. package/esm2020/decimal-input/decimal-input.module.mjs +4 -4
  28. package/esm2020/discrete-input/discrete-input.component.mjs +3 -3
  29. package/esm2020/discrete-input/discrete-input.module.mjs +4 -4
  30. package/esm2020/file-upload/file-upload.component.mjs +5 -5
  31. package/esm2020/file-upload/file-upload.module.mjs +4 -4
  32. package/esm2020/file-upload/file-upload.service.mjs +3 -3
  33. package/esm2020/form-field/form-field.component.mjs +58 -80
  34. package/esm2020/form-field/form-field.module.mjs +8 -8
  35. package/esm2020/form-field/public-api.mjs +2 -2
  36. package/esm2020/icon-font/icon-font.module.mjs +4 -4
  37. package/esm2020/icon-font/icon.directive.mjs +3 -3
  38. package/esm2020/panel/panel-section.component.mjs +3 -3
  39. package/esm2020/panel/panel.component.mjs +5 -5
  40. package/esm2020/panel/panel.module.mjs +4 -4
  41. package/esm2020/phone-number/phone-number.directive.mjs +3 -3
  42. package/esm2020/phone-number/phone-number.module.mjs +4 -4
  43. package/esm2020/phone-number/phone-number.pipe.mjs +3 -3
  44. package/esm2020/phone-number/phone-number.validator.mjs +3 -3
  45. package/esm2020/radio-panel/radio-panel-item.component.mjs +3 -3
  46. package/esm2020/radio-panel/radio-panel.component.mjs +3 -3
  47. package/esm2020/radio-panel/radio-panel.module.mjs +4 -4
  48. package/esm2020/selection-panel/selection-panel-item.component.mjs +5 -5
  49. package/esm2020/selection-panel/selection-panel.directive.mjs +3 -3
  50. package/esm2020/selection-panel/selection-panel.module.mjs +4 -4
  51. package/esm2020/skeletons/skeleton-loader-presets.directive.mjs +3 -3
  52. package/esm2020/skeletons/skeleton-loader.component.mjs +3 -3
  53. package/esm2020/skeletons/skeletons.module.mjs +4 -4
  54. package/esm2020/stepper/stepper.component.mjs +10 -6
  55. package/esm2020/stepper/stepper.module.mjs +4 -4
  56. package/esm2020/tooltip/tooltip.component.mjs +18 -18
  57. package/esm2020/tooltip/tooltip.directive.mjs +10 -4
  58. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  59. package/fesm2015/bravura-ui-alert.mjs +24 -12
  60. package/fesm2015/bravura-ui-alert.mjs.map +1 -1
  61. package/fesm2015/bravura-ui-behavior.mjs +15 -14
  62. package/fesm2015/bravura-ui-behavior.mjs.map +1 -1
  63. package/fesm2015/bravura-ui-clip-note.mjs +12 -11
  64. package/fesm2015/bravura-ui-clip-note.mjs.map +1 -1
  65. package/fesm2015/bravura-ui-common.mjs +5 -4
  66. package/fesm2015/bravura-ui-currency-input.mjs +8 -7
  67. package/fesm2015/bravura-ui-decimal-input.mjs +8 -7
  68. package/fesm2015/bravura-ui-discrete-input.mjs +8 -7
  69. package/fesm2015/bravura-ui-file-upload.mjs +12 -11
  70. package/fesm2015/bravura-ui-file-upload.mjs.map +1 -1
  71. package/fesm2015/bravura-ui-form-field.mjs +67 -86
  72. package/fesm2015/bravura-ui-form-field.mjs.map +1 -1
  73. package/fesm2015/bravura-ui-icon-font.mjs +8 -7
  74. package/fesm2015/bravura-ui-panel.mjs +12 -11
  75. package/fesm2015/bravura-ui-panel.mjs.map +1 -1
  76. package/fesm2015/bravura-ui-phone-number.mjs +14 -13
  77. package/fesm2015/bravura-ui-radio-panel.mjs +11 -10
  78. package/fesm2015/bravura-ui-selection-panel.mjs +12 -11
  79. package/fesm2015/bravura-ui-selection-panel.mjs.map +1 -1
  80. package/fesm2015/bravura-ui-skeletons.mjs +11 -10
  81. package/fesm2015/bravura-ui-stepper.mjs +14 -9
  82. package/fesm2015/bravura-ui-stepper.mjs.map +1 -1
  83. package/fesm2015/bravura-ui-tooltip.mjs +33 -26
  84. package/fesm2015/bravura-ui-tooltip.mjs.map +1 -1
  85. package/fesm2015/bravura-ui.mjs +1 -0
  86. package/fesm2020/bravura-ui-alert.mjs +24 -12
  87. package/fesm2020/bravura-ui-alert.mjs.map +1 -1
  88. package/fesm2020/bravura-ui-behavior.mjs +15 -14
  89. package/fesm2020/bravura-ui-behavior.mjs.map +1 -1
  90. package/fesm2020/bravura-ui-clip-note.mjs +12 -11
  91. package/fesm2020/bravura-ui-clip-note.mjs.map +1 -1
  92. package/fesm2020/bravura-ui-common.mjs +5 -4
  93. package/fesm2020/bravura-ui-currency-input.mjs +8 -7
  94. package/fesm2020/bravura-ui-decimal-input.mjs +8 -7
  95. package/fesm2020/bravura-ui-discrete-input.mjs +8 -7
  96. package/fesm2020/bravura-ui-file-upload.mjs +12 -11
  97. package/fesm2020/bravura-ui-file-upload.mjs.map +1 -1
  98. package/fesm2020/bravura-ui-form-field.mjs +65 -86
  99. package/fesm2020/bravura-ui-form-field.mjs.map +1 -1
  100. package/fesm2020/bravura-ui-icon-font.mjs +8 -7
  101. package/fesm2020/bravura-ui-panel.mjs +12 -11
  102. package/fesm2020/bravura-ui-panel.mjs.map +1 -1
  103. package/fesm2020/bravura-ui-phone-number.mjs +14 -13
  104. package/fesm2020/bravura-ui-radio-panel.mjs +11 -10
  105. package/fesm2020/bravura-ui-selection-panel.mjs +12 -11
  106. package/fesm2020/bravura-ui-selection-panel.mjs.map +1 -1
  107. package/fesm2020/bravura-ui-skeletons.mjs +11 -10
  108. package/fesm2020/bravura-ui-stepper.mjs +14 -9
  109. package/fesm2020/bravura-ui-stepper.mjs.map +1 -1
  110. package/fesm2020/bravura-ui-tooltip.mjs +33 -26
  111. package/fesm2020/bravura-ui-tooltip.mjs.map +1 -1
  112. package/fesm2020/bravura-ui.mjs +1 -0
  113. package/file-upload/file-upload.component.d.ts +1 -1
  114. package/form-field/form-field.component.d.ts +23 -16
  115. package/form-field/form-field.module.d.ts +1 -1
  116. package/form-field/public-api.d.ts +1 -1
  117. package/icon-font/icon.directive.d.ts +1 -1
  118. package/package.json +1 -1
  119. package/panel/panel-section.component.d.ts +1 -1
  120. package/panel/panel.component.d.ts +1 -1
  121. package/phone-number/phone-number.directive.d.ts +1 -1
  122. package/phone-number/phone-number.validator.d.ts +1 -1
  123. package/radio-panel/radio-panel-item.component.d.ts +1 -1
  124. package/radio-panel/radio-panel.component.d.ts +1 -1
  125. package/selection-panel/selection-panel-item.component.d.ts +1 -1
  126. package/selection-panel/selection-panel.directive.d.ts +1 -1
  127. package/skeletons/skeleton-loader-presets.directive.d.ts +1 -1
  128. package/skeletons/skeleton-loader.component.d.ts +1 -1
  129. package/stepper/stepper.component.d.ts +3 -1
  130. package/theme/_bui-card.scss +56 -0
  131. package/theme/_ui-theme.scss +15 -3
  132. package/theme/scrollbar.scss +32 -30
  133. package/tooltip/tooltip.component.d.ts +3 -5
  134. package/tooltip/tooltip.directive.d.ts +1 -1
package/theme/scrollbar.scss CHANGED
@@ -1,38 +1,40 @@
1
- $bui-scrollbar-width: var(--bui-scrollbar-width, 8px);
2
- $bui-scrollbar-background: var(--bui-scrollbar-background, rgba(128, 128, 128, 0.02));
3
- $bui-scrollbar-thumb-color: var(--bui-scrollbar-thumb-color, rgba(128, 128, 128, 0.4));
4
- $bui-scrollbar-thumb-hover: var(--bui-scrollbar-thumb-hover, rgba(128, 128, 128, 0.6));
5
- $bui-scrollbar-thumb-active: var(--bui-scrollbar-thumb-active, rgba(128, 128, 128, 0.8));
1
+ @mixin bui-scrollbar {
2
+ $bui-scrollbar-width: var(--bui-scrollbar-width, 8px);
3
+ $bui-scrollbar-background: var(--bui-scrollbar-background, rgba(128, 128, 128, 0.02));
4
+ $bui-scrollbar-thumb-color: var(--bui-scrollbar-thumb-color, rgba(128, 128, 128, 0.4));
5
+ $bui-scrollbar-thumb-hover: var(--bui-scrollbar-thumb-hover, rgba(128, 128, 128, 0.6));
6
+ $bui-scrollbar-thumb-active: var(--bui-scrollbar-thumb-active, rgba(128, 128, 128, 0.8));
6
7
 
7
- .bui-styled-scrollbar {
8
- scrollbar-width: thin;
8
+ .bui-styled-scrollbar {
9
+ scrollbar-width: thin;
9
10
 
10
- &::-webkit-scrollbar-track {
11
- -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.2);
12
- background-color: $bui-scrollbar-background;
13
- border-radius: $bui-scrollbar-width;
14
- }
15
-
16
- &::-webkit-scrollbar {
17
- width: $bui-scrollbar-width;
18
- background-color: $bui-scrollbar-background;
19
- }
11
+ &::-webkit-scrollbar-track {
12
+ -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.2);
13
+ background-color: $bui-scrollbar-background;
14
+ border-radius: $bui-scrollbar-width;
15
+ }
20
16
 
21
- &::-webkit-scrollbar-thumb {
22
- background-color: $bui-scrollbar-thumb-color;
23
- border-radius: $bui-scrollbar-width;
24
- &:hover {
25
- background-color: $bui-scrollbar-thumb-hover;
17
+ &::-webkit-scrollbar {
18
+ width: $bui-scrollbar-width;
19
+ background-color: $bui-scrollbar-background;
26
20
  }
27
- &:active {
28
- background-color: $bui-scrollbar-thumb-active;
21
+
22
+ &::-webkit-scrollbar-thumb {
23
+ background-color: $bui-scrollbar-thumb-color;
24
+ border-radius: $bui-scrollbar-width;
25
+ &:hover {
26
+ background-color: $bui-scrollbar-thumb-hover;
27
+ }
28
+ &:active {
29
+ background-color: $bui-scrollbar-thumb-active;
30
+ }
29
31
  }
30
- }
31
32
 
32
- &.ng-scrollbar {
33
- --scrollbar-hover-size: #{$bui-scrollbar-width};
34
- --scrollbar-thumb-color: #{$bui-scrollbar-thumb-color};
35
- --scrollbar-thumb-hover-color: #{$bui-scrollbar-thumb-hover};
36
- --scrollbar-border-radius: #{$bui-scrollbar-width};
33
+ &.ng-scrollbar {
34
+ --scrollbar-hover-size: #{$bui-scrollbar-width};
35
+ --scrollbar-thumb-color: #{$bui-scrollbar-thumb-color};
36
+ --scrollbar-thumb-hover-color: #{$bui-scrollbar-thumb-hover};
37
+ --scrollbar-border-radius: #{$bui-scrollbar-width};
38
+ }
37
39
  }
38
40
  }
package/tooltip/tooltip.component.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { BreakpointObserver } from '@angular/cdk/layout';
2
1
  import { ChangeDetectorRef, ElementRef, InjectionToken, TemplateRef } from '@angular/core';
3
2
  import { TooltipComponent as MatTooltipComponent } from '@angular/material/tooltip';
4
3
  import * as i0 from "@angular/core";
@@ -17,10 +16,9 @@ export declare class TooltipComponent extends MatTooltipComponent {
17
16
  private _messageCopy;
18
17
  _tooltip: ElementRef<HTMLElement>;
19
18
  private tooltipDiv;
20
- constructor(changeDetectorRef: ChangeDetectorRef, _breakpointObserver: BreakpointObserver, _tooltipInst: TooltipTemplateContainer);
19
+ constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _tooltipInst: TooltipTemplateContainer, animationMode?: string);
21
20
  show(delay: number): void;
22
- get _self(): any;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "bui-tooltip-component", never, {}, {}, never, never, false>;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [null, null, null, { optional: true; }]>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "bui-tooltip-component", never, {}, {}, never, never, false, never>;
25
23
  }
26
24
  export {};
package/tooltip/tooltip.directive.d.ts CHANGED
@@ -37,5 +37,5 @@ export declare class TooltipDirective extends _MatTooltipBase<TooltipComponent>
37
37
  /** @ignore */
38
38
  clicked(): void;
39
39
  static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
40
- static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[buiTooltip]", ["buiTooltip"], { "buiTooltipPosition": "buiTooltipPosition"; "buiTooltipDisabled": "buiTooltipDisabled"; "buiTooltip": "buiTooltip"; "buiTooltipClass": "buiTooltipClass"; }, {}, never, never, false>;
40
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[buiTooltip]", ["buiTooltip"], { "buiTooltipPosition": "buiTooltipPosition"; "buiTooltipDisabled": "buiTooltipDisabled"; "buiTooltip": "buiTooltip"; "buiTooltipClass": "buiTooltipClass"; }, {}, never, never, false, never>;
41
41
  }