@taiga-ui/styles 5.20.0 → 5.21.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.
@@ -14,6 +14,7 @@ tui-textfield:where(*&) {
14
14
  --t-side: ~'0px';
15
15
  --t-max: 0.75rem;
16
16
  --t-space: ~'clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max))';
17
+ --t-space-end: ~'calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space))';
17
18
 
18
19
  position: relative;
19
20
  display: flex;
@@ -218,7 +219,7 @@ tui-textfield:where(*&) {
218
219
  border-radius: inherit;
219
220
  border-width: 0;
220
221
  padding-inline-start: calc(var(--t-start) + var(--t-padding));
221
- padding-inline-end: calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));
222
+ padding-inline-end: var(--t-space-end);
222
223
  white-space: nowrap;
223
224
  overflow: hidden;
224
225
 
@@ -241,6 +242,11 @@ tui-textfield:where(*&) {
241
242
  }
242
243
  }
243
244
 
245
+ & > .t-template {
246
+ padding-inline-end: 0;
247
+ border-inline-end: var(--t-space-end) solid transparent;
248
+ }
249
+
244
250
  &._with-template [tuiInput]:first-of-type {
245
251
  color: transparent !important;
246
252
  }
@@ -2,7 +2,6 @@
2
2
 
3
3
  .tui-hitbox(@size) {
4
4
  @media @tui-mobile {
5
- position: relative;
6
5
  overflow: visible;
7
6
 
8
7
  &::after {
@@ -2,7 +2,6 @@
2
2
 
3
3
  @mixin hitbox($size) {
4
4
  @media ($tui-mobile) {
5
- position: relative;
6
5
  overflow: visible;
7
6
 
8
7
  &::after {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/styles",
3
- "version": "5.20.0",
3
+ "version": "5.21.0",
4
4
  "description": "Framework-agnostic package with styles for Taiga UI",
5
5
  "repository": {
6
6
  "type": "git",