Skip to content

Commit 33c922d

Browse files
iljsiljs
committed
fix(finai): update change log
1 parent eb9cd82 commit 33c922d

File tree

7 files changed

+185
-35
lines changed

7 files changed

+185
-35
lines changed

‎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: 29 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ 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
@@ -46,12 +46,21 @@ export const config = {
4646
4747
${tokens.indicatorColor}: var(--surface-negative);
4848
49-
${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
50-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
49+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-card);
50+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
51+
${tokens.textFieldBorderColor}: var(--outline-solid-primary);
52+
${tokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
53+
${tokens.textFieldBorderColorFocus}: var(--outline-accent);
5154
${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
5255
${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
56+
${tokens.textFieldBorderColorError}: var(--outline-transparent-negative);
57+
${tokens.textFieldBorderColorErrorHover}: var(--outline-transparent-negative-hover);
58+
${tokens.textFieldBorderColorErrorFocus}: var(--outline-transparent-negative-active);
5359
${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
5460
${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);
61+
${tokens.textFieldBorderColorSuccess}: var(--outline-transparent-positive);
62+
${tokens.textFieldBorderColorSuccessHover}: var(--outline-transparent-positive-hover);
63+
${tokens.textFieldBorderColorSuccessFocus}: var(--outline-transparent-positive-active);
5564
5665
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
5766
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -100,6 +109,7 @@ export const config = {
100109
l: css`
101110
${tokens.width}: 26.5rem;
102111
${tokens.borderRadius}: 0.875rem;
112+
${tokens.textFieldBorderWidth}: 0.125rem;
103113
104114
${tokens.dividerPadding}: 0 0.375rem;
105115
${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);
@@ -226,6 +236,7 @@ export const config = {
226236
m: css`
227237
${tokens.width}: 23rem;
228238
${tokens.borderRadius}: 0.75rem;
239+
${tokens.textFieldBorderWidth}: 0.125rem;
229240
230241
${tokens.dividerPadding}: 0 0.375rem;
231242
${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);
@@ -352,6 +363,7 @@ export const config = {
352363
s: css`
353364
${tokens.width}: 19.5rem;
354365
${tokens.borderRadius}: 0.625rem;
366+
${tokens.textFieldBorderWidth}: 0.125rem;
355367
356368
${tokens.dividerPadding}: 0 0.375rem;
357369
${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);
@@ -478,6 +490,7 @@ export const config = {
478490
xs: css`
479491
${tokens.width}: 19rem;
480492
${tokens.borderRadius}: 0.5rem;
493+
${tokens.textFieldBorderWidth}: 0.125rem;
481494
482495
${tokens.dividerPadding}: 0 0.375rem;
483496
${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);
@@ -656,12 +669,18 @@ export const config = {
656669
},
657670
disabled: {
658671
true: css`
659-
${tokens.disabledOpacity}: 0.4;
672+
${tokens.disabledOpacity}: 1;
673+
674+
${tokens.contentSlotRightColor}: var(--text-secondary);
675+
${tokens.contentSlotRightColorHover}: var(--text-secondary);
676+
${tokens.contentSlotRightColorActive}: var(--text-secondary);
677+
678+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary);
660679
`,
661680
},
662681
readOnly: {
663682
true: css`
664-
${tokens.backgroundReadOnly}: var(--surface-transparent-primary);
683+
${tokens.backgroundReadOnly}: var(--surface-transparent-card);
665684
${tokens.labelColorReadOnly}: var(--text-primary);
666685
${tokens.leftHelperColorReadOnly}: var(--text-secondary);
667686
@@ -672,10 +691,13 @@ export const config = {
672691
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
673692
${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
674693
675-
${tokens.rightContentOpacityReadOnly}: 0.4;
676-
${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
694+
${tokens.rightContentOpacityReadOnly}: 1;
695+
${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;
677696
${tokens.textFieldReadOnlyOpacity}: 0.1;
678697
${tokens.rangeReadOnlyOpacity}: 0.1;
698+
${tokens.contentSlotRightColor}: var(--text-secondary);
699+
${tokens.contentSlotRightColorHover}: var(--text-secondary);
700+
${tokens.contentSlotRightColorActive}: var(--text-secondary);
679701
`,
680702
},
681703
},

0 commit comments

Comments
 (0)