@seed-design/rootage-artifacts 0.1.2 → 0.1.4

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 (11) hide show
  1. package/color.yaml +2 -2
  2. package/components/badge.yaml +1 -1
  3. package/components/checkbox.yaml +2 -2
  4. package/components/checkmark.yaml +38 -16
  5. package/components/page-banner.yaml +5 -5
  6. package/components/radio.yaml +2 -2
  7. package/components/radiomark.yaml +20 -7
  8. package/components/segmented-control-item.yaml +31 -8
  9. package/components/segmented-control.yaml +7 -1
  10. package/components/switch.yaml +20 -8
  11. package/package.json +1 -1
package/color.yaml CHANGED
@@ -585,11 +585,11 @@ data:
585
585
  $color.bg.warning-solid:
586
586
  values:
587
587
  theme-light: $color.palette.yellow-300
588
- theme-dark: $color.palette.yellow-600
588
+ theme-dark: $color.palette.yellow-800
589
589
  $color.bg.warning-solid-pressed:
590
590
  values:
591
591
  theme-light: $color.palette.yellow-400
592
- theme-dark: $color.palette.yellow-700
592
+ theme-dark: $color.palette.yellow-900
593
593
  $color.bg.warning-weak-pressed:
594
594
  values:
595
595
  theme-light: $color.palette.yellow-200
package/components/badge.yaml CHANGED
@@ -160,7 +160,7 @@ data:
160
160
  root:
161
161
  color: $color.bg.warning-solid
162
162
  label:
163
- color: $color.fg.neutral
163
+ color: $color.palette.static-black-alpha-900
164
164
  tone=warning, variant=outline:
165
165
  enabled:
166
166
  root:
package/components/checkbox.yaml CHANGED
@@ -52,11 +52,11 @@ data:
52
52
  label:
53
53
  color: $color.fg.disabled
54
54
 
55
- weight=default:
55
+ weight=regular:
56
56
  enabled:
57
57
  label:
58
58
  fontWeight: $font-weight.regular
59
- weight=stronger:
59
+ weight=bold:
60
60
  enabled:
61
61
  label:
62
62
  fontWeight: $font-weight.bold
package/components/checkmark.yaml CHANGED
@@ -29,21 +29,15 @@ data:
29
29
  variant=square:
30
30
  enabled:
31
31
  root:
32
- strokeColor: $color.stroke.neutral-weak
33
32
  strokeWidth: 1px
34
- enabled,selected:
35
- root:
36
- color: $color.bg.brand-solid
37
- icon:
38
- color: $color.palette.static-white
33
+ strokeColor: $color.stroke.neutral-weak
39
34
  pressed:
40
35
  root:
41
36
  color: $color.bg.layer-default-pressed
42
- pressed,selected:
37
+ enabled,selected:
43
38
  root:
44
- color: $color.bg.brand-solid-pressed
45
- icon:
46
- color: $color.palette.static-white
39
+ strokeWidth: 0px
40
+ strokeColor: "#00000000"
47
41
  disabled:
48
42
  root:
49
43
  color: $color.bg.disabled
@@ -54,19 +48,32 @@ data:
54
48
  icon:
55
49
  color: $color.fg.disabled
56
50
 
51
+ variant=square,tone=brand:
52
+ enabled,selected:
53
+ root:
54
+ color: $color.bg.brand-solid
55
+ icon:
56
+ color: $color.palette.static-white
57
+ pressed,selected:
58
+ root:
59
+ color: $color.bg.brand-solid-pressed
60
+ variant=square,tone=neutral:
61
+ enabled,selected:
62
+ root:
63
+ color: $color.bg.neutral-inverted
64
+ icon:
65
+ color: $color.fg.neutral-inverted
66
+ pressed,selected:
67
+ root:
68
+ color: $color.bg.neutral-inverted-pressed
69
+
57
70
  variant=ghost:
58
71
  enabled:
59
72
  icon:
60
73
  color: $color.fg.placeholder
61
- enabled,selected:
62
- icon:
63
- color: $color.fg.brand
64
74
  pressed:
65
75
  root:
66
76
  color: $color.bg.layer-default-pressed
67
- pressed,selected:
68
- root:
69
- color: $color.palette.carrot-200
70
77
  disabled:
71
78
  icon:
72
79
  color: $color.fg.disabled
