@seed-design/rootage-artifacts 1.1.6 → 1.1.7

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 (14) hide show
  1. package/color.yaml +324 -284
  2. package/components/bottom-sheet-handle.yaml +1 -1
  3. package/components/checkmark.yaml +8 -1
  4. package/components/chip-tab.yaml +2 -0
  5. package/components/control-chip.yaml +1 -1
  6. package/components/list-item.yaml +8 -0
  7. package/components/slider-thumb.yaml +14 -1
  8. package/components/slider-tick.yaml +2 -0
  9. package/components/slider.yaml +92 -1
  10. package/components/top-navigation.yaml +4 -0
  11. package/components/typography.yaml +144 -0
  12. package/gradient.yaml +42 -42
  13. package/package.json +1 -1
  14. package/shadow.yaml +1 -1
package/components/bottom-sheet-handle.yaml CHANGED
@@ -21,7 +21,7 @@ data:
21
21
  colorDuration:
22
22
  type: duration
23
23
  colorTimingFunction:
24
- type: timing-function
24
+ type: cubicBezier
25
25
  touchArea:
26
26
  properties:
27
27
  width:
package/components/checkmark.yaml CHANGED
@@ -29,6 +29,10 @@ data:
29
29
  type: color
30
30
  size:
31
31
  type: dimension
32
+ colorDuration:
33
+ type: duration
34
+ colorTimingFunction:
35
+ type: cubicBezier
32
36
  definitions:
33
37
  base:
34
38
  enabled:
@@ -80,6 +84,9 @@ data:
80
84
  enabled:
81
85
  icon:
82
86
  color: $color.fg.placeholder
87
+ colorDuration: $duration.color-transition
88
+ colorTimingFunction: $timing-function.easing
89
+
83
90
  pressed:
84
91
  root:
85
92
  color: $color.bg.transparent-pressed
@@ -100,7 +107,7 @@ data:
100
107
  variant=ghost,tone=neutral:
101
108
  enabled,selected:
102
109
  icon:
103
- color: $color.fg.neutral-muted
110
+ color: $color.fg.neutral
104
111
  pressed,selected:
105
112
  root:
106
113
  color: $color.palette.gray-200
package/components/chip-tab.yaml CHANGED
@@ -22,6 +22,8 @@ data:
22
22
  type: dimension
23
23
  color:
24
24
  type: color
25
+ stroke:
26
+ type: color
25
27
  label:
26
28
  properties:
27
29
  fontSize:
package/components/control-chip.yaml CHANGED
@@ -88,7 +88,7 @@ data:
88
88
  color: $color.bg.layer-default-pressed
89
89
  selected:
90
90
  root:
91
- strokeWidth: 0
91
+ strokeWidth: 0px
92
92
  color: $color.bg.neutral-solid-muted
93
93
  label:
94
94
  color: $color.palette.static-white
package/components/list-item.yaml CHANGED
@@ -22,6 +22,14 @@ data:
22
22
  type: dimension
23
23
  cornerRadius:
24
24
  type: dimension
25
+ marginDuration:
26
+ type: duration
27
+ marginTimingFunction:
28
+ type: cubicBezier
29
+ borderRadiusDuration:
30
+ type: duration
31
+ borderRadiusTimingFunction:
32
+ type: cubicBezier
25
33
  content:
26
34
  properties:
27
35
  color:
package/components/slider-thumb.yaml CHANGED
@@ -10,7 +10,20 @@ data:
10
10
  properties:
11
11
  size:
12
12
  type: dimension
13
- # TODO: fill in
13
+ cornerRadius:
14
+ type: dimension
15
+ color:
16
+ type: color
17
+ scaleDuration:
18
+ type: duration
19
+ scaleTimingFunction:
20
+ type: cubicBezier
21
+ translateDuration:
22
+ type: duration
23
+ translateTimingFunction:
24
+ type: cubicBezier
25
+ scale:
26
+ type: number
14
27
  definitions:
15
28
  base:
16
29
  enabled:
package/components/slider-tick.yaml CHANGED
@@ -10,6 +10,8 @@ data:
10
10
  properties:
11
11
  width:
12
12
  type: dimension
13
+ color:
14
+ type: color
13
15
  definitions:
14
16
  base:
15
17
  enabled:
package/components/slider.yaml CHANGED
@@ -10,7 +10,98 @@ data:
10
10
  properties:
