@taiga-ui/core 3.28.0 → 3.29.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 (23) hide show
  1. package/bundles/taiga-ui-core-components-dialog.umd.js +9 -14
  2. package/bundles/taiga-ui-core-components-dialog.umd.js.map +1 -1
  3. package/bundles/taiga-ui-core-components-primitive-textfield.umd.js +21 -39
  4. package/bundles/taiga-ui-core-components-primitive-textfield.umd.js.map +1 -1
  5. package/bundles/taiga-ui-core-components-root.umd.js +1 -1
  6. package/components/dialog/dialog-close.service.d.ts +1 -1
  7. package/components/primitive-textfield/primitive-textfield.component.d.ts +3 -5
  8. package/constants/cache-basting-payload.d.ts +1 -1
  9. package/esm2015/components/dialog/dialog-close.service.js +11 -16
  10. package/esm2015/components/primitive-textfield/primitive-textfield.component.js +10 -26
  11. package/esm2015/components/primitive-textfield/textfield/textfield.component.js +1 -1
  12. package/esm2015/components/primitive-textfield/value-decoration/value-decoration.component.js +2 -2
  13. package/esm2015/components/root/root.component.js +1 -1
  14. package/esm2015/types/point.js +1 -1
  15. package/fesm2015/taiga-ui-core-components-dialog.js +10 -15
  16. package/fesm2015/taiga-ui-core-components-dialog.js.map +1 -1
  17. package/fesm2015/taiga-ui-core-components-primitive-textfield.js +12 -27
  18. package/fesm2015/taiga-ui-core-components-primitive-textfield.js.map +1 -1
  19. package/fesm2015/taiga-ui-core-components-root.js +1 -1
  20. package/package.json +4 -4
  21. package/styles/mixins/textfield.less +50 -20
  22. package/styles/mixins/textfield.scss +19 -21
  23. package/types/point.d.ts +1 -1
package/styles/mixins/textfield.scss CHANGED
@@ -6,23 +6,21 @@ $line-height-l: 1.25rem;
6
6
  display: block;
7
7
  border-radius: var(--tui-radius-m);
8
8
  text-align: left;
9
+ height: var(--tui-height);
10
+ min-height: var(--tui-height);
11
+ max-height: var(--tui-height);
9
12
 
10
13
  &[data-size='s'] {
11
- height: var(--tui-height-s);
12
- min-height: var(--tui-height-s);
13
- max-height: var(--tui-height-s);
14
+ --tui-height: var(--tui-height-s);
14
15
  }
15
16
 
16
17
  &[data-size='m'] {
17
- height: var(--tui-height-m);
18
- min-height: var(--tui-height-m);
19
- max-height: var(--tui-height-m);
18
+ --tui-height: var(--tui-height-m);
20
19
  }
21
20
 
22
21
  &[data-size='l'] {
23
- height: var(--tui-height-l);
24
- min-height: var(--tui-height-l);
25
- max-height: var(--tui-height-l);
22
+ --tui-height: var(--tui-height-l);
23
+
26
24
  font: var(--tui-font-text-m);
27
25
  line-height: $line-height-l;
28
26
  }
@@ -73,9 +71,8 @@ $line-height-l: 1.25rem;
73
71
  resize: none;
74
72
  text-overflow: ellipsis;
75
73
 
76
- :host[data-mode='onDark'] &,
77
- :host-context(tui-primitive-textfield[data-mode='onDark']),
78
- :host-context(tui-text-area[data-mode='onDark']) {
74
+ [tuiWrapper][data-mode='onDark'] &,
75
+ :host-context([tuiWrapper][data-mode='onDark']) {
79
76
  @include autofill(dark);
80
77
  }
81
78
 
@@ -111,7 +108,7 @@ $line-height-l: 1.25rem;
111
108
 
112
109
  :host[data-size='m']:not(._label-outside) &,
113
110
  :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield) {
114
- padding-top: 1.125rem;
111
+ padding-top: 1rem;
115
112
 
116
113
  // Workaround for raising placeholder in temporary autofill
117
114
  &:-webkit-autofill + .t-content .t-placeholder {
@@ -157,6 +154,7 @@ $line-height-l: 1.25rem;
157
154
 
158
155
  :host[data-size='m'] & {
159
156
  font: var(--tui-font-text-xs);
157
+ line-height: 1.25rem;
160
158
  transform: translateY(-0.5rem);
161
159
  letter-spacing: 0.025rem;
162
160
  }
@@ -166,8 +164,8 @@ $line-height-l: 1.25rem;
166
164
  color: var(--tui-error-fill);
167
165
  }
168
166
 
169
- :host[data-mode='onDark']._invalid:not(._focused) &,
170
- :host[data-mode='onDark']._invalid:not(._focused):hover & {
167
+ :host._invalid:not(._focused) [tuiWrapper][data-mode='onDark'] &,
168
+ :host._invalid:not(._focused):hover [tuiWrapper][data-mode='onDark'] & {
171
169
  color: var(--tui-error-fill-night);
172
170
  }
173
171
  }
@@ -193,18 +191,18 @@ $line-height-l: 1.25rem;
193
191
 
194
192
  /* stylelint-disable selector-max-specificity */
195
193
  // textfield-light
196
- :host[data-mode='onDark'] & {
194
+ [tuiWrapper][data-mode='onDark'] & {
197
195
  color: var(--tui-text-02-night);
198
196
  }
199
197
 
200
- :host[data-size='m'][data-mode='onDark']._focused:not(._label-outside) &,
201
- :host[data-size='l'][data-mode='onDark']._focused:not(._label-outside) & {
198
+ :host[data-size='m']._focused:not(._label-outside) [tuiWrapper][data-mode='onDark'] &,
199
+ :host[data-size='l']._focused:not(._label-outside) [tuiWrapper][data-mode='onDark'] & {
202
200
  color: var(--tui-text-01-night);
203
201
  }
204
202
 
205
- :host[data-mode='onDark']._focused &,
206
- :host[data-size='m'][data-mode='onDark']._focused._label-outside &,
207
- :host[data-size='l'][data-mode='onDark']._focused._label-outside & {
203
+ :host._focused [tuiWrapper][data-mode='onDark'] &,
204
+ :host[data-size='m']._focused._label-outside [tuiWrapper][data-mode='onDark'] &,
205
+ :host[data-size='l']._focused._label-outside [tuiWrapper][data-mode='onDark'] & {
208
206
  color: var(--tui-text-02-night);
209
207
  }
210
208
  /* stylelint-enable selector-max-specificity */
package/types/point.d.ts CHANGED
@@ -1 +1 @@
1
- export declare type TuiPoint = Readonly<[top: number, left: number]>;
1
+ export declare type TuiPoint = Readonly<[number, number]>;