@@ -74,6 +81,21 @@ data:
74
81
  icon:
75
82
  color: $color.fg.disabled
76
83
 
84
+ variant=ghost,tone=brand:
85
+ enabled,selected:
86
+ icon:
87
+ color: $color.fg.brand
88
+ pressed,selected:
89
+ root:
90
+ color: $color.palette.carrot-200
91
+ variant=ghost,tone=neutral:
92
+ enabled,selected:
93
+ icon:
94
+ color: $color.fg.neutral-muted
95
+ pressed,selected:
96
+ root:
97
+ color: $color.palette.gray-200
98
+
77
99
  size=medium:
78
100
  enabled:
79
101
  root:
package/components/page-banner.yaml CHANGED
@@ -225,15 +225,15 @@ data:
225
225
  root:
226
226
  color: $color.bg.warning-solid
227
227
  prefixIcon:
228
- color: $color.fg.neutral
228
+ color: $color.palette.static-black-alpha-900
229
229
  title:
230
- color: $color.fg.neutral
230
+ color: $color.palette.static-black-alpha-900
231
231
  description:
232
- color: $color.fg.neutral
232
+ color: $color.palette.static-black-alpha-900
233
233
  button:
234
- color: $color.fg.neutral
234
+ color: $color.palette.static-black-alpha-900
235
235
  suffixIcon:
236
- color: $color.fg.neutral
236
+ color: $color.palette.static-black-alpha-900
237
237
  pressed:
238
238
  root:
239
239
  color: $color.bg.warning-solid-pressed
package/components/radio.yaml CHANGED
@@ -34,11 +34,11 @@ data:
34
34
  label:
35
35
  color: $color.fg.disabled
36
36
 
37
- weight=default:
37
+ weight=regular:
38
38
  enabled:
39
39
  label:
40
40
  fontWeight: $font-weight.regular
41
- weight=stronger:
41
+ weight=bold:
42
42
  enabled:
43
43
  label:
44
44
  fontWeight: $font-weight.bold
package/components/radiomark.yaml CHANGED
@@ -31,7 +31,6 @@ data:
31
31
  base:
32
32
  enabled:
33
33
  root:
34
- color: $color.bg.layer-default
35
34
  strokeWidth: 1px
36
35
  strokeColor: $color.stroke.neutral-weak
37
36
  cornerRadius: $radius.full
@@ -42,13 +41,8 @@ data:
42
41
  color: $color.bg.layer-default-pressed
43
42
  enabled,selected:
44
43
  root:
45
- color: $color.bg.brand-solid
46
44
  strokeWidth: 0px
47
- icon:
48
- color: $color.palette.static-white
49
- enabled,selected,pressed:
50
- root:
51
- color: $color.bg.brand-solid-pressed
45
+ strokeColor: "#00000000"
52
46
  disabled:
53
47
  root:
54
48
  color: $color.palette.gray-300
@@ -58,6 +52,25 @@ data:
58
52
  icon:
59
53
  color: $color.palette.gray-300
60
54
 
55
+ tone=brand:
56
+ enabled,selected:
57
+ root:
58
+ color: $color.bg.brand-solid
59
+ icon:
60
+ color: $color.palette.static-white
61
+ enabled,selected,pressed:
62
+ root:
63
+ color: $color.bg.brand-solid-pressed
64
+ tone=neutral:
65
+ enabled,selected:
66
+ root:
67
+ color: $color.bg.neutral-inverted
68
+ icon:
69
+ color: $color.fg.neutral-inverted
70
+ enabled,selected,pressed:
71
+ root:
72
+ color: $color.bg.neutral-inverted-pressed
73
+
61
74
  size=medium:
62
75
  enabled:
63
76
  root:
package/components/segmented-control-item.yaml CHANGED
@@ -9,16 +9,24 @@ data:
9
9
  slots:
10
10
  root:
11
11
  properties:
12
- height:
12
+ minWidth:
13
+ type: dimension
14
+ minHeight:
13
15
  type: dimension
14
16
  cornerRadius:
15
17
  type: dimension
16
18
  paddingX:
17
19
  type: dimension
18
- minWidth:
20
+ paddingY:
21
+ type: dimension
22
+ gap:
19
23
  type: dimension
20
24
  color:
21
25
  type: color
