@seed-design/rootage-artifacts 1.2.3 → 1.2.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.
- package/color.yaml +4 -0
- package/components/identity-placeholder.yaml +2 -2
- package/components/image-frame-floater.yaml +1 -1
- package/components/image-frame.yaml +10 -9
- package/components/list-item.yaml +1 -1
- package/components/segmented-control-indicator.yaml +38 -0
- package/components/segmented-control-item.yaml +6 -6
- package/components/segmented-control.yaml +0 -21
- package/components/slider.yaml +6 -0
- package/package.json +1 -1
package/color.yaml
CHANGED
|
@@ -734,6 +734,10 @@ data:
|
|
|
734
734
|
values:
|
|
735
735
|
theme-light: $color.palette.yellow-300
|
|
736
736
|
theme-dark: $color.palette.yellow-300
|
|
737
|
+
$color.stroke.focus-ring:
|
|
738
|
+
values:
|
|
739
|
+
theme-light: $color.palette.blue-600
|
|
740
|
+
theme-dark: $color.palette.blue-600
|
|
737
741
|
$color.manner-temp.l1.bg:
|
|
738
742
|
values:
|
|
739
743
|
theme-light: "#f1f2f3"
|
|
@@ -16,7 +16,10 @@ data:
|
|
|
16
16
|
description: stroke 옵션 사용 시 적용되는 테두리 두께입니다.
|
|
17
17
|
cornerRadius:
|
|
18
18
|
type: dimension
|
|
19
|
-
description:
|
|
19
|
+
description: 이 값은 기본값이며 변경할 수 있습니다.
|
|
20
|
+
padding:
|
|
21
|
+
type: dimension
|
|
22
|
+
description: 내부에 오버레이 요소가 존재하는 경우 이미지 모서리와 오버레이 요소 사이의 간격입니다. 이 값은 기본값이며 변경할 수 있습니다.
|
|
20
23
|
variants:
|
|
21
24
|
stroke:
|
|
22
25
|
values:
|
|
@@ -37,20 +40,18 @@ data:
|
|
|
37
40
|
@deprecated `rounded` 옵션은 @seed-design/react@1.3.0에서 제거될 예정입니다. `borderRadius="r2"`를 사용하세요.
|
|
38
41
|
Reason: 모서리 스타일은 `borderRadius` prop으로 통일합니다.
|
|
39
42
|
definitions:
|
|
43
|
+
base:
|
|
44
|
+
enabled:
|
|
45
|
+
root:
|
|
46
|
+
padding: $dimension.x1_5
|
|
40
47
|
stroke=true:
|
|
41
48
|
enabled:
|
|
42
49
|
root:
|
|
43
50
|
strokeColor: $color.stroke.neutral-subtle
|
|
44
51
|
strokeWidth: 1px
|
|
45
|
-
stroke=false:
|
|
46
|
-
enabled:
|
|
47
|
-
root:
|
|
48
|
-
strokeWidth: 0px
|
|
52
|
+
stroke=false: {}
|
|
49
53
|
rounded=true:
|
|
50
54
|
enabled:
|
|
51
55
|
root:
|
|
52
56
|
cornerRadius: $radius.r2
|
|
53
|
-
rounded=false:
|
|
54
|
-
enabled:
|
|
55
|
-
root:
|
|
56
|
-
cornerRadius: 0px
|
|
57
|
+
rounded=false: {}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# yaml-language-server: $schema=./schema.json
|
|
2
|
+
kind: ComponentSpec
|
|
3
|
+
metadata:
|
|
4
|
+
id: segmented-control-indicator
|
|
5
|
+
name: Segmented Control Indicator
|
|
6
|
+
data:
|
|
7
|
+
schema:
|
|
8
|
+
slots:
|
|
9
|
+
root:
|
|
10
|
+
properties:
|
|
11
|
+
color:
|
|
12
|
+
type: color
|
|
13
|
+
cornerRadius:
|
|
14
|
+
type: dimension
|
|
15
|
+
strokeWidth:
|
|
16
|
+
type: dimension
|
|
17
|
+
strokeColor:
|
|
18
|
+
type: color
|
|
19
|
+
transformDuration:
|
|
20
|
+
type: duration
|
|
21
|
+
transformTimingFunction:
|
|
22
|
+
type: cubicBezier
|
|
23
|
+
definitions:
|
|
24
|
+
base:
|
|
25
|
+
enabled:
|
|
26
|
+
root:
|
|
27
|
+
color: $color.palette.gray-00
|
|
28
|
+
strokeColor: $color.stroke.neutral-muted
|
|
29
|
+
strokeWidth: 1px
|
|
30
|
+
cornerRadius: $radius.full
|
|
31
|
+
transformDuration: $duration.d4
|
|
32
|
+
transformTimingFunction: $timing-function.easing
|
|
33
|
+
pressed:
|
|
34
|
+
root:
|
|
35
|
+
color: $color.palette.gray-100
|
|
36
|
+
disabled:
|
|
37
|
+
root:
|
|
38
|
+
color: $color.bg.disabled
|
|
@@ -26,6 +26,10 @@ data:
|
|
|
26
26
|
type: duration
|
|
27
27
|
colorTimingFunction:
|
|
28
28
|
type: cubicBezier
|
|
29
|
+
strokeWidth:
|
|
30
|
+
type: dimension
|
|
31
|
+
strokeColor:
|
|
32
|
+
type: color
|
|
29
33
|
label:
|
|
30
34
|
properties:
|
|
31
35
|
fontSize:
|
|
@@ -62,15 +66,11 @@ data:
|
|
|
62
66
|
pressed:
|
|
63
67
|
root:
|
|
64
68
|
color: $color.bg.neutral-weak-pressed
|
|
69
|
+
strokeWidth: 1px
|
|
70
|
+
strokeColor: $color.stroke.neutral-muted
|
|
65
71
|
selected:
|
|
66
72
|
label:
|
|
67
73
|
color: $color.fg.neutral
|
|
68
|
-
selected,pressed:
|
|
69
|
-
root:
|
|
70
|
-
color: $color.palette.gray-100
|
|
71
74
|
disabled:
|
|
72
75
|
label:
|
|
73
76
|
color: $color.fg.disabled
|
|
74
|
-
disabled,selected:
|
|
75
|
-
root:
|
|
76
|
-
color: $color.bg.disabled
|
|
@@ -14,20 +14,6 @@ data:
|
|
|
14
14
|
type: dimension
|
|
15
15
|
color:
|
|
16
16
|
type: color
|
|
17
|
-
indicator:
|
|
18
|
-
properties:
|
|
19
|
-
color:
|
|
20
|
-
type: color
|
|
21
|
-
cornerRadius:
|
|
22
|
-
type: dimension
|
|
23
|
-
strokeWidth:
|
|
24
|
-
type: dimension
|
|
25
|
-
strokeColor:
|
|
26
|
-
type: color
|
|
27
|
-
transformDuration:
|
|
28
|
-
type: duration
|
|
29
|
-
transformTimingFunction:
|
|
30
|
-
type: cubicBezier
|
|
31
17
|
definitions:
|
|
32
18
|
base:
|
|
33
19
|
enabled:
|
|
@@ -35,10 +21,3 @@ data:
|
|
|
35
21
|
padding: $dimension.x1
|
|
36
22
|
cornerRadius: $radius.full
|
|
37
23
|
color: $color.bg.neutral-weak-alpha
|
|
38
|
-
indicator:
|
|
39
|
-
color: $color.palette.gray-00
|
|
40
|
-
cornerRadius: $radius.full
|
|
41
|
-
strokeWidth: 1px
|
|
42
|
-
strokeColor: $color.stroke.neutral-muted
|
|
43
|
-
transformDuration: $duration.d4
|
|
44
|
-
transformTimingFunction: $timing-function.easing
|
package/components/slider.yaml
CHANGED
|
@@ -70,6 +70,10 @@ data:
|
|
|
70
70
|
type: duration
|
|
71
71
|
exitTimingFunction:
|
|
72
72
|
type: cubicBezier
|
|
73
|
+
translateDuration:
|
|
74
|
+
type: duration
|
|
75
|
+
translateTimingFunction:
|
|
76
|
+
type: cubicBezier
|
|
73
77
|
valueIndicatorArrow:
|
|
74
78
|
properties:
|
|
75
79
|
color:
|
|
@@ -138,6 +142,8 @@ data:
|
|
|
138
142
|
exitOpacity: 0
|
|
139
143
|
exitDuration: $duration.d4
|
|
140
144
|
exitTimingFunction: $timing-function.easing
|
|
145
|
+
translateDuration: $duration.d3
|
|
146
|
+
translateTimingFunction: $timing-function.easing
|
|
141
147
|
valueIndicatorArrow:
|
|
142
148
|
color: $color.bg.neutral-inverted
|
|
143
149
|
width: $dimension.x2
|