@taiga-ui/addon-mobile 5.0.0 → 5.1.0-canary.71f34cd

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 (25) hide show
  1. package/fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs +3 -3
  2. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs +6 -6
  3. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs +3 -3
  4. package/fesm2022/taiga-ui-addon-mobile-components-mobile-calendar.mjs +3 -3
  5. package/fesm2022/taiga-ui-addon-mobile-components-pull-to-refresh.mjs +12 -12
  6. package/fesm2022/taiga-ui-addon-mobile-components-sheet-dialog.mjs +9 -9
  7. package/fesm2022/taiga-ui-addon-mobile-components-swipe-actions.mjs +13 -13
  8. package/fesm2022/taiga-ui-addon-mobile-components-swipe-actions.mjs.map +1 -1
  9. package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs +10 -10
  10. package/fesm2022/taiga-ui-addon-mobile-components-tab-bar.mjs.map +1 -1
  11. package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs +8 -8
  12. package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-mobile.mjs.map +1 -1
  13. package/fesm2022/taiga-ui-addon-mobile-directives-dropdown-sheet.mjs +6 -6
  14. package/fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs +9 -9
  15. package/fesm2022/taiga-ui-addon-mobile-directives-elastic-sticky.mjs.map +1 -1
  16. package/fesm2022/taiga-ui-addon-mobile-directives-responsive-dialog.mjs +6 -6
  17. package/fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs +7 -7
  18. package/fesm2022/taiga-ui-addon-mobile-directives-ripple.mjs.map +1 -1
  19. package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs +6 -6
  20. package/fesm2022/taiga-ui-addon-mobile-directives-touchable.mjs.map +1 -1
  21. package/fesm2022/taiga-ui-addon-mobile-services.mjs +6 -6
  22. package/package.json +11 -11
  23. package/styles/common/card-large.less +6 -1
  24. package/styles/common/header.less +38 -14
  25. package/styles/common/notification.less +0 -1
@@ -1,37 +1,61 @@
1
1
  [tuiHeader] {
2
- &[data-size='xxl'],
3
- &[data-size='xl'],
4
- &[data-size='l'],
5
2
  &[data-size='h1'],
6
3
  &[data-size='h2'],
7
4
  &[data-size='h3'] {
8
5
  [tuiTitle] {
9
6
  gap: 1rem;
10
7
  }
8
+
9
+ [tuiSubtitle] {
10
+ font: var(--tui-typography-ui-m);
11
+ }
12
+
13
+ + [tuiDescription] {
14
+ margin-block-start: 1rem;
15
+ font: var(--tui-typography-ui-l);
16
+ }
11
17
  }
12
18
 
13
- &[data-size='m'],
14
- &[data-size='h4'] {
19
+ &[data-size='h4'],
20
+ &[data-size='h5'] {
15
21
  [tuiTitle] {
16
22
  gap: 0.5rem;
17
23
  }
18
- }
19
-
20
- [tuiAccessories] {
21
- gap: 1rem;
22
24
 
23
- [tuiLink] {
24
- font: var(--tui-typography-body-l);
25
+ [tuiSubtitle] {
26
+ font: var(--tui-typography-ui-m);
25
27
  }
26
28
  }
27
29
 
28
- &[data-size='xxs'],
29
30
  &[data-size='h6'],
30
31
  &[data-size='body-l'],
31
- &[data-size='body-m'] {
32
+ &[data-size='body-m'],
33
+ &[data-size='body-s'] {
34
+ font: var(--tui-typography-heading-h6);
35
+
32
36
  [tuiTitle],
33
37
  [tuiAccessories] {
34
- font: var(--tui-typography-heading-h6);
38
+ font: inherit;
39
+ }
40
+
41
+ [tuiTitle] {
42
+ gap: 0.25rem;
43
+ }
44
+
45
+ [tuiSubtitle] {
46
+ font: var(--tui-typography-ui-s);
47
+ }
48
+
49
+ + [tuiDescription] {
50
+ margin-block-start: 0.5rem;
51
+ }
52
+ }
53
+
54
+ [tuiAccessories] {
55
+ gap: 1rem;
56
+
57
+ [tuiLink] {
58
+ font: var(--tui-typography-ui-l);
35
59
  }
36
60
  }
37
61
  }
@@ -22,7 +22,6 @@
22
22
 
23
23
  &::before {
24
24
  font-size: 1.5rem;
25
- inset-block-start: 0.625rem;
26
25
  inset-inline-start: -1.5rem;
27
26
  }
28
27
  }