@taiga-ui/styles 5.12.0 → 5.13.0-canary.1222c6e

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 (9) hide show
  1. package/components/appearance.less +1 -1
  2. package/components/label.less +1 -1
  3. package/components/link.less +9 -2
  4. package/components/radio.less +1 -1
  5. package/components/switch.less +1 -1
  6. package/components/textfield.less +1 -1
  7. package/mixins/miscellaneous.less +1 -5
  8. package/package.json +2 -2
  9. package/theme/appearance/textfield.less +1 -1
package/components/appearance.less CHANGED
@@ -20,7 +20,7 @@
20
20
  * Button
21
21
  */
22
22
  [tuiAppearance]:where(*&) {
23
- .transition(all);
23
+ .transition(all, @tui-duration-fast);
24
24
 
25
25
  position: relative;
26
26
  appearance: none;
package/components/label.less CHANGED
@@ -44,7 +44,7 @@
44
44
  font: var(--tui-typography-body-s);
45
45
  }
46
46
 
47
- [tuiTitle] {
47
+ [tuiTitle]:where(:not([tuiCell] *)) {
48
48
  margin-block-start: 0.125rem;
49
49
  }
50
50
 
package/components/link.less CHANGED
@@ -37,8 +37,8 @@
37
37
  margin-inline-start: 0.25rem;
38
38
  }
39
39
 
40
- &[tuiIcons]::before,
41
- &[tuiIcons]::after {
40
+ &[tuiIcons]:where(:not([data-icon-start='font']))::before,
41
+ &[tuiIcons]:where(:not([data-icon-end='font']))::after {
42
42
  content: '\2060';
43
43
  padding: calc(var(--tui-icon-size, 1rem) / 2);
44
44
  vertical-align: super;
@@ -49,6 +49,13 @@
49
49
  transition: none;
50
50
  }
51
51
 
52
+ &[data-icon-start='font']::before,
53
+ &[data-icon-end='font']::after {
54
+ display: inline;
55
+ font-size: var(--tui-icon-size, 1rem);
56
+ vertical-align: sub;
57
+ }
58
+
52
59
  &[tuiChevron]::after {
53
60
  display: inline-block;
54
61
  vertical-align: initial;
package/components/radio.less CHANGED
@@ -19,7 +19,7 @@
19
19
  [tuiRadio]:where(*&) {
20
20
  --t-size: 1.5rem;
21
21
 
22
- .transition(~'background, box-shadow');
22
+ .transition(~'background, box-shadow', @tui-duration-fast);
23
23
 
24
24
  inline-size: var(--t-size);
25
25
  block-size: var(--t-size);
package/components/switch.less CHANGED
@@ -20,7 +20,7 @@
20
20
  * Checkbox, Radio
21
21
  */
22
22
  [tuiSwitch]:where(*&) {
23
- .transition(~'background, box-shadow');
23
+ .transition(~'background, box-shadow', @tui-duration-fast);
24
24
 
25
25
  display: inline-block;
26
26
  inline-size: 3rem;
package/components/textfield.less CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  tui-textfield:where(*&) {
4
4
  .scrollbar-hidden();
5
- .transition(color);
5
+ .transition(color, @tui-duration-fast);
6
6
 
7
7
  --t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));
8
8
  --t-padding: var(--tui-padding-l);
package/mixins/miscellaneous.less CHANGED
@@ -86,20 +86,16 @@
86
86
  }
87
87
  }
88
88
 
89
- // TODO remove @speed in 5.0
90
- // transition
91
89
  .transition(@param: all, @speed: var(--tui-duration, 300ms)) {
92
90
  transition-property: @param;
93
91
  transition-duration: @speed;
94
- transition-timing-function: ease-in-out;
92
+ transition-timing-function: var(--tui-curve-productive-standard);
95
93
  }
96
94
 
97
- // gradient
98
95
  .gradient(@start-color, @end-color, @angle: 45deg) {
99
96
  background-image: linear-gradient(@angle, @start-color 0%, @end-color 100%);
100
97
  }
101
98
 
102
- // typical properties for text overflow with ellipsis
103
99
  .text-overflow(@type: nowrap) {
104
100
  white-space: @type;
105
101
  overflow: hidden;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/styles",
3
- "version": "5.12.0",
3
+ "version": "5.13.0-canary.1222c6e",
4
4
  "description": "Framework-agnostic package with styles for Taiga UI",
5
5
  "repository": {
6
6
  "type": "git",
@@ -25,6 +25,6 @@
25
25
  "./*": "./*"
26
26
  },
27
27
  "peerDependencies": {
28
- "@taiga-ui/design-tokens": "~0.306.0"
28
+ "@taiga-ui/design-tokens": "~0.308.0"
29
29
  }
30
30
  }
package/theme/appearance/textfield.less CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../../utils.less';
2
2
 
3
3
  [tuiAppearance][data-appearance='textfield'] {
4
- .transition(~'box-shadow, background-color, outline-color, border-color, color');
4
+ .transition(~'box-shadow, background-color, outline-color, border-color, color', @tui-duration-fast);
5
5
 
6
6
  --t-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1);
7
7