11
11
  gap:
12
12
  type: dimension
13
- # TODO: fill in
13
+ control:
14
+ properties:
15
+ height:
16
+ type: dimension
17
+ track:
18
+ properties:
19
+ height:
20
+ type: dimension
21
+ cornerRadius:
22
+ type: dimension
23
+ color:
24
+ type: color
25
+ range:
26
+ properties:
27
+ cornerRadius:
28
+ type: dimension
29
+ color:
30
+ type: color
31
+ widthDuration:
32
+ type: duration
33
+ widthTimingFunction:
34
+ type: cubicBezier
35
+ thumb:
36
+ properties:
37
+ size:
38
+ type: dimension
39
+ cornerRadius:
40
+ type: dimension
41
+ color:
42
+ type: color
43
+ valueIndicatorRoot:
44
+ properties:
45
+ color:
46
+ type: color
47
+ cornerRadius:
48
+ type: dimension
49
+ paddingX:
50
+ type: dimension
51
+ paddingY:
52
+ type: dimension
53
+ offsetY:
54
+ type: dimension
55
+ enterScale:
56
+ type: number
57
+ enterOpacity:
58
+ type: number
59
+ enterDuration:
60
+ type: duration
61
+ enterTimingFunction:
62
+ type: cubicBezier
63
+ exitScale:
64
+ type: number
65
+ exitOpacity:
66
+ type: number
67
+ exitDuration:
68
+ type: duration
69
+ exitTimingFunction:
70
+ type: cubicBezier
71
+ valueIndicatorArrow:
72
+ properties:
73
+ color:
74
+ type: color
75
+ width:
76
+ type: dimension
77
+ height:
78
+ type: dimension
79
+ cornerRadius:
80
+ type: dimension
81
+ gutter:
82
+ type: dimension
83
+ padding:
84
+ type: dimension
85
+ valueIndicatorLabel:
86
+ properties:
87
+ color:
88
+ type: color
89
+ fontSize:
90
+ type: dimension
91
+ lineHeight:
92
+ type: dimension
93
+ fontWeight:
94
+ type: number
95
+ marker:
96
+ properties:
97
+ color:
98
+ type: color
99
+ fontWeight:
100
+ type: number
101
+ fontSize:
102
+ type: dimension
103
+ lineHeight:
104
+ type: dimension
14
105
  definitions:
15
106
  base:
16
107
  enabled:
package/components/top-navigation.yaml CHANGED
@@ -35,6 +35,8 @@ data:
35
35
  type: dimension
36
36
  fontWeight:
37
37
  type: number
38
+ lineHeight:
39
+ type: dimension
38
40
  subtitle:
39
41
  properties:
40
42
  color:
@@ -43,6 +45,8 @@ data:
43
45
  type: dimension
44
46
  fontWeight:
45
47
  type: number
48
+ lineHeight:
49
+ type: dimension
46
50
  definitions:
47
51
  theme=cupertino:
48
52
  enabled:
package/components/typography.yaml CHANGED
@@ -171,3 +171,147 @@ data:
171
171
  fontSize: $font-size.t10
172
172
  lineHeight: $line-height.t10
173
173
  fontWeight: $font-weight.bold
