@seed-design/css 1.0.7 → 1.1.3

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 (78) hide show
  1. package/all.css +907 -474
  2. package/all.min.css +1 -1
  3. package/base.css +32 -0
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/action-button.css +8 -1
  7. package/recipes/action-sheet.css +8 -2
  8. package/recipes/app-bar.css +8 -1
  9. package/recipes/app-screen.css +16 -0
  10. package/recipes/app-screen.d.ts +4 -0
  11. package/recipes/app-screen.mjs +6 -1
  12. package/recipes/bottom-sheet-handle.css +24 -0
  13. package/recipes/bottom-sheet-handle.d.ts +21 -0
  14. package/recipes/bottom-sheet-handle.mjs +36 -0
  15. package/recipes/bottom-sheet.css +67 -35
  16. package/recipes/callout.css +1 -0
  17. package/recipes/dialog.css +8 -2
  18. package/recipes/extended-action-sheet.css +8 -2
  19. package/recipes/field-label.css +29 -0
  20. package/recipes/field-label.d.ts +24 -0
  21. package/recipes/field-label.mjs +47 -0
  22. package/recipes/field.css +63 -0
  23. package/recipes/field.d.ts +21 -0
  24. package/recipes/field.mjs +60 -0
  25. package/recipes/input-button.css +103 -0
  26. package/recipes/input-button.d.ts +21 -0
  27. package/recipes/input-button.mjs +64 -0
  28. package/recipes/list-header.css +1 -0
  29. package/recipes/list-item.css +13 -3
  30. package/recipes/menu-sheet-item.css +3 -0
  31. package/recipes/menu-sheet.css +12 -2
  32. package/recipes/page-banner.css +5 -4
  33. package/recipes/page-banner.d.ts +1 -1
  34. package/recipes/page-banner.mjs +6 -2
  35. package/recipes/scroll-fog.css +23 -0
  36. package/recipes/scroll-fog.d.ts +22 -0
  37. package/recipes/scroll-fog.mjs +28 -0
  38. package/recipes/slider-marker.css +42 -0
  39. package/recipes/slider-marker.d.ts +22 -0
  40. package/recipes/slider-marker.mjs +30 -0
  41. package/recipes/slider-tick.css +19 -0
  42. package/recipes/slider-tick.d.ts +22 -0
  43. package/recipes/slider-tick.mjs +29 -0
  44. package/recipes/slider.css +174 -0
  45. package/recipes/slider.d.ts +21 -0
  46. package/recipes/slider.mjs +68 -0
  47. package/recipes/text-input.css +194 -0
  48. package/recipes/text-input.d.ts +28 -0
  49. package/recipes/text-input.mjs +73 -0
  50. package/vars/component/bottom-sheet-handle.d.ts +24 -0
  51. package/vars/component/bottom-sheet-handle.mjs +24 -0
  52. package/vars/component/bottom-sheet.d.ts +2 -2
  53. package/vars/component/bottom-sheet.mjs +2 -2
  54. package/vars/component/field-label.d.ts +25 -0
  55. package/vars/component/field-label.mjs +25 -0
  56. package/vars/component/field.d.ts +72 -0
  57. package/vars/component/field.mjs +72 -0
  58. package/vars/component/index.d.ts +9 -1
  59. package/vars/component/index.mjs +9 -1
  60. package/vars/component/input-button.d.ts +78 -0
  61. package/vars/component/input-button.mjs +78 -0
  62. package/vars/component/page-banner.d.ts +1 -1
  63. package/vars/component/page-banner.mjs +1 -1
  64. package/vars/component/scroll-fog.d.ts +11 -0
  65. package/vars/component/scroll-fog.mjs +11 -0
  66. package/vars/component/slider-thumb.d.ts +25 -0
  67. package/vars/component/slider-thumb.mjs +25 -0
  68. package/vars/component/slider-tick.d.ts +23 -0
  69. package/vars/component/slider-tick.mjs +23 -0
  70. package/vars/component/slider.d.ts +74 -0
  71. package/vars/component/slider.mjs +74 -0
  72. package/vars/component/text-input.d.ts +212 -0
  73. package/vars/component/text-input.mjs +212 -0
  74. package/recipes/text-field.css +0 -385
  75. package/recipes/text-field.d.ts +0 -24
  76. package/recipes/text-field.mjs +0 -104
  77. package/vars/component/text-field.d.ts +0 -294
  78. package/vars/component/text-field.mjs +0 -294
