@testgorilla/tgo-ui 1.4.0 → 1.5.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 (47) hide show
  1. package/components/autocomplete/autocomplete.component.d.ts +15 -6
  2. package/components/autocomplete/autocomplete.model.d.ts +7 -2
  3. package/components/avatar/avatar.component.d.ts +9 -10
  4. package/components/avatar/avatar.component.module.d.ts +2 -1
  5. package/components/banner-action/banner-action.component.d.ts +34 -18
  6. package/components/banner-action/banner-action.component.module.d.ts +2 -1
  7. package/components/banner-action/banner-action.model.d.ts +15 -0
  8. package/components/button/button.component.d.ts +3 -1
  9. package/components/button/button.model.d.ts +1 -0
  10. package/components/empty-state/empty-state.component.d.ts +73 -0
  11. package/components/empty-state/empty-state.component.module.d.ts +11 -0
  12. package/components/field/field.component.d.ts +5 -2
  13. package/components/field/field.component.module.d.ts +2 -1
  14. package/components/icon/icon.model.d.ts +1 -1
  15. package/components/radial-progress/radial-progress.component.d.ts +27 -0
  16. package/components/radial-progress/radial-progress.component.module.d.ts +9 -0
  17. package/components/radial-progress/radial-progress.model.d.ts +9 -0
  18. package/components/stepper/stepper.component.d.ts +2 -4
  19. package/components/stepper/stepper.component.module.d.ts +2 -1
  20. package/esm2022/components/autocomplete/autocomplete.component.mjs +37 -11
  21. package/esm2022/components/autocomplete/autocomplete.model.mjs +9 -3
  22. package/esm2022/components/avatar/avatar.component.mjs +14 -16
  23. package/esm2022/components/avatar/avatar.component.module.mjs +5 -4
  24. package/esm2022/components/banner-action/banner-action.component.mjs +35 -15
  25. package/esm2022/components/banner-action/banner-action.component.module.mjs +5 -4
  26. package/esm2022/components/banner-action/banner-action.model.mjs +17 -0
  27. package/esm2022/components/button/button.component.mjs +10 -3
  28. package/esm2022/components/button/button.model.mjs +1 -1
  29. package/esm2022/components/empty-state/empty-state.component.mjs +109 -0
  30. package/esm2022/components/empty-state/empty-state.component.module.mjs +41 -0
  31. package/esm2022/components/field/field.component.mjs +17 -16
  32. package/esm2022/components/field/field.component.module.mjs +7 -3
  33. package/esm2022/components/icon/icon.component.mjs +2 -2
  34. package/esm2022/components/icon/icon.model.mjs +1 -1
  35. package/esm2022/components/radial-progress/radial-progress.component.mjs +47 -0
  36. package/esm2022/components/radial-progress/radial-progress.component.module.mjs +19 -0
  37. package/esm2022/components/radial-progress/radial-progress.model.mjs +11 -0
  38. package/esm2022/components/stepper/stepper.component.mjs +5 -12
  39. package/esm2022/components/stepper/stepper.component.module.mjs +5 -4
  40. package/esm2022/public-api.mjs +8 -1
  41. package/fesm2022/testgorilla-tgo-ui.mjs +363 -94
  42. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  43. package/package.json +1 -1
  44. package/public-api.d.ts +5 -0
  45. package/src/assets/i18n/en.json +2 -1
  46. package/src/assets/images/Illustration.png +0 -0
  47. package/src/theme/_tooltip.scss +3 -65
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@testgorilla/tgo-ui",
3
- "version": "1.4.0",
3
+ "version": "1.5.0",
4
4
  "lint-staged": {
5
5
  "src/**/*.ts": [
6
6
  "eslint --fix",
package/public-api.d.ts CHANGED
@@ -93,3 +93,8 @@ export * from './components/autocomplete/autocomplete.model';
93
93
  export * from './components/badge/badge.component';
94
94
  export * from './components/badge/badge.component.module';
95
95
  export * from './components/badge/badge.model';
96
+ export * from './components/radial-progress/radial-progress.component';
97
+ export * from './components/radial-progress/radial-progress.component.module';
98
+ export * from './components/radial-progress/radial-progress.model';
99
+ export * from './components/empty-state/empty-state.component';
100
+ export * from './components/empty-state/empty-state.component.module';
package/src/assets/i18n/en.json CHANGED
@@ -72,7 +72,8 @@
72
72
  "ROLE": "Role",
73
73
  "ALL": "All",
74
74
  "OR_DIVIDER": "or",
75
- "ADD": "Add"
75
+ "ADD": "Add",
76
+ "NO_RESULTS": "No results"
76
77
  },
77
78
  "DATE_TIME": {
78
79
  "SECONDS": "{{seconds}} {{PLURALS.DATE_TIME.SECONDS}}",
package/src/theme/_tooltip.scss CHANGED
@@ -1,75 +1,13 @@
1
1
  @use "./variables" as *;
2
2
 
3
- $solid-transparent-5px: 5px solid transparent;
4
-
5
3
  .mat-mdc-tooltip {
6
4
  background-color: $tgo-petrol-60w;
7
- color: $tgo-black;
8
- padding: 8px;
9
5
  font-weight: 600;
10
6
  font-size: 12px;
11
7
  border-radius: 4px;
12
8
  overflow: visible;
13
9
  max-width: 248px;
14
- }
15
-
16
- @mixin before() {
17
- content: '';
18
- width: 0;
19
- height: 0;
20
- position: absolute;
21
- }
22
-
23
- .mat-mdc-tooltip-panel-above mat-tooltip-component .mat-tooltip {
24
-
25
- &::before {
26
- @include before();
27
- border-left: 11px solid transparent;
28
- border-right: 11px solid transparent;
29
- border-top: 8px solid $tgo-petrol-60w;
30
- left: calc(50% - 11px);
31
- bottom: -8px;
32
- }
33
- }
34
-
35
- .mat-mdc-tooltip-panel-below mat-tooltip-component .mat-tooltip {
36
-
37
- &::before {
38
- @include before();
39
- border-left: 11px solid transparent;
40
- border-right: 11px solid transparent;
41
- border-bottom: 8px solid $tgo-petrol-60w;
42
- left: calc(50% - 11px);
43
- top: -8px;
44
- }
45
- }
46
-
47
- .mat-mdc-tooltip-panel-left mat-tooltip-component .mat-tooltip {
48
- text-align: right;
49
-
50
- &::before {
51
- @include before();
52
- border-top: 8px solid transparent;
53
- border-bottom: 11px solid transparent;
54
- border-left: 11px solid $tgo-petrol-60w;
55
- top: calc(50% - 8px);
56
- right: -11px;
57
- }
58
- }
59
-
60
- .mat-mdc-tooltip-panel-right mat-tooltip-component .mat-tooltip {
61
-
62
- &::before {
63
- @include before();
64
- border-top: 8px solid transparent;
65
- border-bottom: 11px solid transparent;
66
- border-right: 11px solid $tgo-petrol-60w;
67
- top: calc(50% - 8px);
68
- left: -11px;
69
- }
70
- }
71
-
72
- .mdc-tooltip__surface {
73
- background-color: $tgo-petrol-60w;
74
- color: $tgo-black;
10
+ padding: 6px 2px;
11
+ --mdc-plain-tooltip-container-color: none;
12
+ --mdc-plain-tooltip-supporting-text-color: $tgo-black;
75
13
  }