@taiga-ui/addon-mobile 5.24.0 → 5.25.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 (29) hide show
  1. package/components/mobile-calendar/mobile-calendar.component.d.ts +1 -0
  2. package/directives/touchable/touchable.directive.d.ts +2 -2
  3. package/fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs +2 -2
  4. package/fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs.map +1 -1
  5. package/fesm2022/taiga-ui-addon-mobile-components-keypad.mjs +2 -2
  6. package/fesm2022/taiga-ui-addon-mobile-components-keypad.mjs.map +1 -1
  7. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs +8 -6
  8. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs.map +1 -1
  9. package/fesm2022/taiga-ui-addon-mobile-components-search-bar.mjs +2 -2
  10. package/fesm2022/taiga-ui-addon-mobile-components-search-bar.mjs.map +1 -1
  11. package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs +2 -2
  12. package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs.map +1 -1
  13. package/fesm2022/taiga-ui-addon-mobile-components-swipe-actions.mjs +5 -5
  14. package/fesm2022/taiga-ui-addon-mobile-components-swipe-actions.mjs.map +1 -1
  15. package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs +3 -3
  16. package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs.map +1 -1
  17. package/fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs +3 -3
  18. package/fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs.map +1 -1
  19. package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs +9 -7
  20. package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs.map +1 -1
  21. package/package.json +9 -9
  22. package/styles/android/radio.less +1 -1
  23. package/styles/android/switch.less +1 -1
  24. package/styles/common/card-large.less +2 -0
  25. package/styles/common/file.less +2 -2
  26. package/styles/ios/checkbox.less +1 -1
  27. package/styles/ios/switch.less +4 -4
  28. package/styles/ios/thumbnail-card.less +1 -1
  29. package/styles/taiga-ui-mobile.less +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/addon-mobile",
3
- "version": "5.24.0",
3
+ "version": "5.25.0",
4
4
  "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
5
5
  "keywords": [
6
6
  "angular",
@@ -40,14 +40,14 @@
40
40
  "types": "./components/index.d.ts",
41
41
  "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
42
42
  },
43
- "./services": {
44
- "types": "./services/index.d.ts",
45
- "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
46
- },
47
43
  "./directives": {
48
44
  "types": "./directives/index.d.ts",
49
45
  "default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
50
46
  },
47
+ "./services": {
48
+ "types": "./services/index.d.ts",
49
+ "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
50
+ },
51
51
  "./components/bottom-sheet": {
52
52
  "types": "./components/bottom-sheet/index.d.ts",
53
53
  "default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
@@ -120,10 +120,10 @@
120
120
  "@ng-web-apis/common": "^5.3.0",
121
121
  "@ng-web-apis/platform": "^5.3.0",
122
122
  "@ng-web-apis/resize-observer": "^5.3.0",
123
- "@taiga-ui/cdk": "5.24.0",
124
- "@taiga-ui/core": "5.24.0",
125
- "@taiga-ui/kit": "5.24.0",
126
- "@taiga-ui/layout": "5.24.0",
123
+ "@taiga-ui/cdk": "5.25.0",
124
+ "@taiga-ui/core": "5.25.0",
125
+ "@taiga-ui/kit": "5.25.0",
126
+ "@taiga-ui/layout": "5.25.0",
127
127
  "@taiga-ui/polymorpheus": "^5.0.1",
128
128
  "rxjs": ">=7.0.0"
129
129
  },
@@ -19,7 +19,7 @@ input[tuiRadio] {
19
19
  color: var(--tui-background-accent-2);
20
20
 
21
21
  &::after {
22
- transform: scale(0.555);
22
+ scale: 0.555;
23
23
  }
24
24
  }
25
25
 
@@ -34,7 +34,7 @@ input[tuiSwitch] {
34
34
  block-size: 1.25rem;
35
35
  border-radius: 100%;
36
36
  background: #f6f6f6;
37
- transform: none;
37
+ scale: 1;
38
38
  outline: none;
39
39
  box-shadow:
40
40
  0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.24),
@@ -1,11 +1,13 @@
1
1
  [tuiCardLarge][data-space] {
2
2
  &[data-space='normal'] {
3
3
  --t-padding: 1.25rem;
4
+ --tui-padding-inline: 1.25rem;
4
5
  --t-space: 1.25rem;
5
6
  }
6
7
 
7
8
  &[data-space='compact'] {
8
9
  --t-padding: 1rem;
10
+ --tui-padding-inline: 1rem;
9
11
  --t-space: 1rem;
10
12
  --t-comp: -0.125rem;
11
13
  }
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  [tuiFile][data-orientation='vertical'] {
8
- .transition(transform, @tui-duration-fastest);
8
+ .transition(scale, @tui-duration-fastest);
9
9
 
10
10
  min-inline-size: 6rem;
11
11
  max-inline-size: 10rem;
@@ -25,6 +25,6 @@
25
25
  }
26
26
 
27
27
  &:has(> label:active) {
28
- transform: scale(0.95);
28
+ scale: 0.95;
29
29
  }
30
30
  }
@@ -22,7 +22,7 @@ input[tuiRadio] {
22
22
 
23
23
  &::before {
24
24
  display: block;
25
- transform: none;
25
+ scale: 1;
26
26
  mask-image: var(--t-icon);
27
27
  mask-repeat: no-repeat;
28
28
  mask-position: center;
@@ -29,7 +29,7 @@ input[tuiSwitch]._native {
29
29
  inline-size: 100%;
30
30
  background-color: transparent;
31
31
  mix-blend-mode: color;
32
- transform: none;
32
+ scale: 1;
33
33
  }
34
34
 
35
35
  &:invalid:not(:checked)::before {
@@ -68,7 +68,7 @@ input[tuiSwitch]:not(._native) {
68
68
  block-size: 1.9375rem;
69
69
  border-radius: 2rem;
70
70
  background: currentColor;
71
- transform: scale(0.871);
71
+ scale: 0.871;
72
72
  outline: none;
73
73
  box-shadow:
74
74
  0 0.25rem 0.125rem rgba(0, 0, 0, 0.06),
@@ -89,11 +89,11 @@ input[tuiSwitch]:not(._native) {
89
89
  }
90
90
 
91
91
  &::after {
92
- transform: scale(0.871) translateX(calc(1.44rem * var(--tui-inline)));
92
+ transform: translateX(calc(1.44rem * var(--tui-inline)));
93
93
  }
94
94
 
95
95
  &:active::after {
96
- transform: scale(0.871) translateX(calc(1.0775rem * var(--tui-inline)));
96
+ transform: translateX(calc(1.0775rem * var(--tui-inline)));
97
97
  }
98
98
  }
99
99
  }
@@ -1,3 +1,3 @@
1
1
  [tuiThumbnailCard]:active {
2
- transform: scale(0.95);
2
+ scale: 0.95;
3
3
  }
@@ -30,7 +30,7 @@
30
30
 
31
31
  [tuiToast]:active {
32
32
  .interactive({
33
- transform: scale(0.95);
33
+ scale: 0.95;
34
34
  });
35
35
  }
36
36
  }