@taiga-ui/addon-mobile 4.3.0 → 4.4.1-canary.ce69ccc

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 (44) hide show
  1. package/directives/dropdown-mobile/dropdown-mobile.component.d.ts +1 -1
  2. package/esm2022/components/mobile-calendar/mobile-calendar.component.mjs +3 -3
  3. package/esm2022/components/mobile-calendar/mobile-calendar.strategy.mjs +4 -4
  4. package/esm2022/components/mobile-calendar-dropdown/mobile-calendar-dropdown.component.mjs +3 -3
  5. package/esm2022/components/mobile-calendar-sheet/mobile-calendar-sheet.component.mjs +5 -4
  6. package/esm2022/components/mobile-dialog/mobile-dialog.component.mjs +3 -3
  7. package/esm2022/components/pull-to-refresh/loader-android/loader-android.component.mjs +3 -3
  8. package/esm2022/components/pull-to-refresh/pull-to-refresh.component.mjs +3 -3
  9. package/esm2022/components/pull-to-refresh/pull-to-refresh.service.mjs +6 -6
  10. package/esm2022/components/sheet-dialog/sheet-dialog.component.mjs +5 -4
  11. package/esm2022/components/swipe-action/swipe-actions.component.mjs +3 -3
  12. package/esm2022/components/tab-bar/tab-bar-item.component.mjs +3 -3
  13. package/esm2022/components/tab-bar/tab-bar.component.mjs +3 -3
  14. package/esm2022/directives/dropdown-mobile/dropdown-mobile.component.mjs +4 -4
  15. package/esm2022/directives/sidebar/sidebar.component.mjs +3 -3
  16. package/esm2022/directives/touchable/touchable.directive.mjs +4 -5
  17. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs +2 -2
  18. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs.map +1 -1
  19. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs +4 -3
  20. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs.map +1 -1
  21. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs +5 -5
  22. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs.map +1 -1
  23. package/fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs +2 -2
  24. package/fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs.map +1 -1
  25. package/fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs +9 -9
  26. package/fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs.map +1 -1
  27. package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs +4 -3
  28. package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs.map +1 -1
  29. package/fesm2022/taiga-ui-addon-mobile-components-swipe-action.mjs +2 -2
  30. package/fesm2022/taiga-ui-addon-mobile-components-swipe-action.mjs.map +1 -1
  31. package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs +4 -4
  32. package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs.map +1 -1
  33. package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs +3 -3
  34. package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs.map +1 -1
  35. package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs +2 -2
  36. package/fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs.map +1 -1
  37. package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs +3 -4
  38. package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs.map +1 -1
  39. package/package.json +134 -134
  40. package/styles/android/app-bar.less +3 -3
  41. package/styles/android/switch.less +6 -6
  42. package/styles/common/block-status.less +2 -2
  43. package/styles/common/button.less +1 -1
  44. package/styles/ios/switch.less +5 -5
