@seed-design/rootage-artifacts 0.0.0 → 0.0.1
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/README.md +10 -0
- package/color.yaml +438 -366
- package/components/action-button.yaml +415 -205
- package/components/action-chip.yaml +139 -67
- package/components/action-sheet-close-button.yaml +45 -0
- package/components/action-sheet-item.yaml +52 -0
- package/components/action-sheet.yaml +115 -0
- package/components/avatar-stack.yaml +74 -0
- package/components/avatar.yaml +110 -47
- package/components/badge.yaml +153 -130
- package/components/bottom-sheet-close-button.yaml +38 -0
- package/components/bottom-sheet.yaml +143 -0
- package/components/callout.yaml +169 -129
- package/components/checkbox.yaml +139 -116
- package/components/chip-tab.yaml +82 -59
- package/components/chip-tablist.yaml +20 -11
- package/components/chip.yaml +314 -0
- package/components/contextual-floating-button.yaml +155 -0
- package/components/control-chip.yaml +157 -88
- package/components/dialog.yaml +119 -18
- package/components/divider.yaml +17 -0
- package/components/extended-action-sheet-close-button.yaml +50 -0
- package/components/extended-action-sheet-item.yaml +67 -0
- package/components/extended-action-sheet.yaml +134 -0
- package/components/extended-fab.yaml +102 -0
- package/components/fab.yaml +38 -20
- package/components/floating-action-button.yaml +99 -0
- package/components/help-bubble.yaml +121 -32
- package/components/identity-placeholder.yaml +23 -0
- package/components/inline-banner.yaml +188 -141
- package/components/link-content.yaml +60 -0
- package/components/manner-temp-badge.yaml +78 -0
- package/components/manner-temp.yaml +61 -0
- package/components/menu-sheet-close-button.yaml +49 -0
- package/components/menu-sheet-item.yaml +70 -0
- package/components/menu-sheet.yaml +133 -0
- package/components/notification-badge.yaml +67 -0
- package/components/progress-circle.yaml +83 -40
- package/components/radio.yaml +67 -71
- package/components/reaction-button.yaml +159 -0
- package/components/segmented-control-item.yaml +54 -0
- package/components/segmented-control.yaml +41 -30
- package/components/select-box.yaml +152 -0
- package/components/skeleton.yaml +56 -0
- package/components/snackbar.yaml +125 -0
- package/components/switch.yaml +98 -46
- package/components/tab.yaml +49 -31
- package/components/tablist.yaml +56 -15
- package/components/text-button.yaml +41 -57
- package/components/text-field.yaml +361 -0
- package/components/toggle-button.yaml +196 -0
- package/components/top-navigation.yaml +100 -0
- package/components/typography.yaml +167 -138
- package/dimension.yaml +88 -0
- package/duration.yaml +25 -0
- package/font-size.yaml +9 -0
- package/gradient.yaml +151 -0
- package/line-height.yaml +4 -4
- package/package.json +5 -2
- package/radius.yaml +10 -10
- package/timing-function.yaml +37 -0
- package/components/expand-button.yaml +0 -34
- package/unit.yaml +0 -70
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
# yaml-language-server: $schema=./schema.json
|
|
2
|
+
kind: ComponentSpec
|
|
3
|
+
metadata:
|
|
4
|
+
id: toggle-button
|
|
5
|
+
name: Toggle Button
|
|
6
|
+
data:
|
|
7
|
+
schema:
|
|
8
|
+
slots:
|
|
9
|
+
root:
|
|
10
|
+
properties:
|
|
11
|
+
colorDuration:
|
|
12
|
+
type: duration
|
|
13
|
+
colorTimingFunction:
|
|
14
|
+
type: cubicBezier
|
|
15
|
+
color:
|
|
16
|
+
type: color
|
|
17
|
+
minHeight:
|
|
18
|
+
type: dimension
|
|
19
|
+
minWidth:
|
|
20
|
+
type: dimension
|
|
21
|
+
cornerRadius:
|
|
22
|
+
type: dimension
|
|
23
|
+
gap:
|
|
24
|
+
type: dimension
|
|
25
|
+
paddingX:
|
|
26
|
+
type: dimension
|
|
27
|
+
paddingY:
|
|
28
|
+
type: dimension
|
|
29
|
+
label:
|
|
30
|
+
properties:
|
|
31
|
+
color:
|
|
32
|
+
type: color
|
|
33
|
+
fontWeight:
|
|
34
|
+
type: number
|
|
35
|
+
fontSize:
|
|
36
|
+
type: dimension
|
|
37
|
+
lineHeight:
|
|
38
|
+
type: dimension
|
|
39
|
+
prefixIcon:
|
|
40
|
+
properties:
|
|
41
|
+
color:
|
|
42
|
+
type: color
|
|
43
|
+
size:
|
|
44
|
+
type: dimension
|
|
45
|
+
suffixIcon:
|
|
46
|
+
properties:
|
|
47
|
+
color:
|
|
48
|
+
type: color
|
|
49
|
+
size:
|
|
50
|
+
type: dimension
|
|
51
|
+
progressCircle:
|
|
52
|
+
properties:
|
|
53
|
+
trackColor:
|
|
54
|
+
type: color
|
|
55
|
+
rangeColor:
|
|
56
|
+
type: color
|
|
57
|
+
size:
|
|
58
|
+
type: dimension
|
|
59
|
+
thickness:
|
|
60
|
+
type: dimension
|
|
61
|
+
definitions:
|
|
62
|
+
base:
|
|
63
|
+
enabled:
|
|
64
|
+
root:
|
|
65
|
+
colorDuration: $duration.d4
|
|
66
|
+
colorTimingFunction: $timing-function.easing
|
|
67
|
+
label:
|
|
68
|
+
fontWeight: $font-weight.bold
|
|
69
|
+
variant=brandSolid:
|
|
70
|
+
enabled:
|
|
71
|
+
root:
|
|
72
|
+
color: $color.bg.brand-solid
|
|
73
|
+
label:
|
|
74
|
+
color: $color.palette.static-white
|
|
75
|
+
prefixIcon:
|
|
76
|
+
color: $color.palette.static-white
|
|
77
|
+
suffixIcon:
|
|
78
|
+
color: $color.palette.static-white
|
|
79
|
+
progressCircle:
|
|
80
|
+
trackColor: $color.palette.static-white-alpha-300
|
|
81
|
+
rangeColor: $color.palette.static-white
|
|
82
|
+
pressed:
|
|
83
|
+
root:
|
|
84
|
+
color: $color.bg.brand-solid-pressed
|
|
85
|
+
selected:
|
|
86
|
+
root:
|
|
87
|
+
color: $color.bg.neutral-weak
|
|
88
|
+
label:
|
|
89
|
+
color: $color.fg.neutral
|
|
90
|
+
prefixIcon:
|
|
91
|
+
color: $color.fg.neutral
|
|
92
|
+
suffixIcon:
|
|
93
|
+
color: $color.fg.neutral
|
|
94
|
+
progressCircle:
|
|
95
|
+
trackColor: $color.palette.gray-500
|
|
96
|
+
rangeColor: $color.fg.neutral
|
|
97
|
+
selected,pressed:
|
|
98
|
+
root:
|
|
99
|
+
color: $color.bg.neutral-weak-pressed
|
|
100
|
+
disabled:
|
|
101
|
+
root:
|
|
102
|
+
color: $color.bg.disabled
|
|
103
|
+
label:
|
|
104
|
+
color: $color.fg.disabled
|
|
105
|
+
prefixIcon:
|
|
106
|
+
color: $color.fg.disabled
|
|
107
|
+
suffixIcon:
|
|
108
|
+
color: $color.fg.disabled
|
|
109
|
+
loading:
|
|
110
|
+
root:
|
|
111
|
+
color: $color.bg.brand-solid-pressed
|
|
112
|
+
selected,loading:
|
|
113
|
+
root:
|
|
114
|
+
color: $color.bg.neutral-weak-pressed
|
|
115
|
+
variant=neutralWeak:
|
|
116
|
+
enabled:
|
|
117
|
+
root:
|
|
118
|
+
color: $color.bg.neutral-weak
|
|
119
|
+
label:
|
|
120
|
+
color: $color.fg.neutral
|
|
121
|
+
prefixIcon:
|
|
122
|
+
color: $color.fg.neutral
|
|
123
|
+
suffixIcon:
|
|
124
|
+
color: $color.fg.neutral
|
|
125
|
+
progressCircle:
|
|
126
|
+
trackColor: $color.palette.gray-500
|
|
127
|
+
rangeColor: $color.fg.neutral
|
|
128
|
+
pressed:
|
|
129
|
+
root:
|
|
130
|
+
color: $color.bg.neutral-weak-pressed
|
|
131
|
+
selected:
|
|
132
|
+
root:
|
|
133
|
+
color: $color.bg.neutral-weak
|
|
134
|
+
label:
|
|
135
|
+
color: $color.fg.neutral
|
|
136
|
+
prefixIcon:
|
|
137
|
+
color: $color.fg.neutral
|
|
138
|
+
suffixIcon:
|
|
139
|
+
color: $color.fg.neutral
|
|
140
|
+
progressCircle:
|
|
141
|
+
trackColor: $color.palette.gray-500
|
|
142
|
+
rangeColor: $color.fg.neutral
|
|
143
|
+
selected,pressed:
|
|
144
|
+
root:
|
|
145
|
+
color: $color.bg.neutral-weak-pressed
|
|
146
|
+
disabled:
|
|
147
|
+
root:
|
|
148
|
+
color: $color.bg.disabled
|
|
149
|
+
label:
|
|
150
|
+
color: $color.fg.disabled
|
|
151
|
+
prefixIcon:
|
|
152
|
+
color: $color.fg.disabled
|
|
153
|
+
suffixIcon:
|
|
154
|
+
color: $color.fg.disabled
|
|
155
|
+
loading:
|
|
156
|
+
root:
|
|
157
|
+
color: $color.bg.neutral-weak-pressed
|
|
158
|
+
selected,loading:
|
|
159
|
+
root:
|
|
160
|
+
color: $color.bg.neutral-weak-pressed
|
|
161
|
+
size=xsmall:
|
|
162
|
+
enabled:
|
|
163
|
+
root:
|
|
164
|
+
minHeight: $dimension.x8
|
|
165
|
+
cornerRadius: $radius.full
|
|
166
|
+
gap: $dimension.x1
|
|
167
|
+
paddingX: $dimension.x3_5
|
|
168
|
+
paddingY: $dimension.x1_5
|
|
169
|
+
prefixIcon:
|
|
170
|
+
size: $dimension.x3_5
|
|
171
|
+
suffixIcon:
|
|
172
|
+
size: $dimension.x3_5
|
|
173
|
+
label:
|
|
174
|
+
fontSize: $font-size.t4
|
|
175
|
+
lineHeight: $line-height.t4
|
|
176
|
+
progressCircle:
|
|
177
|
+
size: 14px
|
|
178
|
+
thickness: 2px
|
|
179
|
+
size=small:
|
|
180
|
+
enabled:
|
|
181
|
+
root:
|
|
182
|
+
minHeight: $dimension.x9
|
|
183
|
+
cornerRadius: $radius.full
|
|
184
|
+
gap: $dimension.x1
|
|
185
|
+
paddingX: $dimension.x4
|
|
186
|
+
paddingY: $dimension.x2
|
|
187
|
+
prefixIcon:
|
|
188
|
+
size: $dimension.x3_5
|
|
189
|
+
suffixIcon:
|
|
190
|
+
size: $dimension.x3_5
|
|
191
|
+
label:
|
|
192
|
+
fontSize: $font-size.t4
|
|
193
|
+
lineHeight: $line-height.t4
|
|
194
|
+
progressCircle:
|
|
195
|
+
size: 14px
|
|
196
|
+
thickness: 2px
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
# yaml-language-server: $schema=./schema.json
|
|
2
|
+
# slot=
|
|
3
|
+
kind: ComponentSpec
|
|
4
|
+
metadata:
|
|
5
|
+
id: top-navigation
|
|
6
|
+
name: Top Navigation
|
|
7
|
+
data:
|
|
8
|
+
schema:
|
|
9
|
+
slots:
|
|
10
|
+
root:
|
|
11
|
+
properties:
|
|
12
|
+
minHeight:
|
|
13
|
+
type: dimension
|
|
14
|
+
paddingX:
|
|
15
|
+
type: dimension
|
|
16
|
+
color:
|
|
17
|
+
type: color
|
|
18
|
+
strokeColor:
|
|
19
|
+
type: color
|
|
20
|
+
strokeWidth:
|
|
21
|
+
type: dimension
|
|
22
|
+
icon:
|
|
23
|
+
properties:
|
|
24
|
+
size:
|
|
25
|
+
type: dimension
|
|
26
|
+
targetSize:
|
|
27
|
+
type: dimension
|
|
28
|
+
color:
|
|
29
|
+
type: color
|
|
30
|
+
title:
|
|
31
|
+
properties:
|
|
32
|
+
color:
|
|
33
|
+
type: color
|
|
34
|
+
fontSize:
|
|
35
|
+
type: dimension
|
|
36
|
+
fontWeight:
|
|
37
|
+
type: number
|
|
38
|
+
subtitle:
|
|
39
|
+
properties:
|
|
40
|
+
color:
|
|
41
|
+
type: color
|
|
42
|
+
fontSize:
|
|
43
|
+
type: dimension
|
|
44
|
+
fontWeight:
|
|
45
|
+
type: number
|
|
46
|
+
definitions:
|
|
47
|
+
theme=cupertino:
|
|
48
|
+
enabled:
|
|
49
|
+
root:
|
|
50
|
+
minHeight: 44px
|
|
51
|
+
paddingX: $dimension.x4
|
|
52
|
+
icon:
|
|
53
|
+
size: 24px
|
|
54
|
+
targetSize: 44px
|
|
55
|
+
theme=android:
|
|
56
|
+
enabled:
|
|
57
|
+
root:
|
|
58
|
+
minHeight: 56px
|
|
59
|
+
paddingX: $dimension.x4
|
|
60
|
+
icon:
|
|
61
|
+
size: 24px
|
|
62
|
+
targetSize: 44px
|
|
63
|
+
tone=layer:
|
|
64
|
+
enabled:
|
|
65
|
+
root:
|
|
66
|
+
color: $color.bg.layer-default
|
|
67
|
+
title:
|
|
68
|
+
color: $color.fg.neutral
|
|
69
|
+
subtitle:
|
|
70
|
+
color: $color.fg.neutral-muted
|
|
71
|
+
icon:
|
|
72
|
+
color: $color.fg.neutral
|
|
73
|
+
tone=transparent:
|
|
74
|
+
enabled:
|
|
75
|
+
root:
|
|
76
|
+
color: "#00000000"
|
|
77
|
+
title:
|
|
78
|
+
color: $color.palette.static-white
|
|
79
|
+
subtitle:
|
|
80
|
+
color: $color.palette.static-white
|
|
81
|
+
icon:
|
|
82
|
+
color: $color.palette.static-white
|
|
83
|
+
divider=true:
|
|
84
|
+
enabled:
|
|
85
|
+
root:
|
|
86
|
+
strokeColor: $color.stroke.neutral-muted
|
|
87
|
+
strokeWidth: 1px
|
|
88
|
+
titleLayout=titleOnly:
|
|
89
|
+
enabled:
|
|
90
|
+
title:
|
|
91
|
+
fontSize: $font-size.t6-static
|
|
92
|
+
fontWeight: $font-weight.bold
|
|
93
|
+
titleLayout=withSubtitle:
|
|
94
|
+
enabled:
|
|
95
|
+
title:
|
|
96
|
+
fontSize: $font-size.t5-static
|
|
97
|
+
fontWeight: $font-weight.bold
|
|
98
|
+
subtitle:
|
|
99
|
+
fontSize: $font-size.t2-static
|
|
100
|
+
fontWeight: $font-weight.regular
|
|
@@ -4,141 +4,170 @@ metadata:
|
|
|
4
4
|
id: typography
|
|
5
5
|
name: Typography
|
|
6
6
|
data:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
root:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
7
|
+
schema:
|
|
8
|
+
slots:
|
|
9
|
+
root:
|
|
10
|
+
properties:
|
|
11
|
+
fontSize:
|
|
12
|
+
type: dimension
|
|
13
|
+
lineHeight:
|
|
14
|
+
type: dimension
|
|
15
|
+
fontWeight:
|
|
16
|
+
type: number
|
|
17
|
+
definitions:
|
|
18
|
+
textStyle=screenTitle:
|
|
19
|
+
enabled:
|
|
20
|
+
root:
|
|
21
|
+
fontSize: $font-size.t10
|
|
22
|
+
lineHeight: $line-height.t10
|
|
23
|
+
fontWeight: $font-weight.bold
|
|
24
|
+
textStyle=articleBody:
|
|
25
|
+
enabled:
|
|
26
|
+
root:
|
|
27
|
+
fontSize: $font-size.t5
|
|
28
|
+
lineHeight: $line-height.t6
|
|
29
|
+
fontWeight: $font-weight.regular
|
|
30
|
+
textStyle=t1Regular:
|
|
31
|
+
enabled:
|
|
32
|
+
root:
|
|
33
|
+
fontSize: $font-size.t1
|
|
34
|
+
lineHeight: $line-height.t1
|
|
35
|
+
fontWeight: $font-weight.regular
|
|
36
|
+
textStyle=t1Medium:
|
|
37
|
+
enabled:
|
|
38
|
+
root:
|
|
39
|
+
fontSize: $font-size.t1
|
|
40
|
+
lineHeight: $line-height.t1
|
|
41
|
+
fontWeight: $font-weight.medium
|
|
42
|
+
textStyle=t1Bold:
|
|
43
|
+
enabled:
|
|
44
|
+
root:
|
|
45
|
+
fontSize: $font-size.t1
|
|
46
|
+
lineHeight: $line-height.t1
|
|
47
|
+
fontWeight: $font-weight.bold
|
|
48
|
+
textStyle=t2Regular:
|
|
49
|
+
enabled:
|
|
50
|
+
root:
|
|
51
|
+
fontSize: $font-size.t2
|
|
52
|
+
lineHeight: $line-height.t2
|
|
53
|
+
fontWeight: $font-weight.regular
|
|
54
|
+
textStyle=t2Medium:
|
|
55
|
+
enabled:
|
|
56
|
+
root:
|
|
57
|
+
fontSize: $font-size.t2
|
|
58
|
+
lineHeight: $line-height.t2
|
|
59
|
+
fontWeight: $font-weight.medium
|
|
60
|
+
textStyle=t2Bold:
|
|
61
|
+
enabled:
|
|
62
|
+
root:
|
|
63
|
+
fontSize: $font-size.t2
|
|
64
|
+
lineHeight: $line-height.t2
|
|
65
|
+
fontWeight: $font-weight.bold
|
|
66
|
+
textStyle=t3Regular:
|
|
67
|
+
enabled:
|
|
68
|
+
root:
|
|
69
|
+
fontSize: $font-size.t3
|
|
70
|
+
lineHeight: $line-height.t3
|
|
71
|
+
fontWeight: $font-weight.regular
|
|
72
|
+
textStyle=t3Medium:
|
|
73
|
+
enabled:
|
|
74
|
+
root:
|
|
75
|
+
fontSize: $font-size.t3
|
|
76
|
+
lineHeight: $line-height.t3
|
|
77
|
+
fontWeight: $font-weight.medium
|
|
78
|
+
textStyle=t3Bold:
|
|
79
|
+
enabled:
|
|
80
|
+
root:
|
|
81
|
+
fontSize: $font-size.t3
|
|
82
|
+
lineHeight: $line-height.t3
|
|
83
|
+
fontWeight: $font-weight.bold
|
|
84
|
+
textStyle=t4Regular:
|
|
85
|
+
enabled:
|
|
86
|
+
root:
|
|
87
|
+
fontSize: $font-size.t4
|
|
88
|
+
lineHeight: $line-height.t4
|
|
89
|
+
fontWeight: $font-weight.regular
|
|
90
|
+
textStyle=t4Medium:
|
|
91
|
+
enabled:
|
|
92
|
+
root:
|
|
93
|
+
fontSize: $font-size.t4
|
|
94
|
+
lineHeight: $line-height.t4
|
|
95
|
+
fontWeight: $font-weight.medium
|
|
96
|
+
textStyle=t4Bold:
|
|
97
|
+
enabled:
|
|
98
|
+
root:
|
|
99
|
+
fontSize: $font-size.t4
|
|
100
|
+
lineHeight: $line-height.t4
|
|
101
|
+
fontWeight: $font-weight.bold
|
|
102
|
+
textStyle=t5Regular:
|
|
103
|
+
enabled:
|
|
104
|
+
root:
|
|
105
|
+
fontSize: $font-size.t5
|
|
106
|
+
lineHeight: $line-height.t5
|
|
107
|
+
fontWeight: $font-weight.regular
|
|
108
|
+
textStyle=t5Medium:
|
|
109
|
+
enabled:
|
|
110
|
+
root:
|
|
111
|
+
fontSize: $font-size.t5
|
|
112
|
+
lineHeight: $line-height.t5
|
|
113
|
+
fontWeight: $font-weight.medium
|
|
114
|
+
textStyle=t5Bold:
|
|
115
|
+
enabled:
|
|
116
|
+
root:
|
|
117
|
+
fontSize: $font-size.t5
|
|
118
|
+
lineHeight: $line-height.t5
|
|
119
|
+
fontWeight: $font-weight.bold
|
|
120
|
+
textStyle=t6Regular:
|
|
121
|
+
enabled:
|
|
122
|
+
root:
|
|
123
|
+
fontSize: $font-size.t6
|
|
124
|
+
lineHeight: $line-height.t6
|
|
125
|
+
fontWeight: $font-weight.regular
|
|
126
|
+
textStyle=t6Medium:
|
|
127
|
+
enabled:
|
|
128
|
+
root:
|
|
129
|
+
fontSize: $font-size.t6
|
|
130
|
+
lineHeight: $line-height.t6
|
|
131
|
+
fontWeight: $font-weight.medium
|
|
132
|
+
textStyle=t6Bold:
|
|
133
|
+
enabled:
|
|
134
|
+
root:
|
|
135
|
+
fontSize: $font-size.t6
|
|
136
|
+
lineHeight: $line-height.t6
|
|
137
|
+
fontWeight: $font-weight.bold
|
|
138
|
+
textStyle=t7Regular:
|
|
139
|
+
enabled:
|
|
140
|
+
root:
|
|
141
|
+
fontSize: $font-size.t7
|
|
142
|
+
lineHeight: $line-height.t7
|
|
143
|
+
fontWeight: $font-weight.regular
|
|
144
|
+
textStyle=t7Medium:
|
|
145
|
+
enabled:
|
|
146
|
+
root:
|
|
147
|
+
fontSize: $font-size.t7
|
|
148
|
+
lineHeight: $line-height.t7
|
|
149
|
+
fontWeight: $font-weight.medium
|
|
150
|
+
textStyle=t7Bold:
|
|
151
|
+
enabled:
|
|
152
|
+
root:
|
|
153
|
+
fontSize: $font-size.t7
|
|
154
|
+
lineHeight: $line-height.t7
|
|
155
|
+
fontWeight: $font-weight.bold
|
|
156
|
+
textStyle=t8Bold:
|
|
157
|
+
enabled:
|
|
158
|
+
root:
|
|
159
|
+
fontSize: $font-size.t8
|
|
160
|
+
lineHeight: $line-height.t8
|
|
161
|
+
fontWeight: $font-weight.bold
|
|
162
|
+
textStyle=t9Bold:
|
|
163
|
+
enabled:
|
|
164
|
+
root:
|
|
165
|
+
fontSize: $font-size.t9
|
|
166
|
+
lineHeight: $line-height.t9
|
|
167
|
+
fontWeight: $font-weight.bold
|
|
168
|
+
textStyle=t10Bold:
|
|
169
|
+
enabled:
|
|
170
|
+
root:
|
|
171
|
+
fontSize: $font-size.t10
|
|
172
|
+
lineHeight: $line-height.t10
|
|
173
|
+
fontWeight: $font-weight.bold
|
package/dimension.yaml
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
kind: Tokens
|
|
2
|
+
metadata:
|
|
3
|
+
id: dimension
|
|
4
|
+
name: Dimension
|
|
5
|
+
data:
|
|
6
|
+
collection: global
|
|
7
|
+
tokens:
|
|
8
|
+
$dimension.x0_5:
|
|
9
|
+
values:
|
|
10
|
+
default: 2px
|
|
11
|
+
$dimension.x1:
|
|
12
|
+
values:
|
|
13
|
+
default: 4px
|
|
14
|
+
$dimension.x1_5:
|
|
15
|
+
values:
|
|
16
|
+
default: 6px
|
|
17
|
+
$dimension.x2:
|
|
18
|
+
values:
|
|
19
|
+
default: 8px
|
|
20
|
+
$dimension.x2_5:
|
|
21
|
+
values:
|
|
22
|
+
default: 10px
|
|
23
|
+
$dimension.x3:
|
|
24
|
+
values:
|
|
25
|
+
default: 12px
|
|
26
|
+
$dimension.x3_5:
|
|
27
|
+
values:
|
|
28
|
+
default: 14px
|
|
29
|
+
$dimension.x4:
|
|
30
|
+
values:
|
|
31
|
+
default: 16px
|
|
32
|
+
$dimension.x4_5:
|
|
33
|
+
values:
|
|
34
|
+
default: 18px
|
|
35
|
+
$dimension.x5:
|
|
36
|
+
values:
|
|
37
|
+
default: 20px
|
|
38
|
+
$dimension.x6:
|
|
39
|
+
values:
|
|
40
|
+
default: 24px
|
|
41
|
+
$dimension.x7:
|
|
42
|
+
values:
|
|
43
|
+
default: 28px
|
|
44
|
+
$dimension.x8:
|
|
45
|
+
values:
|
|
46
|
+
default: 32px
|
|
47
|
+
$dimension.x9:
|
|
48
|
+
values:
|
|
49
|
+
default: 36px
|
|
50
|
+
$dimension.x10:
|
|
51
|
+
values:
|
|
52
|
+
default: 40px
|
|
53
|
+
$dimension.x12:
|
|
54
|
+
values:
|
|
55
|
+
default: 48px
|
|
56
|
+
$dimension.x13:
|
|
57
|
+
values:
|
|
58
|
+
default: 52px
|
|
59
|
+
$dimension.x14:
|
|
60
|
+
values:
|
|
61
|
+
default: 56px
|
|
62
|
+
$dimension.x16:
|
|
63
|
+
values:
|
|
64
|
+
default: 64px
|
|
65
|
+
$dimension.spacing-x.between-chips:
|
|
66
|
+
description: Chip 사이의 수평 간격에 사용합니다.
|
|
67
|
+
values:
|
|
68
|
+
default: $dimension.x2
|
|
69
|
+
$dimension.spacing-x.global-gutter:
|
|
70
|
+
description: 화면 전체에 적용되는 기본 수평 padding 값입니다.
|
|
71
|
+
values:
|
|
72
|
+
default: $dimension.x4
|
|
73
|
+
$dimension.spacing-y.component-default:
|
|
74
|
+
description: 컴포넌트 간 수직 간격 토큰이 정의되지 않은 컴포넌트 사이의 수직 간격에 사용합니다.
|
|
75
|
+
values:
|
|
76
|
+
default: $dimension.x3
|
|
77
|
+
$dimension.spacing-y.nav-to-title:
|
|
78
|
+
description: Top Navigation과 Page Title 사이의 간격입니다.
|
|
79
|
+
values:
|
|
80
|
+
default: $dimension.x5
|
|
81
|
+
$dimension.spacing-y.screen-bottom:
|
|
82
|
+
description: 화면 하단의 여백입니다.
|
|
83
|
+
values:
|
|
84
|
+
default: $dimension.x14
|
|
85
|
+
$dimension.spacing-y.between-text:
|
|
86
|
+
description: 텍스트 요소 간의 수직 간격입니다.
|
|
87
|
+
values:
|
|
88
|
+
default: $dimension.x1_5
|