package/vars/component/slider-thumb.mjs ADDED
@@ -0,0 +1,25 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "size": "var(--seed-dimension-x5)",
6
+ "cornerRadius": "var(--seed-radius-full)",
7
+ "color": "var(--seed-color-bg-neutral-inverted)",
8
+ "scaleDuration": "var(--seed-duration-d3)",
9
+ "scaleTimingFunction": "var(--seed-timing-function-easing)",
10
+ "translateDuration": "var(--seed-duration-d3)",
11
+ "translateTimingFunction": "var(--seed-timing-function-easing)"
12
+ }
13
+ },
14
+ "disabled": {
15
+ "root": {
16
+ "color": "var(--seed-color-fg-disabled)"
17
+ }
18
+ },
19
+ "pressed": {
20
+ "root": {
21
+ "scale": "1.2"
22
+ }
23
+ }
24
+ }
25
+ }
package/vars/component/slider-tick.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ export declare const vars: {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "color": "var(--seed-color-fg-neutral-inverted)"
6
+ }
7
+ }
8
+ },
9
+ "weightThin": {
10
+ "enabled": {
11
+ "root": {
12
+ "width": "1px"
13
+ }
14
+ }
15
+ },
16
+ "weightThick": {
17
+ "enabled": {
18
+ "root": {
19
+ "width": "var(--seed-dimension-x1)"
20
+ }
21
+ }
22
+ }
23
+ }
package/vars/component/slider-tick.mjs ADDED
@@ -0,0 +1,23 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "color": "var(--seed-color-fg-neutral-inverted)"
6
+ }
7
+ }
8
+ },
9
+ "weightThin": {
10
+ "enabled": {
11
+ "root": {
12
+ "width": "1px"
13
+ }
14
+ }
15
+ },
16
+ "weightThick": {
17
+ "enabled": {
18
+ "root": {
19
+ "width": "var(--seed-dimension-x1)"
20
+ }
21
+ }
22
+ }
23
+ }
package/vars/component/slider.d.ts ADDED
@@ -0,0 +1,74 @@
1
+ export declare const vars: {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "gap": "var(--seed-dimension-x0_5)"
6
+ },
7
+ "control": {
8
+ "height": "26px"
9
+ },
10
+ "track": {
11
+ "height": "var(--seed-dimension-x1)",
12
+ "cornerRadius": "var(--seed-radius-full)",
13
+ "color": "var(--seed-color-palette-gray-400)"
14
+ },
15
+ "range": {
16
+ "cornerRadius": "var(--seed-radius-full)",
17
+ "color": "var(--seed-color-fg-neutral)",
18
+ "widthDuration": "var(--seed-duration-d3)",
19
+ "widthTimingFunction": "var(--seed-timing-function-easing)"
20
+ },
21
+ "thumb": {
22
+ "size": "var(--seed-dimension-x5)",
23
+ "cornerRadius": "var(--seed-radius-full)",
24
+ "color": "var(--seed-color-bg-neutral-inverted)"
25
+ },
26
+ "valueIndicatorRoot": {
27
+ "color": "var(--seed-color-bg-neutral-inverted)",
28
+ "cornerRadius": "var(--seed-radius-r1)",
29
+ "paddingX": "var(--seed-dimension-x1_5)",
30
+ "paddingY": "var(--seed-dimension-x0_5)",
31
+ "offsetY": "var(--seed-dimension-x3)",
32
+ "enterScale": "0.9",
33
+ "enterOpacity": "0",
34
+ "enterDuration": "var(--seed-duration-d4)",
35
+ "enterTimingFunction": "var(--seed-timing-function-enter)",
36
+ "exitScale": "1",
37
+ "exitOpacity": "0",
38
+ "exitDuration": "var(--seed-duration-d4)",
39
+ "exitTimingFunction": "var(--seed-timing-function-easing)"
40
+ },
41
+ "valueIndicatorArrow": {
42
+ "color": "var(--seed-color-bg-neutral-inverted)",
43
+ "width": "var(--seed-dimension-x2_5)",
44
+ "height": "7px",
45
+ "cornerRadius": "var(--seed-radius-r0_5)",
46
+ "gutter": "var(--seed-dimension-x0_5)",
47
+ "padding": "var(--seed-dimension-x0_5)"
48
+ },
49
+ "valueIndicatorLabel": {
50
+ "color": "var(--seed-color-fg-neutral-inverted)",
51
+ "fontSize": "var(--seed-font-size-t1)",
52
+ "lineHeight": "var(--seed-line-height-t1)",
53
+ "fontWeight": "var(--seed-font-weight-medium)"
54
+ },
55
+ "marker": {
56
+ "color": "var(--seed-color-fg-neutral-muted)",
57
+ "fontWeight": "var(--seed-font-weight-regular)",
58
+ "fontSize": "var(--seed-font-size-t3)",
59
+ "lineHeight": "var(--seed-line-height-t3)"
60
+ }
61
+ },
62
+ "disabled": {
63
+ "range": {
64
+ "color": "var(--seed-color-fg-disabled)"
65
+ },
66
+ "thumb": {
67
+ "color": "var(--seed-color-fg-disabled)"
68
+ },
69
+ "marker": {
70
+ "color": "var(--seed-color-fg-disabled)"
71
+ }
72
+ }
73
+ }
74
+ }
package/vars/component/slider.mjs ADDED
@@ -0,0 +1,74 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "gap": "var(--seed-dimension-x0_5)"
6
+ },
7
+ "control": {
8
+ "height": "26px"
9
+ },
10
+ "track": {
11
+ "height": "var(--seed-dimension-x1)",
12
+ "cornerRadius": "var(--seed-radius-full)",
13
+ "color": "var(--seed-color-palette-gray-400)"
14
+ },
15
+ "range": {
16
+ "cornerRadius": "var(--seed-radius-full)",
17
+ "color": "var(--seed-color-fg-neutral)",
18
+ "widthDuration": "var(--seed-duration-d3)",
19
+ "widthTimingFunction": "var(--seed-timing-function-easing)"
20
+ },
21
+ "thumb": {
22
+ "size": "var(--seed-dimension-x5)",
23
+ "cornerRadius": "var(--seed-radius-full)",
24
+ "color": "var(--seed-color-bg-neutral-inverted)"
25
+ },
26
+ "valueIndicatorRoot": {
27
+ "color": "var(--seed-color-bg-neutral-inverted)",
28
+ "cornerRadius": "var(--seed-radius-r1)",
29
+ "paddingX": "var(--seed-dimension-x1_5)",
30
+ "paddingY": "var(--seed-dimension-x0_5)",
31
+ "offsetY": "var(--seed-dimension-x3)",
32
+ "enterScale": "0.9",
33
+ "enterOpacity": "0",
34
+ "enterDuration": "var(--seed-duration-d4)",
35
+ "enterTimingFunction": "var(--seed-timing-function-enter)",
36
+ "exitScale": "1",
37
+ "exitOpacity": "0",
38
+ "exitDuration": "var(--seed-duration-d4)",
39
+ "exitTimingFunction": "var(--seed-timing-function-easing)"
40
+ },
41
+ "valueIndicatorArrow": {
42
+ "color": "var(--seed-color-bg-neutral-inverted)",
43
+ "width": "var(--seed-dimension-x2_5)",
44
+ "height": "7px",
45
+ "cornerRadius": "var(--seed-radius-r0_5)",
46
+ "gutter": "var(--seed-dimension-x0_5)",
47
+ "padding": "var(--seed-dimension-x0_5)"
48
+ },
49
+ "valueIndicatorLabel": {
50
+ "color": "var(--seed-color-fg-neutral-inverted)",
51
+ "fontSize": "var(--seed-font-size-t1)",
52
+ "lineHeight": "var(--seed-line-height-t1)",
53
+ "fontWeight": "var(--seed-font-weight-medium)"
54
+ },
55
+ "marker": {
56
+ "color": "var(--seed-color-fg-neutral-muted)",
57
+ "fontWeight": "var(--seed-font-weight-regular)",
58
+ "fontSize": "var(--seed-font-size-t3)",
59
+ "lineHeight": "var(--seed-line-height-t3)"
60
+ }
61
+ },
62
+ "disabled": {
63
+ "range": {
64
+ "color": "var(--seed-color-fg-disabled)"
65
+ },
66
+ "thumb": {
67
+ "color": "var(--seed-color-fg-disabled)"
68
+ },
69
+ "marker": {
70
+ "color": "var(--seed-color-fg-disabled)"
71
+ }
72
+ }
73
+ }
74
+ }
package/vars/component/text-input.d.ts ADDED
@@ -0,0 +1,212 @@
1
+ export declare const vars: {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
6
+ "strokeColorDuration": "var(--seed-duration-d3)",
7
+ "strokeColorTimingFunction": "var(--seed-timing-function-easing)",
8
+ "strokeWidthDuration": "var(--seed-duration-d3)",
9
+ "strokeWidthTimingFunction": "var(--seed-timing-function-easing)"
10
+ },
11
+ "value": {
12
+ "color": "var(--seed-color-fg-neutral)",
13
+ "fontWeight": "var(--seed-font-weight-regular)"
14
+ },
15
+ "placeholder": {
16
+ "color": "var(--seed-color-fg-placeholder)",
17
+ "fontWeight": "var(--seed-font-weight-regular)"
18
+ },
19
+ "prefixText": {
20
+ "color": "var(--seed-color-fg-neutral-muted)",
21
+ "fontWeight": "var(--seed-font-weight-regular)"
22
+ },
23
+ "prefixIcon": {
24
+ "color": "var(--seed-color-fg-neutral-muted)"
25
+ },
26
+ "suffixText": {
27
+ "color": "var(--seed-color-fg-neutral-muted)",
28
+ "fontWeight": "var(--seed-font-weight-regular)"
29
+ },
30
+ "suffixIcon": {
31
+ "color": "var(--seed-color-fg-neutral-muted)"
32
+ }
33
+ },
34
+ "focused": {
35
+ "root": {
36
+ "strokeColor": "var(--seed-color-stroke-neutral-contrast)"
37
+ }
38
+ },
39
+ "invalid": {
40
+ "root": {
41
+ "strokeColor": "var(--seed-color-stroke-critical-solid)"
42
+ }
43
+ },
44
+ "invalidFocused": {
45
+ "root": {
46
+ "strokeColor": "var(--seed-color-stroke-critical-solid)"
47
+ }
48
+ },
49
+ "disabled": {
50
+ "value": {
51
+ "color": "var(--seed-color-fg-disabled)"
52
+ },
53
+ "placeholder": {
54
+ "color": "var(--seed-color-fg-disabled)"
55
+ }
56
+ }
57
+ },
58
+ "variantOutline": {
59
+ "enabled": {
60
+ "root": {
61
+ "cornerRadius": "var(--seed-radius-r3)",
62
+ "paddingX": "var(--seed-dimension-x4)",
63
+ "strokeWidth": "1px"
64
+ }
65
+ },
66
+ "focused": {
67
+ "root": {
68
+ "strokeWidth": "2px"
69
+ }
70
+ },
71
+ "invalid": {
72
+ "root": {
73
+ "strokeWidth": "2px"
74
+ }
75
+ },
76
+ "readonly": {
77
+ "root": {
78
+ "color": "var(--seed-color-bg-disabled)"
79
+ }
80
+ },
81
+ "disabled": {
82
+ "root": {
83
+ "color": "var(--seed-color-bg-disabled)"
84
+ }
85
+ }
86
+ },
87
+ "variantOutlineSizeLarge": {
88
+ "enabled": {
89
+ "root": {
90
+ "gap": "var(--seed-dimension-x2_5)",
91
+ "minHeight": "var(--seed-dimension-x13)"
92
+ },
93
+ "value": {
94
+ "fontSize": "var(--seed-font-size-t5)",
95
+ "lineHeight": "var(--seed-line-height-t5)"
96
+ },
97
+ "placeholder": {
98
+ "fontSize": "var(--seed-font-size-t5)",
99
+ "lineHeight": "var(--seed-line-height-t5)"
100
+ },
101
+ "prefixText": {
102
+ "fontSize": "var(--seed-font-size-t5)",
103
+ "lineHeight": "var(--seed-line-height-t5)"
104
+ },
105
+ "prefixIcon": {
106
+ "size": "var(--seed-dimension-x5)"
107
+ },
108
+ "suffixText": {
109
+ "fontSize": "var(--seed-font-size-t5)",
110
+ "lineHeight": "var(--seed-line-height-t5)"
111
+ },
112
+ "suffixIcon": {
113
+ "size": "var(--seed-dimension-x5)"
114
+ }
115
+ }
116
+ },
117
+ "variantOutlineSizeMedium": {
118
+ "enabled": {
119
+ "root": {
120
+ "gap": "var(--seed-dimension-x1_5)",
121
+ "minHeight": "var(--seed-dimension-x10)"
122
+ },
123
+ "value": {
124
+ "fontSize": "var(--seed-font-size-t4)",
125
+ "lineHeight": "var(--seed-line-height-t4)"
126
+ },
127
+ "placeholder": {
128
+ "fontSize": "var(--seed-font-size-t4)",
129
+ "lineHeight": "var(--seed-line-height-t4)"
130
+ },
131
+ "prefixText": {
132
+ "fontSize": "var(--seed-font-size-t4)",
133
+ "lineHeight": "var(--seed-line-height-t4)"
134
+ },
135
+ "prefixIcon": {
136
+ "size": "var(--seed-dimension-x4)"
137
+ },
138
+ "suffixText": {
139
+ "fontSize": "var(--seed-font-size-t4)",
140
+ "lineHeight": "var(--seed-line-height-t4)"
141
+ },
142
+ "suffixIcon": {
143
+ "size": "var(--seed-dimension-x4)"
144
+ }
145
+ }
146
+ },
147
+ "variantUnderline": {
148
+ "enabled": {
149
+ "root": {
150
+ "gap": "var(--seed-dimension-x2_5)",
151
+ "minHeight": "var(--seed-dimension-x10)",
152
+ "strokeBottomWidth": "1px"
153
+ },
154
+ "value": {
155
+ "fontSize": "var(--seed-font-size-t6)",
156
+ "lineHeight": "var(--seed-line-height-t6)"
157
+ },
158
+ "placeholder": {
159
+ "fontSize": "var(--seed-font-size-t6)",
160
+ "lineHeight": "var(--seed-line-height-t6)"
161
+ },
162
+ "prefixText": {
163
+ "fontSize": "var(--seed-font-size-t6)",
164
+ "lineHeight": "var(--seed-line-height-t6)"
165
+ },
166
+ "prefixIcon": {
167
+ "size": "var(--seed-dimension-x6)"
168
+ },
169
+ "suffixText": {
170
+ "fontSize": "var(--seed-font-size-t6)",
171
+ "lineHeight": "var(--seed-line-height-t6)"
172
+ },
173
+ "suffixIcon": {
174
+ "size": "var(--seed-dimension-x6)"
175
+ }
176
+ },
177
+ "focused": {
178
+ "root": {
179
+ "strokeBottomWidth": "2px"
180
+ }
181
+ },
182
+ "invalid": {
183
+ "root": {
184
+ "strokeBottomWidth": "2px"
185
+ }
186
+ },
187
+ "readonly": {
188
+ "value": {
189
+ "color": "var(--seed-color-fg-neutral-muted)"
190
+ },
191
+ "placeholder": {
192
+ "color": "var(--seed-color-fg-neutral-muted)"
193
+ }
194
+ }
195
+ },
196
+ "typeMultilineSizeLarge": {
197
+ "enabled": {
198
+ "root": {
199
+ "minHeight": "95px",
200
+ "paddingY": "var(--seed-dimension-x3_5)"
201
+ }
202
+ }
203
+ },
204
+ "typeMultilineSizeMedium": {
205
+ "enabled": {
206
+ "root": {
207
+ "minHeight": "90px",
208
+ "paddingY": "11px"
209
+ }
210
+ }
211
+ }
212
+ }
package/vars/component/text-input.mjs ADDED
@@ -0,0 +1,212 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
6
+ "strokeColorDuration": "var(--seed-duration-d3)",
7
+ "strokeColorTimingFunction": "var(--seed-timing-function-easing)",
8
+ "strokeWidthDuration": "var(--seed-duration-d3)",
9
+ "strokeWidthTimingFunction": "var(--seed-timing-function-easing)"
10
+ },
11
+ "value": {
12
+ "color": "var(--seed-color-fg-neutral)",
13
+ "fontWeight": "var(--seed-font-weight-regular)"
14
+ },
15
+ "placeholder": {
16
+ "color": "var(--seed-color-fg-placeholder)",
17
+ "fontWeight": "var(--seed-font-weight-regular)"
18
+ },
19
+ "prefixText": {
20
+ "color": "var(--seed-color-fg-neutral-muted)",
21
+ "fontWeight": "var(--seed-font-weight-regular)"
22
+ },
23
+ "prefixIcon": {
24
+ "color": "var(--seed-color-fg-neutral-muted)"
25
+ },
26
+ "suffixText": {
27
+ "color": "var(--seed-color-fg-neutral-muted)",
28
+ "fontWeight": "var(--seed-font-weight-regular)"
29
+ },
30
+ "suffixIcon": {
31
+ "color": "var(--seed-color-fg-neutral-muted)"
32
+ }
33
+ },
34
+ "focused": {
35
+ "root": {
36
+ "strokeColor": "var(--seed-color-stroke-neutral-contrast)"
37
+ }
38
+ },
39
+ "invalid": {
40
+ "root": {
41
+ "strokeColor": "var(--seed-color-stroke-critical-solid)"
42
+ }
43
+ },
44
+ "invalidFocused": {
45
+ "root": {
46
+ "strokeColor": "var(--seed-color-stroke-critical-solid)"
47
+ }
48
+ },
49
+ "disabled": {
50
+ "value": {
51
+ "color": "var(--seed-color-fg-disabled)"
52
+ },
53
+ "placeholder": {
54
+ "color": "var(--seed-color-fg-disabled)"
55
+ }
56
+ }
57
+ },
58
+ "variantOutline": {
59
+ "enabled": {
60
+ "root": {
61
+ "cornerRadius": "var(--seed-radius-r3)",
62
+ "paddingX": "var(--seed-dimension-x4)",
63
+ "strokeWidth": "1px"
64
+ }
65
+ },
66
+ "focused": {
67
+ "root": {
68
+ "strokeWidth": "2px"
69
+ }
70
+ },
71
+ "invalid": {
72
+ "root": {
73
+ "strokeWidth": "2px"
74
+ }
75
+ },
76
+ "readonly": {
77
+ "root": {
78
+ "color": "var(--seed-color-bg-disabled)"
79
+ }
80
+ },
81
+ "disabled": {
82
+ "root": {
83
+ "color": "var(--seed-color-bg-disabled)"
84
+ }
85
+ }
86
+ },
87
+ "variantOutlineSizeLarge": {
88
+ "enabled": {
89
+ "root": {
90
+ "gap": "var(--seed-dimension-x2_5)",
91
+ "minHeight": "var(--seed-dimension-x13)"
92
+ },
93
+ "value": {
94
+ "fontSize": "var(--seed-font-size-t5)",
95
+ "lineHeight": "var(--seed-line-height-t5)"
96
+ },
97
+ "placeholder": {
98
+ "fontSize": "var(--seed-font-size-t5)",
99
+ "lineHeight": "var(--seed-line-height-t5)"
100
+ },
101
+ "prefixText": {
102
+ "fontSize": "var(--seed-font-size-t5)",
103
+ "lineHeight": "var(--seed-line-height-t5)"
104
+ },
105
+ "prefixIcon": {
106
+ "size": "var(--seed-dimension-x5)"
107
+ },
108
+ "suffixText": {
109
+ "fontSize": "var(--seed-font-size-t5)",
110
+ "lineHeight": "var(--seed-line-height-t5)"
111
+ },
112
+ "suffixIcon": {
113
+ "size": "var(--seed-dimension-x5)"
114
+ }
115
+ }
116
+ },
117
+ "variantOutlineSizeMedium": {
118
+ "enabled": {
119
+ "root": {
120
+ "gap": "var(--seed-dimension-x1_5)",
121
+ "minHeight": "var(--seed-dimension-x10)"
122
+ },
123
+ "value": {
124
+ "fontSize": "var(--seed-font-size-t4)",
125
+ "lineHeight": "var(--seed-line-height-t4)"
126
+ },
127
+ "placeholder": {
128
+ "fontSize": "var(--seed-font-size-t4)",
129
+ "lineHeight": "var(--seed-line-height-t4)"
130
+ },
131
+ "prefixText": {
132
+ "fontSize": "var(--seed-font-size-t4)",
133
+ "lineHeight": "var(--seed-line-height-t4)"
134
+ },
135
+ "prefixIcon": {
136
+ "size": "var(--seed-dimension-x4)"
137
+ },
138
+ "suffixText": {
139
+ "fontSize": "var(--seed-font-size-t4)",
140
+ "lineHeight": "var(--seed-line-height-t4)"
141
+ },
142
+ "suffixIcon": {
143
+ "size": "var(--seed-dimension-x4)"
144
+ }
145
+ }
146
+ },
147
+ "variantUnderline": {
148
+ "enabled": {
149
+ "root": {
150
+ "gap": "var(--seed-dimension-x2_5)",
151
+ "minHeight": "var(--seed-dimension-x10)",
152
+ "strokeBottomWidth": "1px"
153
+ },
154
+ "value": {
155
+ "fontSize": "var(--seed-font-size-t6)",
156
+ "lineHeight": "var(--seed-line-height-t6)"
157
+ },
158
+ "placeholder": {
159
+ "fontSize": "var(--seed-font-size-t6)",
160
+ "lineHeight": "var(--seed-line-height-t6)"
161
+ },
162
+ "prefixText": {
163
+ "fontSize": "var(--seed-font-size-t6)",
164
+ "lineHeight": "var(--seed-line-height-t6)"
165
+ },
166
+ "prefixIcon": {
167
+ "size": "var(--seed-dimension-x6)"
168
+ },
169
+ "suffixText": {
170
+ "fontSize": "var(--seed-font-size-t6)",
171
+ "lineHeight": "var(--seed-line-height-t6)"
172
+ },
173
+ "suffixIcon": {
174
+ "size": "var(--seed-dimension-x6)"
175
+ }
176
+ },
177
+ "focused": {
178
+ "root": {
179
+ "strokeBottomWidth": "2px"
180
+ }
181
+ },
182
+ "invalid": {
183
+ "root": {
184
+ "strokeBottomWidth": "2px"
185
+ }
186
+ },
187
+ "readonly": {
188
+ "value": {
189
+ "color": "var(--seed-color-fg-neutral-muted)"
190
+ },
191
+ "placeholder": {
192
+ "color": "var(--seed-color-fg-neutral-muted)"
193
+ }
194
+ }
195
+ },
196
+ "typeMultilineSizeLarge": {
197
+ "enabled": {
198
+ "root": {
199
+ "minHeight": "95px",
200
+ "paddingY": "var(--seed-dimension-x3_5)"
201
+ }
202
+ }
203
+ },
204
+ "typeMultilineSizeMedium": {
205
+ "enabled": {
206
+ "root": {
207
+ "minHeight": "90px",
208
+ "paddingY": "11px"
209
+ }
210
+ }
211
+ }
212
+ }