174
+ textStyle=t1StaticRegular:
175
+ enabled:
176
+ root:
177
+ fontSize: $font-size.t1-static
178
+ lineHeight: $line-height.t1-static
179
+ fontWeight: $font-weight.regular
180
+ textStyle=t1StaticMedium:
181
+ enabled:
182
+ root:
183
+ fontSize: $font-size.t1-static
184
+ lineHeight: $line-height.t1-static
185
+ fontWeight: $font-weight.medium
186
+ textStyle=t1StaticBold:
187
+ enabled:
188
+ root:
189
+ fontSize: $font-size.t1-static
190
+ lineHeight: $line-height.t1-static
191
+ fontWeight: $font-weight.bold
192
+ textStyle=t2StaticRegular:
193
+ enabled:
194
+ root:
195
+ fontSize: $font-size.t2-static
196
+ lineHeight: $line-height.t2-static
197
+ fontWeight: $font-weight.regular
198
+ textStyle=t2StaticMedium:
199
+ enabled:
200
+ root:
201
+ fontSize: $font-size.t2-static
202
+ lineHeight: $line-height.t2-static
203
+ fontWeight: $font-weight.medium
204
+ textStyle=t2StaticBold:
205
+ enabled:
206
+ root:
207
+ fontSize: $font-size.t2-static
208
+ lineHeight: $line-height.t2-static
209
+ fontWeight: $font-weight.bold
210
+ textStyle=t3StaticRegular:
211
+ enabled:
212
+ root:
213
+ fontSize: $font-size.t3-static
214
+ lineHeight: $line-height.t3-static
215
+ fontWeight: $font-weight.regular
216
+ textStyle=t3StaticMedium:
217
+ enabled:
218
+ root:
219
+ fontSize: $font-size.t3-static
220
+ lineHeight: $line-height.t3-static
221
+ fontWeight: $font-weight.medium
222
+ textStyle=t3StaticBold:
223
+ enabled:
224
+ root:
225
+ fontSize: $font-size.t3-static
226
+ lineHeight: $line-height.t3-static
227
+ fontWeight: $font-weight.bold
228
+ textStyle=t4StaticRegular:
229
+ enabled:
230
+ root:
231
+ fontSize: $font-size.t4-static
232
+ lineHeight: $line-height.t4-static
233
+ fontWeight: $font-weight.regular
234
+ textStyle=t4StaticMedium:
235
+ enabled:
236
+ root:
237
+ fontSize: $font-size.t4-static
238
+ lineHeight: $line-height.t4-static
239
+ fontWeight: $font-weight.medium
240
+ textStyle=t4StaticBold:
241
+ enabled:
242
+ root:
243
+ fontSize: $font-size.t4-static
244
+ lineHeight: $line-height.t4-static
245
+ fontWeight: $font-weight.bold
246
+ textStyle=t5StaticRegular:
247
+ enabled:
248
+ root:
249
+ fontSize: $font-size.t5-static
250
+ lineHeight: $line-height.t5-static
251
+ fontWeight: $font-weight.regular
252
+ textStyle=t5StaticMedium:
253
+ enabled:
254
+ root:
255
+ fontSize: $font-size.t5-static
256
+ lineHeight: $line-height.t5-static
257
+ fontWeight: $font-weight.medium
258
+ textStyle=t5StaticBold:
259
+ enabled:
260
+ root:
261
+ fontSize: $font-size.t5-static
262
+ lineHeight: $line-height.t5-static
263
+ fontWeight: $font-weight.bold
264
+ textStyle=t6StaticRegular:
265
+ enabled:
266
+ root:
267
+ fontSize: $font-size.t6-static
268
+ lineHeight: $line-height.t6-static
269
+ fontWeight: $font-weight.regular
270
+ textStyle=t6StaticMedium:
271
+ enabled:
272
+ root:
273
+ fontSize: $font-size.t6-static
274
+ lineHeight: $line-height.t6-static
275
+ fontWeight: $font-weight.medium
276
+ textStyle=t6StaticBold:
277
+ enabled:
278
+ root:
279
+ fontSize: $font-size.t6-static
280
+ lineHeight: $line-height.t6-static
281
+ fontWeight: $font-weight.bold
282
+ textStyle=t7StaticRegular:
283
+ enabled:
284
+ root:
285
+ fontSize: $font-size.t7-static
286
+ lineHeight: $line-height.t7-static
287
+ fontWeight: $font-weight.regular
288
+ textStyle=t7StaticMedium:
289
+ enabled:
290
+ root:
291
+ fontSize: $font-size.t7-static
292
+ lineHeight: $line-height.t7-static
293
+ fontWeight: $font-weight.medium
294
+ textStyle=t7StaticBold:
295
+ enabled:
296
+ root:
297
+ fontSize: $font-size.t7-static
298
+ lineHeight: $line-height.t7-static
299
+ fontWeight: $font-weight.bold
300
+ textStyle=t8StaticBold:
301
+ enabled:
302
+ root:
303
+ fontSize: $font-size.t8-static
304
+ lineHeight: $line-height.t8-static
305
+ fontWeight: $font-weight.bold
306
+ textStyle=t9StaticBold:
307
+ enabled:
308
+ root:
309
+ fontSize: $font-size.t9-static
310
+ lineHeight: $line-height.t9-static
311
+ fontWeight: $font-weight.bold
312
+ textStyle=t10StaticBold:
313
+ enabled:
314
+ root:
315
+ fontSize: $font-size.t10-static
316
+ lineHeight: $line-height.t10-static
317
+ fontWeight: $font-weight.bold
package/gradient.yaml CHANGED
@@ -2,7 +2,7 @@ kind: Tokens
2
2
  metadata:
