@seed-design/rootage-artifacts 1.2.5 → 1.2.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.
- package/color.yaml +5 -5
- package/components/action-sheet-close-button.yaml +1 -1
- package/components/avatar-stack.yaml +6 -0
- package/components/avatar.yaml +30 -0
- package/components/checkbox.yaml +0 -18
- package/components/extended-action-sheet-close-button.yaml +1 -3
- package/components/list-item.yaml +0 -2
- package/components/menu-sheet-close-button.yaml +1 -2
- package/components/menu-sheet.yaml +3 -0
- package/components/page-banner.yaml +0 -2
- package/components/snackbar.yaml +0 -2
- package/components/text-button.yaml +0 -2
- package/components/toggle-button.yaml +0 -2
- package/package.json +1 -1
package/color.yaml
CHANGED
|
@@ -525,17 +525,17 @@ data:
|
|
|
525
525
|
theme-light: $color.palette.blue-200
|
|
526
526
|
theme-dark: $color.palette.blue-200
|
|
527
527
|
$color.bg.layer-basement:
|
|
528
|
-
description: 가장 낮은 0단계의 '대지'입니다.
|
|
528
|
+
description: 가장 낮은 0단계의 '대지'입니다. 화면 가장 깊은 곳에 위치하는 전체 배경색입니다.
|
|
529
529
|
values:
|
|
530
530
|
theme-light: $color.palette.gray-200
|
|
531
531
|
theme-dark: $color.palette.gray-00
|
|
532
532
|
$color.bg.layer-default:
|
|
533
|
-
description: basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린
|
|
533
|
+
description: basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다.
|
|
534
534
|
values:
|
|
535
535
|
theme-light: $color.palette.gray-00
|
|
536
536
|
theme-dark: $color.palette.gray-100
|
|
537
537
|
$color.bg.layer-default-pressed:
|
|
538
|
-
description: basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린
|
|
538
|
+
description: basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다. (pressed)
|
|
539
539
|
values:
|
|
540
540
|
theme-light: $color.palette.gray-100
|
|
541
541
|
theme-dark: $color.palette.gray-300
|
|
@@ -545,12 +545,12 @@ data:
|
|
|
545
545
|
theme-light: $color.palette.gray-100
|
|
546
546
|
theme-dark: $color.palette.gray-200
|
|
547
547
|
$color.bg.layer-floating:
|
|
548
|
-
description:
|
|
548
|
+
description: 화면의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 사용자의 상호작용을 필요로 하는 모달(Modal)성 요소들이 여기에 속합니다.
|
|
549
549
|
values:
|
|
550
550
|
theme-light: $color.palette.gray-00
|
|
551
551
|
theme-dark: $color.palette.gray-200
|
|
552
552
|
$color.bg.layer-floating-pressed:
|
|
553
|
-
description:
|
|
553
|
+
description: 화면의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 사용자의 상호작용을 필요로 하는 모달(Modal)성 요소들이 여기에 속합니다. (pressed)
|
|
554
554
|
values:
|
|
555
555
|
theme-light: $color.palette.gray-100
|
|
556
556
|
theme-dark: $color.palette.gray-300
|
package/components/avatar.yaml
CHANGED
|
@@ -5,6 +5,25 @@ metadata:
|
|
|
5
5
|
name: Avatar
|
|
6
6
|
data:
|
|
7
7
|
schema:
|
|
8
|
+
variants:
|
|
9
|
+
size:
|
|
10
|
+
values:
|
|
11
|
+
20:
|
|
12
|
+
description: "대표 사용처: 댓글을 남긴 사용자"
|
|
13
|
+
24:
|
|
14
|
+
description: "대표 사용처: 답글 프로필"
|
|
15
|
+
36:
|
|
16
|
+
description: "대표 사용처: 댓글 프로필"
|
|
17
|
+
42:
|
|
18
|
+
description: "대표 사용처: 게시글 상세 내 프로필"
|
|
19
|
+
48:
|
|
20
|
+
description: "대표 사용처: 작은 리스트"
|
|
21
|
+
56:
|
|
22
|
+
description: "대표 사용처: 큰 리스트"
|
|
23
|
+
64:
|
|
24
|
+
description: "대표 사용처: 프로필 상세, 캐러셀"
|
|
25
|
+
108:
|
|
26
|
+
description: "대표 사용처: 프로필 수정"
|
|
8
27
|
slots:
|
|
9
28
|
root:
|
|
10
29
|
properties:
|
|
@@ -85,6 +104,17 @@ data:
|
|
|
85
104
|
badge:
|
|
86
105
|
offset: 30px
|
|
87
106
|
size: 18px
|
|
107
|
+
size=56:
|
|
108
|
+
enabled:
|
|
109
|
+
root:
|
|
110
|
+
size: 56px
|
|
111
|
+
strokeWidth: 1px
|
|
112
|
+
badgeMask:
|
|
113
|
+
offset: 34px
|
|
114
|
+
size: 24px
|
|
115
|
+
badge:
|
|
116
|
+
offset: 36px
|
|
117
|
+
size: 20px
|
|
88
118
|
size=64:
|
|
89
119
|
enabled:
|
|
90
120
|
root:
|
package/components/checkbox.yaml
CHANGED
|
@@ -22,24 +22,6 @@ data:
|
|
|
22
22
|
type: dimension
|
|
23
23
|
lineHeight:
|
|
24
24
|
type: dimension
|
|
25
|
-
control:
|
|
26
|
-
properties:
|
|
27
|
-
color:
|
|
28
|
-
type: color
|
|
29
|
-
strokeColor:
|
|
30
|
-
type: color
|
|
31
|
-
strokeWidth:
|
|
32
|
-
type: dimension
|
|
33
|
-
size:
|
|
34
|
-
type: dimension
|
|
35
|
-
cornerRadius:
|
|
36
|
-
type: dimension
|
|
37
|
-
icon:
|
|
38
|
-
properties:
|
|
39
|
-
color:
|
|
40
|
-
type: color
|
|
41
|
-
size:
|
|
42
|
-
type: dimension
|
|
43
25
|
definitions:
|
|
44
26
|
base:
|
|
45
27
|
enabled:
|
|
@@ -3,7 +3,7 @@ kind: ComponentSpec
|
|
|
3
3
|
metadata:
|
|
4
4
|
id: extended-action-sheet-close-button
|
|
5
5
|
name: Extended Action Sheet Close Button
|
|
6
|
-
deprecated:
|
|
6
|
+
deprecated: No longer used.
|
|
7
7
|
data:
|
|
8
8
|
schema:
|
|
9
9
|
slots:
|
|
@@ -19,8 +19,6 @@ data:
|
|
|
19
19
|
type: dimension
|
|
20
20
|
paddingY:
|
|
21
21
|
type: dimension
|
|
22
|
-
gap:
|
|
23
|
-
type: dimension
|
|
24
22
|
label:
|
|
25
23
|
properties:
|
|
26
24
|
color:
|
|
@@ -3,6 +3,7 @@ kind: ComponentSpec
|
|
|
3
3
|
metadata:
|
|
4
4
|
id: menu-sheet-close-button
|
|
5
5
|
name: Menu Sheet Close Button
|
|
6
|
+
deprecated: No longer used. Menu Sheet now uses a handle instead of a close button.
|
|
6
7
|
data:
|
|
7
8
|
schema:
|
|
8
9
|
slots:
|
|
@@ -18,8 +19,6 @@ data:
|
|
|
18
19
|
type: dimension
|
|
19
20
|
paddingY:
|
|
20
21
|
type: dimension
|
|
21
|
-
gap:
|
|
22
|
-
type: dimension
|
|
23
22
|
label:
|
|
24
23
|
properties:
|
|
25
24
|
color:
|
|
@@ -46,6 +46,8 @@ data:
|
|
|
46
46
|
properties:
|
|
47
47
|
gap:
|
|
48
48
|
type: dimension
|
|
49
|
+
paddingTop:
|
|
50
|
+
type: dimension
|
|
49
51
|
paddingBottom:
|
|
50
52
|
type: dimension
|
|
51
53
|
title:
|
|
@@ -110,6 +112,7 @@ data:
|
|
|
110
112
|
exitTimingFunction: $timing-function.exit
|
|
111
113
|
header:
|
|
112
114
|
gap: $dimension.x1
|
|
115
|
+
paddingTop: $dimension.x2
|
|
113
116
|
paddingBottom: $dimension.x4
|
|
114
117
|
title:
|
|
115
118
|
fontSize: $font-size.t6
|
package/components/snackbar.yaml
CHANGED