package/package.json CHANGED
@@ -1,137 +1,137 @@
1
1
  {
2
- "name": "@taiga-ui/addon-mobile",
3
- "version": "4.3.0",
4
- "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
5
- "keywords": [
6
- "angular",
7
- "component",
8
- "mobile"
9
- ],
10
- "homepage": "https://github.com/taiga-family/taiga-ui",
11
- "repository": "https://github.com/taiga-family/taiga-ui",
12
- "license": "Apache-2.0",
13
- "peerDependencies": {
14
- "@angular/cdk": ">=16.0.0",
15
- "@angular/common": ">=16.0.0",
16
- "@angular/core": ">=16.0.0",
17
- "@ng-web-apis/common": "^4.2.1",
18
- "@taiga-ui/cdk": "^4.3.0",
19
- "@taiga-ui/core": "^4.3.0",
20
- "@taiga-ui/kit": "^4.3.0",
21
- "@taiga-ui/polymorpheus": "^4.6.4",
22
- "rxjs": ">=7.0.0"
23
- },
24
- "module": "fesm2022/taiga-ui-addon-mobile.mjs",
25
- "typings": "index.d.ts",
26
- "exports": {
27
- "./package.json": {
28
- "default": "./package.json"
29
- },
30
- ".": {
31
- "types": "./index.d.ts",
32
- "esm2022": "./esm2022/taiga-ui-addon-mobile.mjs",
33
- "esm": "./esm2022/taiga-ui-addon-mobile.mjs",
34
- "default": "./fesm2022/taiga-ui-addon-mobile.mjs"
35
- },
36
- "./components": {
37
- "types": "./components/index.d.ts",
38
- "esm2022": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
39
- "esm": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
40
- "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
41
- },
42
- "./directives": {
43
- "types": "./directives/index.d.ts",
44
- "esm2022": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
45
- "esm": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
46
- "default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
47
- },
48
- "./services": {
49
- "types": "./services/index.d.ts",
50
- "esm2022": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
51
- "esm": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
52
- "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
53
- },
54
- "./components/mobile-calendar": {
55
- "types": "./components/mobile-calendar/index.d.ts",
56
- "esm2022": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
57
- "esm": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
58
- "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs"
59
- },
60
- "./components/mobile-calendar-dropdown": {
61
- "types": "./components/mobile-calendar-dropdown/index.d.ts",
62
- "esm2022": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
63
- "esm": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
64
- "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs"
65
- },
66
- "./components/mobile-calendar-sheet": {
67
- "types": "./components/mobile-calendar-sheet/index.d.ts",
68
- "esm2022": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
69
- "esm": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
70
- "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs"
71
- },
72
- "./components/mobile-dialog": {
73
- "types": "./components/mobile-dialog/index.d.ts",
74
- "esm2022": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
75
- "esm": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
76
- "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs"
77
- },
78
- "./components/pull-to-refresh": {
79
- "types": "./components/pull-to-refresh/index.d.ts",
80
- "esm2022": "./esm2022/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
81
- "esm": "./esm2022/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
82
- "default": "./fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs"
83
- },
84
- "./components/sheet-dialog": {
85
- "types": "./components/sheet-dialog/index.d.ts",
86
- "esm2022": "./esm2022/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
87
- "esm": "./esm2022/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
88
- "default": "./fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs"
89
- },
90
- "./components/swipe-action": {
91
- "types": "./components/swipe-action/index.d.ts",
92
- "esm2022": "./esm2022/components/swipe-action/taiga-ui-addon-mobile-components-swipe-action.mjs",
93
- "esm": "./esm2022/components/swipe-action/taiga-ui-addon-mobile-components-swipe-action.mjs",
94
- "default": "./fesm2022/taiga-ui-addon-mobile-components-swipe-action.mjs"
95
- },
96
- "./components/tab-bar": {
97
- "types": "./components/tab-bar/index.d.ts",
98
- "esm2022": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
99
- "esm": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
100
- "default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
101
- },
102
- "./directives/dropdown-mobile": {
103
- "types": "./directives/dropdown-mobile/index.d.ts",
104
- "esm2022": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
105
- "esm": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
106
- "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
107
- },
108
- "./directives/elastic-sticky": {
109
- "types": "./directives/elastic-sticky/index.d.ts",
110
- "esm2022": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
111
- "esm": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
112
- "default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
113
- },
114
- "./directives/ripple": {
115
- "types": "./directives/ripple/index.d.ts",
116
- "esm2022": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
117
- "esm": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
118
- "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
119
- },
120
- "./directives/sidebar": {
121
- "types": "./directives/sidebar/index.d.ts",
122
- "esm2022": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
123
- "esm": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
124
- "default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
125
- },
126
- "./directives/touchable": {
127
- "types": "./directives/touchable/index.d.ts",
128
- "esm2022": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
129
- "esm": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
130
- "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
2
+ "name": "@taiga-ui/addon-mobile",
3
+ "version": "4.4.1-canary.ce69ccc",
4
+ "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
5
+ "keywords": [
6
+ "angular",
7
+ "component",
8
+ "mobile"
9
+ ],
10
+ "homepage": "https://github.com/taiga-family/taiga-ui",
11
+ "repository": "https://github.com/taiga-family/taiga-ui",
12
+ "license": "Apache-2.0",
13
+ "peerDependencies": {
14
+ "@angular/cdk": ">=16.0.0",
15
+ "@angular/common": ">=16.0.0",
16
+ "@angular/core": ">=16.0.0",
17
+ "@ng-web-apis/common": "^4.2.1",
18
+ "@taiga-ui/cdk": "^4.4.1-canary.ce69ccc",
19
+ "@taiga-ui/core": "^4.4.1-canary.ce69ccc",
20
+ "@taiga-ui/kit": "^4.4.1-canary.ce69ccc",
21
+ "@taiga-ui/polymorpheus": "^4.6.4",
22
+ "rxjs": ">=7.0.0"
23
+ },
24
+ "module": "fesm2022/taiga-ui-addon-mobile.mjs",
25
+ "typings": "index.d.ts",
26
+ "exports": {
27
+ "./package.json": {
28
+ "default": "./package.json"
29
+ },
30
+ ".": {
31
+ "types": "./index.d.ts",
32
+ "esm2022": "./esm2022/taiga-ui-addon-mobile.mjs",
33
+ "esm": "./esm2022/taiga-ui-addon-mobile.mjs",
34
+ "default": "./fesm2022/taiga-ui-addon-mobile.mjs"
35
+ },
36
+ "./components": {
37
+ "types": "./components/index.d.ts",
38
+ "esm2022": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
39
+ "esm": "./esm2022/components/taiga-ui-addon-mobile-components.mjs",
40
+ "default": "./fesm2022/taiga-ui-addon-mobile-components.mjs"
41
+ },
42
+ "./directives": {
43
+ "types": "./directives/index.d.ts",
44
+ "esm2022": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
45
+ "esm": "./esm2022/directives/taiga-ui-addon-mobile-directives.mjs",
46
+ "default": "./fesm2022/taiga-ui-addon-mobile-directives.mjs"
47
+ },
48
+ "./services": {
49
+ "types": "./services/index.d.ts",
50
+ "esm2022": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
51
+ "esm": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
52
+ "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
53
+ },
54
+ "./components/mobile-calendar": {
55
+ "types": "./components/mobile-calendar/index.d.ts",
56
+ "esm2022": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
57
+ "esm": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
58
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs"
59
+ },
60
+ "./components/mobile-calendar-dropdown": {
61
+ "types": "./components/mobile-calendar-dropdown/index.d.ts",
62
+ "esm2022": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
63
+ "esm": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
64
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs"
65
+ },
66
+ "./components/mobile-calendar-sheet": {
67
+ "types": "./components/mobile-calendar-sheet/index.d.ts",
68
+ "esm2022": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
69
+ "esm": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
70
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs"
71
+ },
72
+ "./components/mobile-dialog": {
73
+ "types": "./components/mobile-dialog/index.d.ts",
74
+ "esm2022": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
75
+ "esm": "./esm2022/components/mobile-dialog/taiga-ui-addon-mobile-components-mobile-dialog.mjs",
76
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-dialog.mjs"
77
+ },
78
+ "./components/pull-to-refresh": {
79
+ "types": "./components/pull-to-refresh/index.d.ts",
80
+ "esm2022": "./esm2022/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
81
+ "esm": "./esm2022/components/pull-to-refresh/taiga-ui-addon-mobile-components-pull-to-refresh.mjs",
82
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs"
83
+ },
84
+ "./components/sheet-dialog": {
85
+ "types": "./components/sheet-dialog/index.d.ts",
86
+ "esm2022": "./esm2022/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
87
+ "esm": "./esm2022/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.mjs",
88
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs"
89
+ },
90
+ "./components/swipe-action": {
91
+ "types": "./components/swipe-action/index.d.ts",
92
+ "esm2022": "./esm2022/components/swipe-action/taiga-ui-addon-mobile-components-swipe-action.mjs",
93
+ "esm": "./esm2022/components/swipe-action/taiga-ui-addon-mobile-components-swipe-action.mjs",
94
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-swipe-action.mjs"
95
+ },
96
+ "./components/tab-bar": {
97
+ "types": "./components/tab-bar/index.d.ts",
98
+ "esm2022": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
99
+ "esm": "./esm2022/components/tab-bar/taiga-ui-addon-mobile-components-tab-bar.mjs",
100
+ "default": "./fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs"
101
+ },
102
+ "./directives/dropdown-mobile": {
103
+ "types": "./directives/dropdown-mobile/index.d.ts",
104
+ "esm2022": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
105
+ "esm": "./esm2022/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs",
106
+ "default": "./fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs"
107
+ },
108
+ "./directives/elastic-sticky": {
109
+ "types": "./directives/elastic-sticky/index.d.ts",
110
+ "esm2022": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
111
+ "esm": "./esm2022/directives/elastic-sticky/taiga-ui-addon-mobile-directives-elastic-sticky.mjs",
112
+ "default": "./fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs"
113
+ },
114
+ "./directives/ripple": {
115
+ "types": "./directives/ripple/index.d.ts",
116
+ "esm2022": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
117
+ "esm": "./esm2022/directives/ripple/taiga-ui-addon-mobile-directives-ripple.mjs",
118
+ "default": "./fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs"
119
+ },
120
+ "./directives/sidebar": {
121
+ "types": "./directives/sidebar/index.d.ts",
122
+ "esm2022": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
123
+ "esm": "./esm2022/directives/sidebar/taiga-ui-addon-mobile-directives-sidebar.mjs",
124
+ "default": "./fesm2022/taiga-ui-addon-mobile-directives-sidebar.mjs"
125
+ },
126
+ "./directives/touchable": {
127
+ "types": "./directives/touchable/index.d.ts",
128
+ "esm2022": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
129
+ "esm": "./esm2022/directives/touchable/taiga-ui-addon-mobile-directives-touchable.mjs",
130
+ "default": "./fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs"
131
+ }
132
+ },
133
+ "sideEffects": false,
134
+ "dependencies": {
135
+ "tslib": "^2.7.0"
131
136
  }
132
- },
133
- "sideEffects": false,
134
- "dependencies": {
135
- "tslib": "^2.6.3"
136
- }
137
137
  }
@@ -1,15 +1,15 @@
1
1
  tui-app-bar {
2
- text-align: left;
2
+ text-align: start;
3
3
  font: var(--tui-font-heading-6);
4
4
 
5
5
  > .t-content {
6
6
  position: static;
7
7
  padding: 0 0 0 1.375rem;
8
8
  transform: none;
9
- max-width: calc(100% - var(--t-sides, 0px) / 2);
9
+ max-inline-size: calc(100% - var(--t-sides, 0px) / 2);
10
10
 
11
11
  > * {
12
- max-width: calc(100% - var(--t-sides, 0px));
12
+ max-inline-size: calc(100% - var(--t-sides, 0px));
13
13
  }
14
14
  }
15
15
 
@@ -1,8 +1,8 @@
1
1
  input[tuiSwitch] {
2
2
  .transition(~'color, opacity');
3
3
 
4
- height: 1.25rem;
5
- width: 2.5rem;
4
+ block-size: 1.25rem;
5
+ inline-size: 2.5rem;
6
6
  color: var(--tui-border-hover) !important;
7
7
  background: transparent !important;
8
8
  overflow: visible;
@@ -10,8 +10,8 @@ input[tuiSwitch] {
10
10
  &::before {
11
11
  content: '';
12
12
  display: block;
13
- height: 100%;
14
- width: 100%;
13
+ block-size: 100%;
14
+ inline-size: 100%;
15
15
  border: 0.1875rem solid transparent;
16
16
  box-sizing: border-box;
17
17
  border-radius: 2rem;
@@ -29,8 +29,8 @@ input[tuiSwitch] {
29
29
  position: absolute;
30
30
  top: 0;
31
31
  left: 0;
32
- width: 1.25rem;
33
- height: 1.25rem;
32
+ inline-size: 1.25rem;
33
+ block-size: 1.25rem;
34
34
  border-radius: 100%;
35
35
  background: #f6f6f6;
36
36
  transform: none;
@@ -31,8 +31,8 @@ tui-block-status {
31
31
  }
32
32
 
33
33
  img {
34
- width: 8rem;
35
- height: 8rem;
34
+ inline-size: 8rem;
35
+ block-size: 8rem;
36
36
  }
37
37
 
38
38
  a:not(:last-child),
@@ -1,5 +1,5 @@
1
1
  [tuiCardLarge] [tuiButton] {
2
- width: 100%;
2
+ inline-size: 100%;
3
3
  }
4
4
 
5
5
  [tuiButton],
@@ -1,6 +1,6 @@
1
1
  input[tuiSwitch] {
2
- height: 1.9375rem;
3
- width: 3.1875rem;
2
+ block-size: 1.9375rem;
3
+ inline-size: 3.1875rem;
4
4
  border-radius: 2rem;
5
5
  color: #fff;
6
6
  background: var(--tui-background-neutral-2);
@@ -14,8 +14,8 @@ input[tuiSwitch] {
14
14
  .transition(~'transform, width');
15
15
 
16
16
  right: auto;
17
- width: 1.9375rem;
18
- height: 1.9375rem;
17
+ inline-size: 1.9375rem;
18
+ block-size: 1.9375rem;
19
19
  border-radius: 2rem;
20
20
  background: currentColor;
21
21
  transform: scale(0.871);
@@ -26,7 +26,7 @@ input[tuiSwitch] {
26
26
  }
27
27
 
28
28
  &:active::after {
29
- width: 2.3rem;
29
+ inline-size: 2.3rem;
30
30
  }
31
31
 
32
32
  &:checked,