Skip to content

Commit 01773ed

Browse files
iljsiljs
committed
fix(finai): update change log
1 parent 6b07341 commit 01773ed

File tree

10 files changed

+219
-47
lines changed

10 files changed

+219
-47
lines changed

‎packages/plasma-new-hope/src/components/TextField/TextField.tokens.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,8 @@ export const tokens = {
3939
dividerColorHover: '--plasma-textfield-divider-color-hover',
4040
dividerColorFocus: '--plasma-textfield-divider-color-focus',
4141

42+
dividerWidth: '--plasma-textfield-divider-width',
43+
4244
/** Цвета для read-only состояния */
4345
colorReadOnly: '--plasma-textfield-color-readonly',
4446
backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',

‎packages/plasma-new-hope/src/components/TextField/variations/_view/base.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,11 +71,12 @@ export const base = css`
7171
&.${classes.hasDivider} {
7272
${InputWrapper} {
7373
--plasma_private-textfield-divider-color: var(${String(tokens.dividerColor)});
74+
--plasma_private-textfield-divider-width: var(${String(tokens.dividerWidth)});
7475
7576
&:before {
7677
content: '';
7778
position: absolute;
78-
height: 0.063rem;
79+
height: var(--plasma_private-textfield-divider-width, 0.063rem);
7980
width: 100%;
8081
bottom: 0;
8182
left: 0;

‎packages/sdds-finai/src/components/Autocomplete/Autocomplete.config.ts‎

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,11 @@ export const config = {
1717
${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);
1818
${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);
1919
20-
${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
21-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
20+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-card);
21+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
22+
${tokens.textFieldBorderColor}: var(--outline-solid-primary);
23+
${tokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
24+
${tokens.textFieldBorderColorFocus}: var(--outline-accent);
2225
${tokens.textFieldCaretColor}: var(--text-accent);
2326
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
2427
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -61,6 +64,9 @@ export const config = {
6164
6265
${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
6366
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);
67+
${tokens.textFieldBorderColor}: var(--outline-transparent-positive);
68+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-positive-hover);
69+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-positive-active);
6470
${tokens.textFieldCaretColor}: var(--text-accent);
6571
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
6672
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -103,6 +109,9 @@ export const config = {
103109
104110
${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
105111
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);
112+
${tokens.textFieldBorderColor}: var(--outline-transparent-warning);
113+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-warning-hover);
114+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-warning-active);
106115
${tokens.textFieldCaretColor}: var(--text-accent);
107116
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
108117
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -145,6 +154,9 @@ export const config = {
145154
146155
${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
147156
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);
157+
${tokens.textFieldBorderColor}: var(--outline-transparent-negative);
158+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-negative-hover);
159+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-negative-active);
148160
${tokens.textFieldCaretColor}: var(--text-accent);
149161
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
150162
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -200,6 +212,7 @@ export const config = {
200212
${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
201213
${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
202214
215+
${tokens.textFieldBorderWidth}: 0.125rem;
203216
${tokens.textFieldLabelOffset}: 0.75rem;
204217
${tokens.textFieldClearLabelOffset}: 0.25rem;
205218
${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);
@@ -275,6 +288,7 @@ export const config = {
275288
${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
276289
${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
277290
291+
${tokens.textFieldBorderWidth}: 0.125rem;
278292
${tokens.textFieldLabelOffset}: 0.625rem;
279293
${tokens.textFieldClearLabelOffset}: 0.25rem;
280294
${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);
@@ -350,6 +364,7 @@ export const config = {
350364
${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
351365
${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
352366
367+
${tokens.textFieldBorderWidth}: 0.125rem;
353368
${tokens.textFieldLabelOffset}: 0.5rem;
354369
${tokens.textFieldClearLabelOffset}: 0.25rem;
355370
${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);
@@ -425,6 +440,7 @@ export const config = {
425440
${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
426441
${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
427442
443+
${tokens.textFieldBorderWidth}: 0.125rem;
428444
${tokens.textFieldLabelOffset}: 0.375rem;
429445
${tokens.textFieldClearLabelOffset}: 0.25rem;
430446
${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);
@@ -551,19 +567,26 @@ export const config = {
551567
},
552568
disabled: {
553569
true: css`
554-
${tokens.textFieldDisabledOpacity}: 0.4;
570+
${tokens.textFieldDisabledOpacity}: 1;
571+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary);
572+
${tokens.textFieldContentSlotRightColor}: var(--text-secondary);
573+
${tokens.textFieldContentSlotRightColorHover}: var(--text-secondary);
574+
${tokens.textFieldContentSlotRightColorActive}: var(--text-secondary);
555575
`,
556576
},
557577
readOnly: {
558578
true: css`
559579
${tokens.textFieldColorReadOnly}: var(--text-primary);
560580
${tokens.textFieldReadOnlyOpacity}: 0.1;
561-
${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
581+
${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;
562582
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
563583
${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
564584
${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
565585
${tokens.textFieldLabelColorReadOnly}: var(--text-primary);
566586
${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);
587+
${tokens.textFieldContentSlotRightColor}: var(--text-secondary);
588+
${tokens.textFieldContentSlotRightColorHover}: var(--text-secondary);
589+
${tokens.textFieldContentSlotRightColorActive}: var(--text-secondary);
567590
`,
568591
},
569592
},

‎packages/sdds-finai/src/components/Combobox/Combobox.config.ts‎

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,11 @@ export const config = {
1717
${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);
1818
${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);
1919
20-
${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
21-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
20+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-card);
21+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
22+
${tokens.textFieldBorderColor}: var(--outline-solid-primary);
23+
${tokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
24+
${tokens.textFieldBorderColorFocus}: var(--outline-accent);
2225
${tokens.textFieldCaretColor}: var(--text-accent);
2326
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
2427
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -73,6 +76,9 @@ export const config = {
7376
7477
${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
7578
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);
79+
${tokens.textFieldBorderColor}: var(--outline-transparent-positive);
80+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-positive-hover);
81+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-positive-active);
7682
${tokens.textFieldCaretColor}: var(--text-accent);
7783
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
7884
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -127,6 +133,9 @@ export const config = {
127133
128134
${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
129135
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);
136+
${tokens.textFieldBorderColor}: var(--outline-transparent-warning);
137+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-warning-hover);
138+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-warning-active);
130139
${tokens.textFieldCaretColor}: var(--text-accent);
131140
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
132141
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -181,6 +190,9 @@ export const config = {
181190
182191
${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
183192
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);
193+
${tokens.textFieldBorderColor}: var(--outline-transparent-negative);
194+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-negative-hover);
195+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-negative-active);
184196
185197
${tokens.textFieldCaretColor}: var(--text-accent);
186198
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
@@ -263,6 +275,7 @@ export const config = {
263275
${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
264276
${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
265277
278+
${tokens.textFieldBorderWidth}: 0.125rem;
266279
${tokens.textFieldLeftHelperOffset}: 0.25rem;
267280
${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
268281
${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
@@ -371,6 +384,7 @@ export const config = {
371384
${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
372385
${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
373386
387+
${tokens.textFieldBorderWidth}: 0.125rem;
374388
${tokens.textFieldLabelOffset}: 0.625rem;
375389
${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);
376390
${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);
@@ -492,6 +506,7 @@ export const config = {
492506
${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
493507
${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
494508
509+
${tokens.textFieldBorderWidth}: 0.125rem;
495510
${tokens.textFieldLabelOffset}: 0.5rem;
496511
${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);
497512
${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);
@@ -613,6 +628,7 @@ export const config = {
613628
${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
614629
${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
615630
631+
${tokens.textFieldBorderWidth}: 0.125rem;
616632
${tokens.textFieldLabelOffset}: 0.375rem;
617633
${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);
618634
${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);
@@ -784,18 +800,25 @@ export const config = {
784800
},
785801
disabled: {
786802
true: css`
787-
${tokens.textFieldDisabledOpacity}: 0.4;
803+
${tokens.textFieldDisabledOpacity}: 1;
804+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary);
805+
${tokens.textFieldContentSlotRightColor}: var(--text-secondary);
806+
${tokens.textFieldContentSlotRightColorHover}: var(--text-secondary);
807+
${tokens.textFieldContentSlotRightColorActive}: var(--text-secondary);
788808
`,
789809
},
790810
readOnly: {
791811
true: css`
792812
${tokens.textFieldColorReadOnly}: var(--text-primary);
793813
${tokens.textFieldReadOnlyOpacity}: 0.1;
794-
${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
814+
${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;
795815
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
796816
${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
797817
${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
798818
${tokens.textFieldLabelColorReadOnly}: var(--text-primary);
819+
${tokens.textFieldContentSlotRightColor}: var(--text-secondary);
820+
${tokens.textFieldContentSlotRightColorHover}: var(--text-secondary);
821+
${tokens.textFieldContentSlotRightColorActive}: var(--text-secondary);
799822
`,
800823
},
801824
},

‎packages/sdds-finai/src/components/DatePicker/DatePicker.config.ts‎

Lines changed: 26 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,16 @@ export const config = {
88
variations: {
99
view: {
1010
default: css`
11-
${tokens.background}: var(--surface-transparent-primary);
11+
${tokens.background}: var(--surface-transparent-card);
1212
${tokens.backgroundError}: var(--surface-transparent-negative);
1313
${tokens.backgroundSuccess}: var(--surface-transparent-positive);
1414
15+
${tokens.borderColor}: var(--outline-solid-primary);
16+
${tokens.borderColorHover}: var(--outline-solid-primary-hover);
17+
${tokens.borderColorFocus}: var(--outline-accent);
18+
${tokens.borderColorError}: var(--outline-transparent-negative);
19+
${tokens.borderColorSuccess}: var(--outline-transparent-positive);
20+
1521
${tokens.dividerColor}: var(--text-primary);
1622
${tokens.labelColor}: var(--text-primary);
1723
${tokens.leftHelperColor}: var(--text-secondary);
@@ -46,8 +52,8 @@ export const config = {
4652
4753
${tokens.indicatorColor}: var(--surface-negative);
4854
49-
${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
50-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
55+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-card);
56+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
5157
${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
5258
${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
5359
${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
@@ -100,6 +106,7 @@ export const config = {
100106
l: css`
101107
${tokens.width}: 26.5rem;
102108
${tokens.borderRadius}: 0.875rem;
109+
${tokens.textFieldBorderWidth}: 0.125rem;
103110
104111
${tokens.dividerPadding}: 0 0.375rem;
105112
${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);
@@ -226,6 +233,7 @@ export const config = {
226233
m: css`
227234
${tokens.width}: 23rem;
228235
${tokens.borderRadius}: 0.75rem;
236+
${tokens.textFieldBorderWidth}: 0.125rem;
229237
230238
${tokens.dividerPadding}: 0 0.375rem;
231239
${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);
@@ -352,6 +360,7 @@ export const config = {
352360
s: css`
353361
${tokens.width}: 19.5rem;
354362
${tokens.borderRadius}: 0.625rem;
363+
${tokens.textFieldBorderWidth}: 0.125rem;
355364
356365
${tokens.dividerPadding}: 0 0.375rem;
357366
${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);
@@ -478,6 +487,7 @@ export const config = {
478487
xs: css`
479488
${tokens.width}: 19rem;
480489
${tokens.borderRadius}: 0.5rem;
490+
${tokens.textFieldBorderWidth}: 0.125rem;
481491
482492
${tokens.dividerPadding}: 0 0.375rem;
483493
${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);
@@ -656,12 +666,18 @@ export const config = {
656666
},
657667
disabled: {
658668
true: css`
659-
${tokens.disabledOpacity}: 0.4;
669+
${tokens.disabledOpacity}: 1;
670+
671+
${tokens.contentSlotRightColor}: var(--text-secondary);
672+
${tokens.contentSlotRightColorHover}: var(--text-secondary);
673+
${tokens.contentSlotRightColorActive}: var(--text-secondary);
674+
675+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary);
660676
`,
661677
},
662678
readOnly: {
663679
true: css`
664-
${tokens.backgroundReadOnly}: var(--surface-transparent-primary);
680+
${tokens.backgroundReadOnly}: var(--surface-transparent-card);
665681
${tokens.labelColorReadOnly}: var(--text-primary);
666682
${tokens.leftHelperColorReadOnly}: var(--text-secondary);
667683
@@ -672,10 +688,13 @@ export const config = {
672688
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
673689
${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
674690
675-
${tokens.rightContentOpacityReadOnly}: 0.4;
676-
${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
691+
${tokens.rightContentOpacityReadOnly}: 1;
692+
${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;
677693
${tokens.textFieldReadOnlyOpacity}: 0.1;
678694
${tokens.rangeReadOnlyOpacity}: 0.1;
695+
${tokens.contentSlotRightColor}: var(--text-secondary);
696+
${tokens.contentSlotRightColorHover}: var(--text-secondary);
697+
${tokens.contentSlotRightColorActive}: var(--text-secondary);
679698
`,
680699
},
681700
},

0 commit comments

Comments
 (0)