3
3
  id: gradient
4
4
  name: Gradient
5
- lastUpdated: 25-08-22
5
+ lastUpdated: 26-01-06
6
6
  data:
7
7
  collection: color
8
8
  tokens:
@@ -82,30 +82,39 @@ data:
82
82
  position: 0.8
83
83
  - color: "#434242"
84
84
  position: 1
85
- $gradient.shimmer-neutral:
86
- description: Skeleton shimmer
85
+ $gradient.highlight-magic:
86
+ description: 아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다.
87
87
  values:
88
88
  theme-light:
89
89
  type: gradient
90
90
  value:
91
- - color: "#ffffff00"
92
- position: 0
93
- - color: "#ffffff66"
94
- position: 0.46
95
- - color: "#ffffff66"
96
- position: 0.54
97
- - color: "#ffffff00"
91
+ - color: "#ff6600"
92
+ position: 0.2
93
+ - color: "#d25aca"
98
94
  position: 1
99
95
  theme-dark:
100
96
  type: gradient
101
97
  value:
102
- - color: "#ffffff00"
103
- position: 0
104
- - color: "#ffffff1a"
105
- position: 0.46
106
- - color: "#ffffff1a"
107
- position: 0.54
108
- - color: "#ffffff00"
98
+ - color: "#ff6600"
99
+ position: 0.2
100
+ - color: "#d25aca"
101
+ position: 1
102
+ $gradient.highlight-magic-pressed:
103
+ description: ""
104
+ values:
105
+ theme-light:
106
+ type: gradient
107
+ value:
108
+ - color: "#e14f00"
109
+ position: 0.2
110
+ - color: "#ae58bf"
111
+ position: 1
112
+ theme-dark:
113
+ type: gradient
114
+ value:
115
+ - color: "#ff9e65"
116
+ position: 0.2
117
+ - color: "#e89bee"
109
118
  position: 1
110
119
  $gradient.shimmer-magic:
111
120
  description: Skeleton AI shimmer
@@ -132,37 +141,28 @@ data:
132
141
  position: 0.54
133
142
  - color: "#fff9f500"
134
143
  position: 1
135
- $gradient.highlight-magic-pressed:
136
- description: ""
137
- values:
138
- theme-light:
139
- type: gradient
140
- value:
141
- - color: "#e14f00"
142
- position: 0.2
143
- - color: "#ae58bf"
144
- position: 1
145
- theme-dark:
146
- type: gradient
147
- value:
148
- - color: "#ff9e65"
149
- position: 0.2
150
- - color: "#e89bee"
151
- position: 1
152
- $gradient.highlight-magic:
153
- description: 아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다.
144
+ $gradient.shimmer-neutral:
145
+ description: Skeleton shimmer
154
146
  values:
155
147
  theme-light:
156
148
  type: gradient
157
149
  value:
158
- - color: "#ff6600"
159
- position: 0.2
160
- - color: "#d25aca"
150
+ - color: "#ffffff00"
151
+ position: 0
152
+ - color: "#ffffff66"
153
+ position: 0.46
154
+ - color: "#ffffff66"
155
+ position: 0.54
156
+ - color: "#ffffff00"
161
157
  position: 1
162
158
  theme-dark:
163
159
  type: gradient
164
160
  value:
165
- - color: "#ff6600"
166
- position: 0.2
167
- - color: "#d25aca"
161
+ - color: "#ffffff00"
162
+ position: 0
163
+ - color: "#ffffff1a"
164
+ position: 0.46
165
+ - color: "#ffffff1a"
166
+ position: 0.54
167
+ - color: "#ffffff00"
168
168
  position: 1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/rootage-artifacts",
3
- "version": "1.1.6",
3
+ "version": "1.1.7",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
package/shadow.yaml CHANGED
@@ -2,7 +2,7 @@ kind: Tokens
2
2
  metadata:
3
3
  id: shadow
4
4
  name: Shadow
5
- lastUpdated: 25-12-08
5
+ lastUpdated: 26-01-06
6
6
  data:
7
7
  collection: color
8
8
  tokens: