@seed-design/rootage-artifacts 1.1.0 → 1.1.2

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 (4) hide show
  1. package/components/input-button.yaml +8 -0
  2. package/components/scroll-fog.yaml +24 -0
  3. package/components/text-input.yaml +51 -16
  4. package/package.json +1 -1
package/components/input-button.yaml CHANGED
@@ -167,3 +167,11 @@ data:
167
167
  color: $color.fg.disabled
168
168
  placeholder:
169
169
  color: $color.fg.disabled
170
+
171
+ readonly:
172
+ root:
173
+ color: $color.bg.disabled
174
+ value:
175
+ color: $color.fg.neutral
176
+ placeholder:
177
+ color: $color.fg.placeholder
package/components/scroll-fog.yaml ADDED
@@ -0,0 +1,24 @@
1
+ # yaml-language-server: $schema=./schema.json
2
+ # parts: root
3
+ kind: ComponentSpec
4
+ metadata:
5
+ id: scroll-fog
6
+ name: Scroll Fog
7
+ data:
8
+ schema:
9
+ slots:
10
+ root:
11
+ properties:
12
+ fromColor:
13
+ type: color
14
+ toColor:
15
+ type: color
16
+ size:
17
+ type: dimension
18
+ definitions:
19
+ base:
20
+ enabled:
21
+ root:
22
+ fromColor: "#00000000"
23
+ toColor: "#000000ff"
24
+ size: 20px
package/components/text-input.yaml CHANGED
@@ -90,7 +90,6 @@ data:
90
90
  base:
91
91
  enabled:
92
92
  root:
93
- gap: $dimension.x2_5
94
93
  strokeColor: $color.stroke.neutral-weak
95
94
  strokeColorDuration: $duration.d3
96
95
  strokeColorTimingFunction: $timing-function.easing
@@ -121,11 +120,6 @@ data:
121
120
  invalid,focused:
122
121
  root:
123
122
  strokeColor: $color.stroke.critical-solid # being obvious
124
- readonly:
125
- value:
126
- color: $color.fg.neutral-muted
127
- placeholder:
128
- color: $color.fg.neutral-muted
129
123
  disabled:
130
124
  value:
131
125
  color: $color.fg.disabled
@@ -134,10 +128,26 @@ data:
134
128
  variant=outline:
135
129
  enabled:
136
130
  root:
137
- minHeight: $dimension.x13
138
131
  cornerRadius: $radius.r3
139
132
  paddingX: $dimension.x4
140
133
  strokeWidth: 1px
134
+ focused:
135
+ root:
136
+ strokeWidth: 2px
137
+ invalid:
138
+ root:
139
+ strokeWidth: 2px
140
+ readonly:
141
+ root:
142
+ color: $color.bg.disabled
143
+ disabled:
144
+ root:
145
+ color: $color.bg.disabled
146
+ variant=outline,size=large:
147
+ enabled:
148
+ root:
149
+ gap: $dimension.x2_5
150
+ minHeight: $dimension.x13
141
151
  value:
142
152
  fontSize: $font-size.t5
143
153
  lineHeight: $line-height.t5
@@ -154,18 +164,32 @@ data:
154
164
  lineHeight: $line-height.t5
155
165
  suffixIcon:
156
166
  size: $dimension.x5
157
- focused:
158
- root:
159
- strokeWidth: 2px
160
- invalid:
161
- root:
162
- strokeWidth: 2px
163
- disabled:
167
+ variant=outline,size=medium:
168
+ enabled:
164
169
  root:
165
- color: $color.bg.disabled
170
+ gap: $dimension.x1_5
171
+ minHeight: $dimension.x10
172
+ value:
173
+ fontSize: $font-size.t4
174
+ lineHeight: $line-height.t4
175
+ placeholder:
176
+ fontSize: $font-size.t4
177
+ lineHeight: $line-height.t4
178
+ prefixText:
179
+ fontSize: $font-size.t4
180
+ lineHeight: $line-height.t4
181
+ prefixIcon:
182
+ size: $dimension.x4
183
+ suffixText:
184
+ fontSize: $font-size.t4
185
+ lineHeight: $line-height.t4
186
+ suffixIcon:
187
+ size: $dimension.x4
188
+
166
189
  variant=underline:
167
190
  enabled:
168
191
  root:
192
+ gap: $dimension.x2_5
169
193
  minHeight: $dimension.x10
170
194
  strokeBottomWidth: 1px
171
195
  value:
@@ -190,8 +214,19 @@ data:
190
214
  invalid:
191
215
  root:
192
216
  strokeBottomWidth: 2px
193
- type=multiline:
217
+ readonly:
218
+ value:
219
+ color: $color.fg.neutral-muted
220
+ placeholder:
221
+ color: $color.fg.neutral-muted
222
+ type=multiline,size=large:
194
223
  enabled:
195
224
  root:
196
225
  minHeight: 95px
197
226
  paddingY: $dimension.x3_5
227
+ type=multiline,size=medium:
228
+ enabled:
229
+ root:
230
+ minHeight: 90px
231
+ paddingY: 11px
232
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/rootage-artifacts",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",