@testgorilla/tgo-ui 2.23.17 → 2.23.19
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.
- package/components/button/button.component.d.ts +9 -1
- package/components/dialog/dialog.service.d.ts +1 -1
- package/components/field/field.component.d.ts +31 -5
- package/components/icon/icon.component.d.ts +1 -0
- package/components/overflow-menu/overflow-menu.component.d.ts +39 -5
- package/components/overflow-menu/overflow-menu.component.module.d.ts +5 -1
- package/components/overflow-menu/overflow-menu.model.d.ts +10 -0
- package/directives/ellipse-text.directive.d.ts +4 -1
- package/esm2022/assets/i18n/en.json +3 -0
- package/esm2022/components/alert-banner/alert-banner.component.mjs +2 -2
- package/esm2022/components/avatar/avatar.component.mjs +1 -1
- package/esm2022/components/button/button.component.mjs +12 -3
- package/esm2022/components/checkbox/checkbox.component.mjs +9 -3
- package/esm2022/components/dialog/dialog.component.mjs +1 -1
- package/esm2022/components/dialog/dialog.service.mjs +3 -2
- package/esm2022/components/dropdown/dropdown.component.mjs +1 -1
- package/esm2022/components/empty-state/empty-state.component.mjs +1 -1
- package/esm2022/components/field/field.component.mjs +55 -17
- package/esm2022/components/icon/icon.component.mjs +7 -7
- package/esm2022/components/multi-input/multi-input.component.mjs +1 -1
- package/esm2022/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.mjs +1 -1
- package/esm2022/components/navbar/navbar.component.mjs +1 -1
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +128 -11
- package/esm2022/components/overflow-menu/overflow-menu.component.module.mjs +8 -4
- package/esm2022/components/overflow-menu/overflow-menu.model.mjs +1 -1
- package/esm2022/components/page-header/page-header.component.mjs +1 -1
- package/esm2022/components/password-criteria/password.component.mjs +1 -1
- package/esm2022/components/radial-progress/radial-progress.component.mjs +1 -1
- package/esm2022/components/radio-button/radio-button.component.mjs +1 -1
- package/esm2022/components/side-sheet/side-sheet.component.mjs +1 -1
- package/esm2022/components/snackbar/snackbar.component.mjs +2 -2
- package/esm2022/components/table/table.component.mjs +2 -2
- package/esm2022/components/toggle/toggle.component.mjs +1 -1
- package/esm2022/directives/ellipse-text.directive.mjs +15 -6
- package/fesm2022/testgorilla-tgo-ui.mjs +233 -58
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +3 -2
- package/projects/tgo-canopy-ui/assets/i18n/en.json +3 -0
- package/projects/tgo-canopy-ui/theme/_button.scss +74 -0
- package/projects/tgo-canopy-ui/theme/theme.scss +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@testgorilla/tgo-ui",
|
|
3
|
-
"version": "2.23.
|
|
3
|
+
"version": "2.23.19",
|
|
4
4
|
"license": "proprietary-license",
|
|
5
5
|
"lint-staged": {
|
|
6
6
|
"src/**/*.ts": [
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
"overrides": {
|
|
38
38
|
"crypto-js": "4.2.0",
|
|
39
39
|
"webpack-dev-middleware": "^6.1.2",
|
|
40
|
-
"webpack": "^5.94.0"
|
|
40
|
+
"webpack": "^5.94.0",
|
|
41
|
+
"vite": "^5.2.14"
|
|
41
42
|
},
|
|
42
43
|
"module": "fesm2022/testgorilla-tgo-ui.mjs",
|
|
43
44
|
"typings": "index.d.ts",
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
@use "variables" as *;
|
|
2
|
+
|
|
3
|
+
.mat-mdc-menu-item {
|
|
4
|
+
--mat-menu-item-focus-state-layer-color: transparent;
|
|
5
|
+
--mat-menu-item-hover-state-layer-color: transparent;
|
|
6
|
+
|
|
7
|
+
.mat-mdc-menu-item-text {
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
gap: 8px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&:hover {
|
|
15
|
+
background: $brand-10 !important;
|
|
16
|
+
|
|
17
|
+
.mat-mdc-menu-item-text .button-wrapper button {
|
|
18
|
+
background: $brand-10;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&:disabled {
|
|
23
|
+
background: transparent!important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&.mat-mdc-menu-item-highlighted {
|
|
27
|
+
background: $brand-20 !important;
|
|
28
|
+
|
|
29
|
+
.mat-mdc-menu-item-text .button-wrapper button {
|
|
30
|
+
background: $brand-20;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.mat-mdc-menu-content, .mat-mdc-menu-panel {
|
|
36
|
+
max-width: 300px;
|
|
37
|
+
padding: 0;
|
|
38
|
+
border-radius: 10px!important;
|
|
39
|
+
box-shadow: $box-shadow-modal!important;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.mat-mdc-menu-item {
|
|
43
|
+
position: relative;
|
|
44
|
+
|
|
45
|
+
&.cdk-keyboard-focused {
|
|
46
|
+
border-radius: 10px;
|
|
47
|
+
outline-color: $black;
|
|
48
|
+
outline-style: solid;
|
|
49
|
+
outline-offset: -2px;
|
|
50
|
+
animation: focus-ring-animation 0.4s forwards;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@keyframes focus-ring-animation {
|
|
54
|
+
0% {
|
|
55
|
+
outline-offset: -4px;
|
|
56
|
+
outline-width: 4px;
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
outline-width: 2px;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.mat-mdc-menu-submenu-icon {
|
|
65
|
+
width: 24px;
|
|
66
|
+
height: 24px;
|
|
67
|
+
background: url("../assets/icons/rebrand/Arrow-chevron-right-filled.svg") no-repeat;
|
|
68
|
+
background-size: cover;
|
|
69
|
+
polygon {
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
|