@tetacom/ng-components 1.2.10 → 1.3.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 (21) hide show
  1. package/assets/icons.svg +476 -542
  2. package/component/button/button/button.component.d.ts +3 -5
  3. package/component/public-api.d.ts +1 -0
  4. package/component/stepper/public-api.d.ts +1 -0
  5. package/component/stepper/stepper/stepper.component.d.ts +10 -0
  6. package/docs/checkboxDocs.mdx +108 -106
  7. package/docs/iconDocs.mdx +92 -89
  8. package/docs/modalDocs.mdx +63 -63
  9. package/docs/stepperDocs.mdx +34 -0
  10. package/esm2022/common/enum/teta-size.enum.mjs +1 -1
  11. package/esm2022/component/button/button/button.component.mjs +19 -12
  12. package/esm2022/component/icon/icon/icon.component.mjs +20 -3
  13. package/esm2022/component/public-api.mjs +3 -1
  14. package/esm2022/component/stepper/public-api.mjs +2 -0
  15. package/esm2022/component/stepper/stepper/stepper.component.mjs +16 -0
  16. package/fesm2022/tetacom-ng-components.mjs +50 -13
  17. package/fesm2022/tetacom-ng-components.mjs.map +1 -1
  18. package/package.json +1 -1
  19. package/style/checkbox.scss +6 -7
  20. package/style/icon.scss +28 -4
  21. package/style/modal.scss +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tetacom/ng-components",
3
- "version": "1.2.10",
3
+ "version": "1.3.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.1.0",
6
6
  "@angular/core": "^17.1.0"
package/style/checkbox.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "util/color-util.scss";
1
+ @import 'util/color-util.scss';
2
2
 
3
3
  .checkbox {
4
4
  display: inline-flex;
@@ -6,9 +6,9 @@
6
6
  grid-gap: 8px;
7
7
 
8
8
  &_disabled {
9
- cursor: default!important;
10
- fill: var(--color-text-5)!important;
11
- color: var(--color-text-50)!important;
9
+ cursor: default !important;
10
+ fill: var(--color-text-5) !important;
11
+ color: var(--color-text-50) !important;
12
12
  }
13
13
 
14
14
  &__tick {
@@ -26,6 +26,7 @@
26
26
  border-radius: 4px;
27
27
  background: var(--color-primary-50);
28
28
  fill: var(--color-global-white);
29
+ color: var(--color-global-white);
29
30
  }
30
31
  }
31
32
 
@@ -33,7 +34,6 @@
33
34
  cursor: pointer;
34
35
  }
35
36
 
36
-
37
37
  &:hover:not(&_disabled) &__tick {
38
38
  background: var(--color-text-5);
39
39
  border-color: var(--color-text-30);
@@ -43,9 +43,8 @@
43
43
  }
44
44
  }
45
45
 
46
-
47
46
  @each $paletteName, $palette in map-get($themes, nth(map-keys($themes), 1)) {
48
- &#{'.checkbox-'+$paletteName} {
47
+ &#{'.checkbox-' + $paletteName} {
49
48
  fill: getColorVar($paletteName, '50');
50
49
  }
51
50
  }
package/style/icon.scss CHANGED
@@ -1,17 +1,41 @@
1
- @import "util/color-util.scss";
1
+ @import 'util/color-util.scss';
2
2
 
3
3
  .icon {
4
4
  display: inline-flex;
5
- height: 16px;
6
- width: 16px;
7
5
  flex-shrink: 0;
6
+
8
7
  &-file {
9
8
  width: 32px;
10
9
  height: 40px;
11
10
  }
12
11
 
12
+ &-xs {
13
+ height: 8px;
14
+ width: 8px;
15
+ }
16
+
17
+ &-s {
18
+ height: 12px;
19
+ width: 12px;
20
+ }
21
+
22
+ &-m {
23
+ height: 16px;
24
+ width: 16px;
25
+ }
26
+
27
+ &-l {
28
+ height: 20px;
29
+ width: 20px;
30
+ }
31
+
32
+ &-xl {
33
+ height: 24px;
34
+ width: 24px;
35
+ }
36
+
13
37
  @each $paletteName, $palette in map-get($themes, nth(map-keys($themes), 1)) {
14
- &#{'.icon-'+$paletteName} {
38
+ &#{'.icon-' + $paletteName} {
15
39
  fill: getColorVar($paletteName, '70');
16
40
  color: getColorVar($paletteName, '70');
17
41
  }
package/style/modal.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import "util/color-util.scss";
2
- @import "util/shadow-util.scss";
1
+ @import 'util/color-util.scss';
2
+ @import 'util/shadow-util.scss';
3
3
 
4
4
  .modal {
5
5
  &__backdrop {
@@ -20,10 +20,10 @@
20
20
 
21
21
  &__container {
22
22
  min-width: 300px;
23
- box-shadow: var(--shadow-5);;
23
+ box-shadow: var(--shadow-5);
24
24
  background-color: var(--color-global-bgcard);
25
25
  border: solid 0;
26
- border-radius: 4px;
26
+ border-radius: 12px;
27
27
 
28
28
  &_resize {
29
29
  resize: both;