Skip to content

Commit 537ae2f

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

File tree

8 files changed

+217
-42
lines changed

8 files changed

+217
-42
lines changed

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

Lines changed: 27 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,12 @@ 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.textFieldBackgroundColorHover}: var(--surface-transparent-card-hover);
22+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
23+
${tokens.textFieldBorderColor}: var(--outline-solid-primary);
24+
${tokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
25+
${tokens.textFieldBorderColorFocus}: var(--outline-accent);
2226
${tokens.textFieldCaretColor}: var(--text-accent);
2327
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
2428
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -60,7 +64,11 @@ export const config = {
6064
${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);
6165
6266
${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
63-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);
67+
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-positive-hover);
68+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive);
69+
${tokens.textFieldBorderColor}: var(--outline-transparent-positive);
70+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-positive);
71+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-positive);
6472
${tokens.textFieldCaretColor}: var(--text-accent);
6573
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
6674
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -102,7 +110,11 @@ export const config = {
102110
${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);
103111
104112
${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
105-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);
113+
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-warning-hover);
114+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning);
115+
${tokens.textFieldBorderColor}: var(--outline-transparent-warning);
116+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-warning);
117+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-warning);
106118
${tokens.textFieldCaretColor}: var(--text-accent);
107119
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
108120
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -144,7 +156,11 @@ export const config = {
144156
${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);
145157
146158
${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
147-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);
159+
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-negative-hover);
160+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative);
161+
${tokens.textFieldBorderColor}: var(--outline-transparent-negative);
162+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-negative);
163+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-negative);
148164
${tokens.textFieldCaretColor}: var(--text-accent);
149165
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
150166
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -551,15 +567,19 @@ 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);
555573
`,
556574
},
557575
readOnly: {
558576
true: css`
559577
${tokens.textFieldColorReadOnly}: var(--text-primary);
560578
${tokens.textFieldReadOnlyOpacity}: 0.1;
561579
${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
562-
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
580+
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-card);
581+
${tokens.textFieldBorderColorReadOnly}: var(--outline-solid-primary);
582+
${tokens.textFieldContentSlotRightColor}: var(--text-secondary);
563583
${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
564584
${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
565585
${tokens.textFieldLabelColorReadOnly}: var(--text-primary);

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

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,12 @@ 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.textFieldBackgroundColorHover}: var(--surface-transparent-card-hover);
22+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
23+
${tokens.textFieldBorderColor}: var(--outline-solid-primary);
24+
${tokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
25+
${tokens.textFieldBorderColorFocus}: var(--outline-accent);
2226
${tokens.textFieldCaretColor}: var(--text-accent);
2327
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
2428
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -784,15 +788,19 @@ export const config = {
784788
},
785789
disabled: {
786790
true: css`
787-
${tokens.textFieldDisabledOpacity}: 0.4;
791+
${tokens.textFieldDisabledOpacity}: 1;
792+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary);
793+
${tokens.textFieldContentSlotRightColor}: var(--text-secondary);
788794
`,
789795
},
790796
readOnly: {
791797
true: css`
792798
${tokens.textFieldColorReadOnly}: var(--text-primary);
793799
${tokens.textFieldReadOnlyOpacity}: 0.1;
794800
${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
795-
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
801+
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-card);
802+
${tokens.textFieldBorderColorReadOnly}: var(--outline-solid-primary);
803+
${tokens.textFieldContentSlotRightColor}: var(--text-secondary);
796804
${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
797805
${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
798806
${tokens.textFieldLabelColorReadOnly}: var(--text-primary);

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

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,12 @@ 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.textFieldBackgroundColorHover}: var(--surface-transparent-card-hover);
51+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
52+
${tokens.textFieldBorderColor}: var(--outline-solid-primary);
53+
${tokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
54+
${tokens.textFieldBorderColorFocus}: var(--outline-accent);
5155
${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
5256
${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
5357
${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
@@ -656,12 +660,17 @@ export const config = {
656660
},
657661
disabled: {
658662
true: css`
659-
${tokens.disabledOpacity}: 0.4;
663+
${tokens.disabledOpacity}: 1;
664+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary);
665+
${tokens.textFieldContentRightSlotColor}: var(--text-secondary);
660666
`,
661667
},
662668
readOnly: {
663669
true: css`
664-
${tokens.backgroundReadOnly}: var(--surface-transparent-primary);
670+
${tokens.backgroundReadOnly}: var(--surface-transparent-card);
671+
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-card);
672+
${tokens.textFieldBorderColorReadOnly}: var(--outline-solid-primary);
673+
${tokens.textFieldContentRightSlotColor}: var(--text-secondary);
665674
${tokens.labelColorReadOnly}: var(--text-primary);
666675
${tokens.leftHelperColorReadOnly}: var(--text-secondary);
667676

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

Lines changed: 102 additions & 6 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
@@ -29,8 +29,12 @@ export const config = {
2929
3030
${tokens.indicatorColor}: var(--surface-negative);
3131
32-
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);
33-
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
32+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-card);
33+
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-card-hover);
34+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card);
35+
${tokens.textFieldBorderColor}: var(--outline-solid-primary);
36+
${tokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
37+
${tokens.textFieldBorderColorFocus}: var(--outline-accent);
3438
${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
3539
${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);
3640
${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
@@ -41,6 +45,93 @@ export const config = {
4145
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
4246
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
4347
48+
${tokens.focusColor}: var(--text-accent);
49+
`,
50+
negative: css`
51+
${tokens.background}: var(--surface-transparent-negative);
52+
${tokens.dividerColor}: var(--text-primary);
53+
${tokens.labelColor}: var(--text-primary);
54+
${tokens.leftHelperColor}: var(--text-negative);
55+
56+
${tokens.contentSlotColor}: var(--text-secondary);
57+
${tokens.contentSlotColorHover}: var(--text-secondary-hover);
58+
${tokens.contentSlotColorActive}: var(--text-secondary-active);
59+
60+
${tokens.textFieldColor}: var(--text-primary);
61+
${tokens.textFieldPlaceholderColor}: var(--text-secondary);
62+
${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
63+
${tokens.textFieldCaretColor}: var(--text-accent);
64+
65+
${tokens.indicatorColor}: var(--surface-negative);
66+
67+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
68+
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-negative-hover);
69+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative);
70+
${tokens.textFieldBorderColor}: var(--outline-transparent-negative);
71+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-negative);
72+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-negative);
73+
74+
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
75+
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
76+
77+
${tokens.focusColor}: var(--text-accent);
78+
`,
79+
warning: css`
80+
${tokens.background}: var(--surface-transparent-warning);
81+
${tokens.dividerColor}: var(--text-primary);
82+
${tokens.labelColor}: var(--text-primary);
83+
${tokens.leftHelperColor}: var(--text-warning);
84+
85+
${tokens.contentSlotColor}: var(--text-secondary);
86+
${tokens.contentSlotColorHover}: var(--text-secondary-hover);
87+
${tokens.contentSlotColorActive}: var(--text-secondary-active);
88+
89+
${tokens.textFieldColor}: var(--text-primary);
90+
${tokens.textFieldPlaceholderColor}: var(--text-secondary);
91+
${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
92+
${tokens.textFieldCaretColor}: var(--text-accent);
93+
94+
${tokens.indicatorColor}: var(--surface-warning);
95+
96+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
97+
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-warning-hover);
98+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning);
99+
${tokens.textFieldBorderColor}: var(--outline-transparent-warning);
100+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-warning);
101+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-warning);
102+
103+
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
104+
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
105+
106+
${tokens.focusColor}: var(--text-accent);
107+
`,
108+
positive: css`
109+
${tokens.background}: var(--surface-transparent-positive);
110+
${tokens.dividerColor}: var(--text-primary);
111+
${tokens.labelColor}: var(--text-primary);
112+
${tokens.leftHelperColor}: var(--text-positive);
113+
114+
${tokens.contentSlotColor}: var(--text-secondary);
115+
${tokens.contentSlotColorHover}: var(--text-secondary-hover);
116+
${tokens.contentSlotColorActive}: var(--text-secondary-active);
117+
118+
${tokens.textFieldColor}: var(--text-primary);
119+
${tokens.textFieldPlaceholderColor}: var(--text-secondary);
120+
${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
121+
${tokens.textFieldCaretColor}: var(--text-accent);
122+
123+
${tokens.indicatorColor}: var(--surface-positive);
124+
125+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
126+
${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-positive-hover);
127+
${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive);
128+
${tokens.textFieldBorderColor}: var(--outline-transparent-positive);
129+
${tokens.textFieldBorderColorHover}: var(--outline-transparent-positive);
130+
${tokens.textFieldBorderColorFocus}: var(--outline-transparent-positive);
131+
132+
${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
133+
${tokens.textFieldTextAfterColor}: var(--text-tertiary);
134+
44135
${tokens.focusColor}: var(--text-accent);
45136
`,
46137
},
@@ -313,12 +404,15 @@ export const config = {
313404
},
314405
disabled: {
315406
true: css`
316-
${tokens.disabledOpacity}: 0.4;
407+
${tokens.disabledOpacity}: 1;
408+
${tokens.background}: var(--surface-transparent-secondary);
409+
${tokens.textFieldBackgroundColor}: var(--surface-transparent-secondary);
410+
${tokens.contentSlotRightColor}: var(--text-secondary);
317411
`,
318412
},
319413
readOnly: {
320414
true: css`
321-
${tokens.backgroundReadOnly}: var(--surface-transparent-primary);
415+
${tokens.backgroundReadOnly}: var(--surface-transparent-card);
322416
${tokens.labelColorReadOnly}: var(--text-primary);
323417
${tokens.leftHelperColorReadOnly}: var(--text-secondary);
324418
${tokens.dividerColorReadOnly}: var(--text-secondary);
@@ -327,8 +421,10 @@ export const config = {
327421
${tokens.rightContentOpacityReadOnly}: 0.4;
328422
329423
${tokens.textFieldColorReadOnly}: var(--text-primary);
330-
${tokens.textFieldBackgroundColorReadOnly}: transparent;
424+
${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-card);
425+
${tokens.textFieldBorderColorReadOnly}: var(--outline-solid-primary);
331426
${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
427+
${tokens.contentSlotRightColor}: var(--text-secondary);
332428
`,
333429
},
334430
},

0 commit comments

Comments
 (0)