26
+ colorDuration:
27
+ type: duration
28
+ colorTimingFunction:
29
+ type: cubicBezier
22
30
  label:
23
31
  properties:
24
32
  fontSize:
@@ -29,26 +37,41 @@ data:
29
37
  type: number
30
38
  color:
31
39
  type: color
40
+ colorDuration:
41
+ type: duration
42
+ colorTimingFunction:
43
+ type: cubicBezier
32
44
  definitions:
33
45
  base:
34
46
  enabled:
35
47
  root:
36
- height: $dimension.x8
37
- cornerRadius: $radius.full
38
- paddingX: $dimension.x4
39
48
  minWidth: 86px
49
+ minHeight: 34px
50
+ paddingX: $dimension.x6
51
+ paddingY: $dimension.x1_5
52
+ cornerRadius: $radius.full
53
+ gap: $dimension.x1_5
54
+ colorDuration: $duration.d4
55
+ colorTimingFunction: $timing-function.easing
40
56
  label:
41
57
  fontSize: $font-size.t5
42
58
  lineHeight: $line-height.t5
43
- fontWeight: $font-weight.medium
44
- color: $color.fg.neutral-muted
59
+ fontWeight: $font-weight.bold
60
+ color: $color.fg.neutral-subtle
61
+ colorDuration: $duration.d4
62
+ colorTimingFunction: $timing-function.easing
45
63
  pressed:
46
64
  root:
47
65
  color: $color.bg.neutral-weak-pressed
48
66
  selected:
49
67
  label:
50
- fontWeight: $font-weight.bold
51
68
  color: $color.fg.neutral
69
+ selected,pressed:
70
+ root:
71
+ color: $color.palette.gray-100
52
72
  disabled:
53
73
  label:
54
74
  color: $color.fg.disabled
75
+ disabled,selected:
76
+ root:
77
+ color: $color.bg.disabled
package/components/segmented-control.yaml CHANGED
@@ -21,6 +21,10 @@ data:
21
21
  type: color
22
22
  cornerRadius:
23
23
  type: dimension
24
+ strokeWidth:
25
+ type: dimension
26
+ strokeColor:
27
+ type: color
24
28
  shadow:
25
29
  type: shadow
26
30
  transformDuration:
@@ -35,8 +39,10 @@ data:
35
39
  cornerRadius: $radius.full
36
40
  color: $color.bg.neutral-weak
37
41
  indicator:
38
- color: $color.bg.layer-default
42
+ color: $color.palette.gray-00
39
43
  cornerRadius: $radius.full
44
+ strokeWidth: 1px
45
+ strokeColor: $color.stroke.neutral-muted
40
46
  shadow:
41
47
  type: shadow
42
48
  value:
package/components/switch.yaml CHANGED
@@ -58,19 +58,31 @@ data:
58
58
  color: $color.palette.gray-600
59
59
  cornerRadius: $radius.full
60
60
  thumb:
61
- color: $color.palette.static-white
62
61
  cornerRadius: $radius.full
63
62
  label:
64
63
  color: $color.fg.neutral
65
64
  fontWeight: $font-weight.medium
66
- enabled,selected:
67
- control:
68
- color: $color.bg.brand-solid
69
65
  disabled:
70
66
  control:
71
67
  opacity: 0.38
72
68
  label:
73
69
  color: $color.fg.disabled
70
+
71
+ tone=brand:
72
+ enabled:
73
+ thumb:
74
+ color: $color.palette.static-white
75
+ enabled,selected:
76
+ control:
77
+ color: $color.bg.brand-solid
78
+ tone=neutral:
79
+ enabled:
80
+ thumb:
81
+ color: $color.fg.neutral-inverted
82
+ enabled,selected:
83
+ control:
84
+ color: $color.bg.neutral-inverted
85
+
74
86
  size=32:
75
87
  enabled:
76
88
  root:
@@ -79,11 +91,11 @@ data:
79
91
  control:
80
92
  height: 32px
81
93
  width: 52px
82
- paddingX: 2px
83
- paddingY: 2px
94
+ paddingX: 3px
95
+ paddingY: 3px
84
96
  thumb:
85
- height: 28px
86
- width: 28px
97
+ height: 26px
98
+ width: 26px
87
99
  shadow:
88
100
  type: shadow
89
101
  value:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/rootage-artifacts",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",