@seed-design/figma 1.0.2 → 1.0.3-alpha-20251001093249
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/lib/codegen/index.cjs +427 -422
- package/lib/codegen/index.d.ts +111 -111
- package/lib/codegen/index.d.ts.map +1 -1
- package/lib/codegen/index.js +427 -422
- package/lib/codegen/targets/react/index.cjs +3281 -2716
- package/lib/codegen/targets/react/index.js +3281 -2716
- package/lib/index.cjs +3235 -2670
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +3235 -2670
- package/package.json +5 -4
- package/src/codegen/component-properties.ts +1 -1
- package/src/codegen/targets/react/component/handlers/switch.ts +1 -1
- package/src/entities/data/__generated__/component-sets/index.d.ts +1943 -51
- package/src/entities/data/__generated__/component-sets/index.mjs +1943 -51
- package/src/entities/data/__generated__/icons/index.d.ts +3 -0
- package/src/entities/data/__generated__/icons/index.mjs +3328 -0
- package/src/entities/data/__generated__/styles/index.d.ts +3 -0
- package/src/entities/data/__generated__/styles/index.mjs +296 -0
- package/src/entities/data/__generated__/variable-collections/index.mjs +7 -6
- package/src/entities/data/__generated__/variables/index.mjs +29 -0
- package/src/entities/index.ts +3 -6
- package/src/entities/data/__generated__/component-sets/action-button.d.ts +0 -59
- package/src/entities/data/__generated__/component-sets/action-button.mjs +0 -59
- package/src/entities/data/__generated__/component-sets/alert-dialog.d.ts +0 -26
- package/src/entities/data/__generated__/component-sets/alert-dialog.mjs +0 -26
- package/src/entities/data/__generated__/component-sets/avatar-stack.d.ts +0 -20
- package/src/entities/data/__generated__/component-sets/avatar-stack.mjs +0 -20
- package/src/entities/data/__generated__/component-sets/avatar.d.ts +0 -32
- package/src/entities/data/__generated__/component-sets/avatar.mjs +0 -32
- package/src/entities/data/__generated__/component-sets/badge.d.ts +0 -35
- package/src/entities/data/__generated__/component-sets/badge.mjs +0 -35
- package/src/entities/data/__generated__/component-sets/bottom-navigation-global.d.ts +0 -23
- package/src/entities/data/__generated__/component-sets/bottom-navigation-global.mjs +0 -23
- package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.d.ts +0 -16
- package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.mjs +0 -16
- package/src/entities/data/__generated__/component-sets/bottom-sheet.d.ts +0 -63
- package/src/entities/data/__generated__/component-sets/bottom-sheet.mjs +0 -63
- package/src/entities/data/__generated__/component-sets/callout.d.ts +0 -48
- package/src/entities/data/__generated__/component-sets/callout.mjs +0 -48
- package/src/entities/data/__generated__/component-sets/checkbox.d.ts +0 -53
- package/src/entities/data/__generated__/component-sets/checkbox.mjs +0 -53
- package/src/entities/data/__generated__/component-sets/checkmark.d.ts +0 -43
- package/src/entities/data/__generated__/component-sets/checkmark.mjs +0 -43
- package/src/entities/data/__generated__/component-sets/chip.d.ts +0 -90
- package/src/entities/data/__generated__/component-sets/chip.mjs +0 -90
- package/src/entities/data/__generated__/component-sets/chlid.d.ts +0 -14
- package/src/entities/data/__generated__/component-sets/chlid.mjs +0 -14
- package/src/entities/data/__generated__/component-sets/contextual-floating-button.d.ts +0 -36
- package/src/entities/data/__generated__/component-sets/contextual-floating-button.mjs +0 -36
- package/src/entities/data/__generated__/component-sets/divider.d.ts +0 -23
- package/src/entities/data/__generated__/component-sets/divider.mjs +0 -23
- package/src/entities/data/__generated__/component-sets/floating-action-button.d.ts +0 -13
- package/src/entities/data/__generated__/component-sets/floating-action-button.mjs +0 -13
- package/src/entities/data/__generated__/component-sets/help-bubble.d.ts +0 -35
- package/src/entities/data/__generated__/component-sets/help-bubble.mjs +0 -35
- package/src/entities/data/__generated__/component-sets/list-header.d.ts +0 -24
- package/src/entities/data/__generated__/component-sets/list-header.mjs +0 -24
- package/src/entities/data/__generated__/component-sets/list-item.d.ts +0 -152
- package/src/entities/data/__generated__/component-sets/list-item.mjs +0 -152
- package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.d.ts +0 -26
- package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.mjs +0 -26
- package/src/entities/data/__generated__/component-sets/main-tab-navigation-kr.d.ts +0 -23
- package/src/entities/data/__generated__/component-sets/main-tab-navigation-kr.mjs +0 -23
- package/src/entities/data/__generated__/component-sets/manner-temp-badge.d.ts +0 -21
- package/src/entities/data/__generated__/component-sets/manner-temp-badge.mjs +0 -21
- package/src/entities/data/__generated__/component-sets/manner-temp.d.ts +0 -21
- package/src/entities/data/__generated__/component-sets/manner-temp.mjs +0 -21
- package/src/entities/data/__generated__/component-sets/menu-sheet.d.ts +0 -36
- package/src/entities/data/__generated__/component-sets/menu-sheet.mjs +0 -36
- package/src/entities/data/__generated__/component-sets/multiline-text-field.d.ts +0 -68
- package/src/entities/data/__generated__/component-sets/multiline-text-field.mjs +0 -68
- package/src/entities/data/__generated__/component-sets/page-banner.d.ts +0 -50
- package/src/entities/data/__generated__/component-sets/page-banner.mjs +0 -50
- package/src/entities/data/__generated__/component-sets/progress-circle.d.ts +0 -32
- package/src/entities/data/__generated__/component-sets/progress-circle.mjs +0 -32
- package/src/entities/data/__generated__/component-sets/radio-mark.d.ts +0 -35
- package/src/entities/data/__generated__/component-sets/radio-mark.mjs +0 -35
- package/src/entities/data/__generated__/component-sets/radio.d.ts +0 -45
- package/src/entities/data/__generated__/component-sets/radio.mjs +0 -45
- package/src/entities/data/__generated__/component-sets/range-slider.d.ts +0 -31
- package/src/entities/data/__generated__/component-sets/range-slider.mjs +0 -31
- package/src/entities/data/__generated__/component-sets/reaction-button.d.ts +0 -42
- package/src/entities/data/__generated__/component-sets/reaction-button.mjs +0 -42
- package/src/entities/data/__generated__/component-sets/resizable-child.d.ts +0 -18
- package/src/entities/data/__generated__/component-sets/resizable-child.mjs +0 -18
- package/src/entities/data/__generated__/component-sets/resizable-icon.d.ts +0 -18
- package/src/entities/data/__generated__/component-sets/resizable-icon.mjs +0 -18
- package/src/entities/data/__generated__/component-sets/segmented-control.d.ts +0 -14
- package/src/entities/data/__generated__/component-sets/segmented-control.mjs +0 -14
- package/src/entities/data/__generated__/component-sets/select-box.d.ts +0 -36
- package/src/entities/data/__generated__/component-sets/select-box.mjs +0 -36
- package/src/entities/data/__generated__/component-sets/skeleton.d.ts +0 -22
- package/src/entities/data/__generated__/component-sets/skeleton.mjs +0 -22
- package/src/entities/data/__generated__/component-sets/slider.d.ts +0 -31
- package/src/entities/data/__generated__/component-sets/slider.mjs +0 -31
- package/src/entities/data/__generated__/component-sets/snackbar.d.ts +0 -23
- package/src/entities/data/__generated__/component-sets/snackbar.mjs +0 -23
- package/src/entities/data/__generated__/component-sets/superscript-child.d.ts +0 -18
- package/src/entities/data/__generated__/component-sets/superscript-child.mjs +0 -18
- package/src/entities/data/__generated__/component-sets/switch-mark.d.ts +0 -35
- package/src/entities/data/__generated__/component-sets/switch-mark.mjs +0 -35
- package/src/entities/data/__generated__/component-sets/switch.d.ts +0 -46
- package/src/entities/data/__generated__/component-sets/switch.mjs +0 -46
- package/src/entities/data/__generated__/component-sets/tabs.d.ts +0 -13
- package/src/entities/data/__generated__/component-sets/tabs.mjs +0 -13
- package/src/entities/data/__generated__/component-sets/template-button-group.d.ts +0 -27
- package/src/entities/data/__generated__/component-sets/template-button-group.mjs +0 -27
- package/src/entities/data/__generated__/component-sets/template-chip-group.d.ts +0 -29
- package/src/entities/data/__generated__/component-sets/template-chip-group.mjs +0 -29
- package/src/entities/data/__generated__/component-sets/template-completion.d.ts +0 -28
- package/src/entities/data/__generated__/component-sets/template-completion.mjs +0 -28
- package/src/entities/data/__generated__/component-sets/template-error-state.d.ts +0 -32
- package/src/entities/data/__generated__/component-sets/template-error-state.mjs +0 -32
- package/src/entities/data/__generated__/component-sets/template-select-box-group.d.ts +0 -24
- package/src/entities/data/__generated__/component-sets/template-select-box-group.mjs +0 -24
- package/src/entities/data/__generated__/component-sets/template-top-navigation.d.ts +0 -27
- package/src/entities/data/__generated__/component-sets/template-top-navigation.mjs +0 -27
- package/src/entities/data/__generated__/component-sets/text-field.d.ts +0 -99
- package/src/entities/data/__generated__/component-sets/text-field.mjs +0 -99
- package/src/entities/data/__generated__/component-sets/toggle-button.d.ts +0 -53
- package/src/entities/data/__generated__/component-sets/toggle-button.mjs +0 -53
- package/src/entities/data/__generated__/component-sets/top-navigation.d.ts +0 -42
- package/src/entities/data/__generated__/component-sets/top-navigation.mjs +0 -42
- package/src/entities/data/icons.ts +0 -2770
- package/src/entities/data/styles.ts +0 -294
|
@@ -0,0 +1,296 @@
|
|
|
1
|
+
export const FIGMA_STYLES = [
|
|
2
|
+
{
|
|
3
|
+
"styleType": "FILL",
|
|
4
|
+
"key": "c1cee6b89c357c6a12d020654d73a4490cafdf51",
|
|
5
|
+
"name": "gradient/fade/layer-default/←(to-left)",
|
|
6
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
7
|
+
"remote": false
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
"styleType": "FILL",
|
|
11
|
+
"key": "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
|
|
12
|
+
"name": "gradient/fade/layer-default/→(to-right)",
|
|
13
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
14
|
+
"remote": false
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"styleType": "FILL",
|
|
18
|
+
"key": "826457503b7ee3d472eab91581b1fcd499c47c00",
|
|
19
|
+
"name": "gradient/fade/layer-default/↑(to-top)",
|
|
20
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
21
|
+
"remote": false
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"styleType": "FILL",
|
|
25
|
+
"key": "408cb970f1de672217f452152b0398a4bb4f4e12",
|
|
26
|
+
"name": "gradient/fade/layer-default/↓(to-bottom)",
|
|
27
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
28
|
+
"remote": false
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"styleType": "FILL",
|
|
32
|
+
"key": "df22450a8f8e9c323baf40d8981920d1b6376cbf",
|
|
33
|
+
"name": "gradient/fade/layer-floating/←(to-left)",
|
|
34
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
35
|
+
"remote": false
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"styleType": "FILL",
|
|
39
|
+
"key": "063c0dc05b438ac36499492e783520a722782d74",
|
|
40
|
+
"name": "gradient/fade/layer-floating/→(to-right)",
|
|
41
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
42
|
+
"remote": false
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"styleType": "FILL",
|
|
46
|
+
"key": "46186d7dd037e8e54983ee6677cf7915790d84cc",
|
|
47
|
+
"name": "gradient/fade/layer-floating/↑(to-top)",
|
|
48
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
49
|
+
"remote": false
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"styleType": "FILL",
|
|
53
|
+
"key": "b28d9c9adc816fdd4ecec3a0b3e25d8aec802b6a",
|
|
54
|
+
"name": "gradient/fade/layer-floating/↓(to-bottom)",
|
|
55
|
+
"description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
|
|
56
|
+
"remote": false
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"styleType": "FILL",
|
|
60
|
+
"key": "353baa82e0440385eb121cd0ae98d2fcb1a70b18",
|
|
61
|
+
"name": "gradient/glow/magic",
|
|
62
|
+
"description": "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다.",
|
|
63
|
+
"remote": false
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"styleType": "FILL",
|
|
67
|
+
"key": "f83f54c1840aaf26742629e2c696c363b8df0a82",
|
|
68
|
+
"name": "gradient/glow/magic-pressed",
|
|
69
|
+
"description": "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다.",
|
|
70
|
+
"remote": false
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"styleType": "FILL",
|
|
74
|
+
"key": "1101a7c6a505d97904c3a0ce6a9ee17fe15de879",
|
|
75
|
+
"name": "gradient/highlight/magic",
|
|
76
|
+
"description": "아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다.",
|
|
77
|
+
"remote": false
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"styleType": "FILL",
|
|
81
|
+
"key": "528a3808331ad87aacb47430a59cd32d4410b822",
|
|
82
|
+
"name": "gradient/highlight/magic-pressed",
|
|
83
|
+
"description": "",
|
|
84
|
+
"remote": false
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"styleType": "FILL",
|
|
88
|
+
"key": "2ed61bff1a187f39389698cf63b74d6997aed609",
|
|
89
|
+
"name": "gradient/shimmer/magic",
|
|
90
|
+
"description": "Skeleton AI shimmer",
|
|
91
|
+
"remote": false
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"styleType": "FILL",
|
|
95
|
+
"key": "71971dde923a11c615296a16f8172c0671d5a3a6",
|
|
96
|
+
"name": "gradient/shimmer/neutral",
|
|
97
|
+
"description": "Skeleton shimmer",
|
|
98
|
+
"remote": false
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"styleType": "TEXT",
|
|
102
|
+
"key": "af24f9e7cc90af3bf2a18029dd59ae0646966486",
|
|
103
|
+
"name": "legacy-13-150",
|
|
104
|
+
"description": "13",
|
|
105
|
+
"remote": false
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"styleType": "TEXT",
|
|
109
|
+
"key": "2fec4e47f53f75ea46bee4d740795e099af5472f",
|
|
110
|
+
"name": "scale/legacy-14-150",
|
|
111
|
+
"description": "14",
|
|
112
|
+
"remote": false
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"styleType": "TEXT",
|
|
116
|
+
"key": "337e113e2fafc22ccd5423b3fc7a7da69a6c917c",
|
|
117
|
+
"name": "scale/t1-bold",
|
|
118
|
+
"description": "11",
|
|
119
|
+
"remote": false
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"styleType": "TEXT",
|
|
123
|
+
"key": "49735ed4693e2f7e9d98b6b6e3818f38e2fe77a8",
|
|
124
|
+
"name": "scale/t1-medium",
|
|
125
|
+
"description": "11",
|
|
126
|
+
"remote": false
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"styleType": "TEXT",
|
|
130
|
+
"key": "4d54fb58fa4a63a6ddec973099b4babfbe502849",
|
|
131
|
+
"name": "scale/t1-regular",
|
|
132
|
+
"description": "11",
|
|
133
|
+
"remote": false
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"styleType": "TEXT",
|
|
137
|
+
"key": "6ea6b06312771259d59de265a5ef12cd1dae9102",
|
|
138
|
+
"name": "scale/t10-bold",
|
|
139
|
+
"description": "26",
|
|
140
|
+
"remote": false
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"styleType": "TEXT",
|
|
144
|
+
"key": "8378bd59b14f5682dcaf20110efde4b7a1fb18e3",
|
|
145
|
+
"name": "scale/t2-bold",
|
|
146
|
+
"description": "12",
|
|
147
|
+
"remote": false
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"styleType": "TEXT",
|
|
151
|
+
"key": "2aff06b0ad8be136acbfb3090fa4dde1f9eac48e",
|
|
152
|
+
"name": "scale/t2-medium",
|
|
153
|
+
"description": "12",
|
|
154
|
+
"remote": false
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"styleType": "TEXT",
|
|
158
|
+
"key": "711eaf0bd91b906e108f3508cf7845fc82294b1a",
|
|
159
|
+
"name": "scale/t2-regular",
|
|
160
|
+
"description": "12",
|
|
161
|
+
"remote": false
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"styleType": "TEXT",
|
|
165
|
+
"key": "f749d659a689cbbecbdbb1b559056731234332a3",
|
|
166
|
+
"name": "scale/t3-bold",
|
|
167
|
+
"description": "13",
|
|
168
|
+
"remote": false
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"styleType": "TEXT",
|
|
172
|
+
"key": "96a2f248d201c246587d63eb4d00cb7610897400",
|
|
173
|
+
"name": "scale/t3-medium",
|
|
174
|
+
"description": "13",
|
|
175
|
+
"remote": false
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"styleType": "TEXT",
|
|
179
|
+
"key": "22ead16ee07b342df4a26952bc987f3155988779",
|
|
180
|
+
"name": "scale/t3-regular",
|
|
181
|
+
"description": "13",
|
|
182
|
+
"remote": false
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"styleType": "TEXT",
|
|
186
|
+
"key": "a85ea49c1625319427c047bc206c26e708012030",
|
|
187
|
+
"name": "scale/t4-bold",
|
|
188
|
+
"description": "14",
|
|
189
|
+
"remote": false
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"styleType": "TEXT",
|
|
193
|
+
"key": "2c143ba862b3c1af10a0bd5d2e723bd12e7878ef",
|
|
194
|
+
"name": "scale/t4-medium",
|
|
195
|
+
"description": "14",
|
|
196
|
+
"remote": false
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"styleType": "TEXT",
|
|
200
|
+
"key": "b23d3e206b0244690c19472fd78bfc33b9b46d06",
|
|
201
|
+
"name": "scale/t4-regular",
|
|
202
|
+
"description": "14",
|
|
203
|
+
"remote": false
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"styleType": "TEXT",
|
|
207
|
+
"key": "8eff229c53f06eeb418f39ad1cb3dbe12480f12b",
|
|
208
|
+
"name": "scale/t5-bold",
|
|
209
|
+
"description": "16",
|
|
210
|
+
"remote": false
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"styleType": "TEXT",
|
|
214
|
+
"key": "bc8bcf3caa904cdc2e1c2983d0f12d32832d7374",
|
|
215
|
+
"name": "scale/t5-medium",
|
|
216
|
+
"description": "16",
|
|
217
|
+
"remote": false
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"styleType": "TEXT",
|
|
221
|
+
"key": "54a5a4c2bfc09573fba3a8efe0dafff067cf53bd",
|
|
222
|
+
"name": "scale/t5-regular",
|
|
223
|
+
"description": "16",
|
|
224
|
+
"remote": false
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"styleType": "TEXT",
|
|
228
|
+
"key": "adf921a56e89b5737a6b626034cfea184e828370",
|
|
229
|
+
"name": "scale/t6-bold",
|
|
230
|
+
"description": "18",
|
|
231
|
+
"remote": false
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"styleType": "TEXT",
|
|
235
|
+
"key": "02ee25a9050a9c78dbaa03ea006aa4d1db593e99",
|
|
236
|
+
"name": "scale/t6-medium",
|
|
237
|
+
"description": "18",
|
|
238
|
+
"remote": false
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"styleType": "TEXT",
|
|
242
|
+
"key": "6608eaab965859080a5effa6e23eb857d888057f",
|
|
243
|
+
"name": "scale/t6-regular",
|
|
244
|
+
"description": "18",
|
|
245
|
+
"remote": false
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"styleType": "TEXT",
|
|
249
|
+
"key": "182d9252d7f7380075915a89e6160d7595124bc3",
|
|
250
|
+
"name": "scale/t7-bold",
|
|
251
|
+
"description": "20",
|
|
252
|
+
"remote": false
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"styleType": "TEXT",
|
|
256
|
+
"key": "b2e24640e7dc1264fc638434511c9f994e1e149c",
|
|
257
|
+
"name": "scale/t7-medium",
|
|
258
|
+
"description": "20",
|
|
259
|
+
"remote": false
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"styleType": "TEXT",
|
|
263
|
+
"key": "eb1c0409582609a51fe9afc9e31301d529e3d12f",
|
|
264
|
+
"name": "scale/t7-regular",
|
|
265
|
+
"description": "20",
|
|
266
|
+
"remote": false
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"styleType": "TEXT",
|
|
270
|
+
"key": "b7f864e3f64524a863d38729e2cea18f44c7ebaa",
|
|
271
|
+
"name": "scale/t8-bold",
|
|
272
|
+
"description": "22",
|
|
273
|
+
"remote": false
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"styleType": "TEXT",
|
|
277
|
+
"key": "b146e1317c67db787834f1890493225bdbba4e48",
|
|
278
|
+
"name": "scale/t9-bold",
|
|
279
|
+
"description": "24",
|
|
280
|
+
"remote": false
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"styleType": "TEXT",
|
|
284
|
+
"key": "85422ef9f0230f821f1a9e6d2f8f86b3ba87f20d",
|
|
285
|
+
"name": "semantic/article-body",
|
|
286
|
+
"description": "16",
|
|
287
|
+
"remote": false
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"styleType": "TEXT",
|
|
291
|
+
"key": "d918eb7069e10c8dd745abf40bc375004c1badb8",
|
|
292
|
+
"name": "semantic/screen-title",
|
|
293
|
+
"description": "26",
|
|
294
|
+
"remote": false
|
|
295
|
+
}
|
|
296
|
+
];
|
|
@@ -43,13 +43,13 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
43
43
|
"VariableID:1:155",
|
|
44
44
|
"VariableID:1:156",
|
|
45
45
|
"VariableID:1:164",
|
|
46
|
-
"VariableID:1:157",
|
|
47
46
|
"VariableID:1:165",
|
|
47
|
+
"VariableID:1:157",
|
|
48
|
+
"VariableID:1:171",
|
|
48
49
|
"VariableID:238:17662",
|
|
49
50
|
"VariableID:17544:4057",
|
|
50
|
-
"VariableID:1:171",
|
|
51
|
-
"VariableID:670:2700",
|
|
52
51
|
"VariableID:41186:6437",
|
|
52
|
+
"VariableID:670:2700",
|
|
53
53
|
"VariableID:1:158",
|
|
54
54
|
"VariableID:1:172",
|
|
55
55
|
"VariableID:1:161",
|
|
@@ -80,6 +80,7 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
80
80
|
"VariableID:1:145",
|
|
81
81
|
"VariableID:36736:116984",
|
|
82
82
|
"VariableID:41629:12187",
|
|
83
|
+
"VariableID:33327:83273",
|
|
83
84
|
"VariableID:1:167",
|
|
84
85
|
"VariableID:764:14294",
|
|
85
86
|
"VariableID:1:170",
|
|
@@ -125,12 +126,12 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
125
126
|
"VariableID:14609:41563",
|
|
126
127
|
"VariableID:29453:35711",
|
|
127
128
|
"VariableID:12548:1440",
|
|
128
|
-
"VariableID:12548:1441",
|
|
129
129
|
"VariableID:29453:35712",
|
|
130
|
+
"VariableID:12548:1441",
|
|
130
131
|
"VariableID:12548:1442",
|
|
131
132
|
"VariableID:12548:1443",
|
|
132
|
-
"VariableID:1:21",
|
|
133
133
|
"VariableID:12548:1444",
|
|
134
|
+
"VariableID:1:21",
|
|
134
135
|
"VariableID:12548:1445",
|
|
135
136
|
"VariableID:1:30",
|
|
136
137
|
"VariableID:1883:92912",
|
|
@@ -236,8 +237,8 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
|
|
|
236
237
|
"VariableID:29913:8440",
|
|
237
238
|
"VariableID:29917:289",
|
|
238
239
|
"VariableID:29917:362",
|
|
239
|
-
"VariableID:29917:5084",
|
|
240
240
|
"VariableID:30009:40284",
|
|
241
|
+
"VariableID:29917:5084",
|
|
241
242
|
"VariableID:30009:40393",
|
|
242
243
|
"VariableID:30021:1313",
|
|
243
244
|
"VariableID:30023:1876",
|
|
@@ -600,6 +600,35 @@ export const FIGMA_VARIABLES = {
|
|
|
600
600
|
],
|
|
601
601
|
"codeSyntax": {}
|
|
602
602
|
},
|
|
603
|
+
"VariableID:33327:83273": {
|
|
604
|
+
"name": "bg/magic-weak",
|
|
605
|
+
"id": "VariableID:33327:83273",
|
|
606
|
+
"remote": false,
|
|
607
|
+
"key": "9c88d02839ad4edcd4d8d932e4efef7c738cf1e6",
|
|
608
|
+
"variableCollectionId": "VariableCollectionId:1:3",
|
|
609
|
+
"resolvedType": "COLOR",
|
|
610
|
+
"description": "",
|
|
611
|
+
"hiddenFromPublishing": false,
|
|
612
|
+
"valuesByMode": {
|
|
613
|
+
"1928:7": {
|
|
614
|
+
"r": 0.9764705896377563,
|
|
615
|
+
"g": 0.9490196108818054,
|
|
616
|
+
"b": 0.9333333373069763,
|
|
617
|
+
"a": 1
|
|
618
|
+
},
|
|
619
|
+
"1928:8": {
|
|
620
|
+
"r": 0.125490203499794,
|
|
621
|
+
"g": 0.12156862765550613,
|
|
622
|
+
"b": 0.12156862765550613,
|
|
623
|
+
"a": 1
|
|
624
|
+
}
|
|
625
|
+
},
|
|
626
|
+
"scopes": [
|
|
627
|
+
"ALL_SCOPES"
|
|
628
|
+
],
|
|
629
|
+
"codeSyntax": {},
|
|
630
|
+
"deletedButReferenced": true
|
|
631
|
+
},
|
|
603
632
|
"VariableID:1:159": {
|
|
604
633
|
"name": "bg/neutral-inverted",
|
|
605
634
|
"id": "VariableID:1:159",
|
package/src/entities/index.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createStaticIconRepository } from "./icon.repository";
|
|
2
|
-
import { FIGMA_ICONS } from "./data/icons";
|
|
3
|
-
import {
|
|
2
|
+
import { FIGMA_ICONS } from "./data/__generated__/icons";
|
|
3
|
+
import { FIGMA_STYLES } from "./data/__generated__/styles";
|
|
4
4
|
import { FIGMA_VARIABLE_COLLECTIONS } from "./data/__generated__/variable-collections";
|
|
5
5
|
import { FIGMA_VARIABLES } from "./data/__generated__/variables";
|
|
6
6
|
import * as FIGMA_COMPONENTS from "./data/__generated__/component-sets";
|
|
@@ -20,10 +20,7 @@ export * from "./variable.service";
|
|
|
20
20
|
export * from "./component.interface";
|
|
21
21
|
export * from "./component.repository";
|
|
22
22
|
|
|
23
|
-
export const styleRepository = createStaticStyleRepository(
|
|
24
|
-
...FIGMA_TEXT_STYLES,
|
|
25
|
-
...FIGMA_FILL_STYLES,
|
|
26
|
-
]);
|
|
23
|
+
export const styleRepository = createStaticStyleRepository(FIGMA_STYLES);
|
|
27
24
|
export const variableRepository = createStaticVariableRepository({
|
|
28
25
|
variables: FIGMA_VARIABLES,
|
|
29
26
|
variableCollections: FIGMA_VARIABLE_COLLECTIONS,
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
export declare const metadata: {
|
|
2
|
-
"name": "🟢 Action Button",
|
|
3
|
-
"key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Label#5987:61": {
|
|
6
|
-
"type": "TEXT"
|
|
7
|
-
},
|
|
8
|
-
"Suffix Icon#5987:244": {
|
|
9
|
-
"type": "INSTANCE_SWAP",
|
|
10
|
-
"preferredValues": []
|
|
11
|
-
},
|
|
12
|
-
"Prefix Icon#5987:305": {
|
|
13
|
-
"type": "INSTANCE_SWAP",
|
|
14
|
-
"preferredValues": []
|
|
15
|
-
},
|
|
16
|
-
"Icon#7574:0": {
|
|
17
|
-
"type": "INSTANCE_SWAP",
|
|
18
|
-
"preferredValues": []
|
|
19
|
-
},
|
|
20
|
-
"Size": {
|
|
21
|
-
"type": "VARIANT",
|
|
22
|
-
"variantOptions": [
|
|
23
|
-
"XSmall",
|
|
24
|
-
"Small",
|
|
25
|
-
"Medium",
|
|
26
|
-
"Large"
|
|
27
|
-
]
|
|
28
|
-
},
|
|
29
|
-
"Layout": {
|
|
30
|
-
"type": "VARIANT",
|
|
31
|
-
"variantOptions": [
|
|
32
|
-
"Text Only",
|
|
33
|
-
"Icon First",
|
|
34
|
-
"Icon Last",
|
|
35
|
-
"Icon Only"
|
|
36
|
-
]
|
|
37
|
-
},
|
|
38
|
-
"Variant": {
|
|
39
|
-
"type": "VARIANT",
|
|
40
|
-
"variantOptions": [
|
|
41
|
-
"Neutral Solid",
|
|
42
|
-
"Neutral Weak",
|
|
43
|
-
"Neutral Outline",
|
|
44
|
-
"Brand Solid",
|
|
45
|
-
"Brand Outline",
|
|
46
|
-
"Critical Solid"
|
|
47
|
-
]
|
|
48
|
-
},
|
|
49
|
-
"State": {
|
|
50
|
-
"type": "VARIANT",
|
|
51
|
-
"variantOptions": [
|
|
52
|
-
"Enabled",
|
|
53
|
-
"Pressed",
|
|
54
|
-
"Loading",
|
|
55
|
-
"Disabled"
|
|
56
|
-
]
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
export const metadata = {
|
|
2
|
-
"name": "🟢 Action Button",
|
|
3
|
-
"key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Label#5987:61": {
|
|
6
|
-
"type": "TEXT"
|
|
7
|
-
},
|
|
8
|
-
"Suffix Icon#5987:244": {
|
|
9
|
-
"type": "INSTANCE_SWAP",
|
|
10
|
-
"preferredValues": []
|
|
11
|
-
},
|
|
12
|
-
"Prefix Icon#5987:305": {
|
|
13
|
-
"type": "INSTANCE_SWAP",
|
|
14
|
-
"preferredValues": []
|
|
15
|
-
},
|
|
16
|
-
"Icon#7574:0": {
|
|
17
|
-
"type": "INSTANCE_SWAP",
|
|
18
|
-
"preferredValues": []
|
|
19
|
-
},
|
|
20
|
-
"Size": {
|
|
21
|
-
"type": "VARIANT",
|
|
22
|
-
"variantOptions": [
|
|
23
|
-
"XSmall",
|
|
24
|
-
"Small",
|
|
25
|
-
"Medium",
|
|
26
|
-
"Large"
|
|
27
|
-
]
|
|
28
|
-
},
|
|
29
|
-
"Layout": {
|
|
30
|
-
"type": "VARIANT",
|
|
31
|
-
"variantOptions": [
|
|
32
|
-
"Text Only",
|
|
33
|
-
"Icon First",
|
|
34
|
-
"Icon Last",
|
|
35
|
-
"Icon Only"
|
|
36
|
-
]
|
|
37
|
-
},
|
|
38
|
-
"Variant": {
|
|
39
|
-
"type": "VARIANT",
|
|
40
|
-
"variantOptions": [
|
|
41
|
-
"Neutral Solid",
|
|
42
|
-
"Neutral Weak",
|
|
43
|
-
"Neutral Outline",
|
|
44
|
-
"Brand Solid",
|
|
45
|
-
"Brand Outline",
|
|
46
|
-
"Critical Solid"
|
|
47
|
-
]
|
|
48
|
-
},
|
|
49
|
-
"State": {
|
|
50
|
-
"type": "VARIANT",
|
|
51
|
-
"variantOptions": [
|
|
52
|
-
"Enabled",
|
|
53
|
-
"Pressed",
|
|
54
|
-
"Loading",
|
|
55
|
-
"Disabled"
|
|
56
|
-
]
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export declare const metadata: {
|
|
2
|
-
"name": "🟢 Alert Dialog",
|
|
3
|
-
"key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Title Text#20361:0": {
|
|
6
|
-
"type": "TEXT"
|
|
7
|
-
},
|
|
8
|
-
"Description Text#20361:7": {
|
|
9
|
-
"type": "TEXT"
|
|
10
|
-
},
|
|
11
|
-
"Show Title#20361:14": {
|
|
12
|
-
"type": "BOOLEAN"
|
|
13
|
-
},
|
|
14
|
-
"Layout": {
|
|
15
|
-
"type": "VARIANT",
|
|
16
|
-
"variantOptions": [
|
|
17
|
-
"Single",
|
|
18
|
-
"Neutral",
|
|
19
|
-
"Neutral (Overflow)",
|
|
20
|
-
"Critical",
|
|
21
|
-
"Critical (Overflow)",
|
|
22
|
-
"Nonpreferred"
|
|
23
|
-
]
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export const metadata = {
|
|
2
|
-
"name": "🟢 Alert Dialog",
|
|
3
|
-
"key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Title Text#20361:0": {
|
|
6
|
-
"type": "TEXT"
|
|
7
|
-
},
|
|
8
|
-
"Description Text#20361:7": {
|
|
9
|
-
"type": "TEXT"
|
|
10
|
-
},
|
|
11
|
-
"Show Title#20361:14": {
|
|
12
|
-
"type": "BOOLEAN"
|
|
13
|
-
},
|
|
14
|
-
"Layout": {
|
|
15
|
-
"type": "VARIANT",
|
|
16
|
-
"variantOptions": [
|
|
17
|
-
"Single",
|
|
18
|
-
"Neutral",
|
|
19
|
-
"Neutral (Overflow)",
|
|
20
|
-
"Critical",
|
|
21
|
-
"Critical (Overflow)",
|
|
22
|
-
"Nonpreferred"
|
|
23
|
-
]
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export declare const metadata: {
|
|
2
|
-
"name": "🟢 Avatar Stack",
|
|
3
|
-
"key": "e8e91e01000d878742c55cd6e44b6786460440f7",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Size": {
|
|
6
|
-
"type": "VARIANT",
|
|
7
|
-
"variantOptions": [
|
|
8
|
-
"20",
|
|
9
|
-
"24",
|
|
10
|
-
"36",
|
|
11
|
-
"42",
|
|
12
|
-
"48",
|
|
13
|
-
"64",
|
|
14
|
-
"80",
|
|
15
|
-
"96",
|
|
16
|
-
"108"
|
|
17
|
-
]
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export const metadata = {
|
|
2
|
-
"name": "🟢 Avatar Stack",
|
|
3
|
-
"key": "e8e91e01000d878742c55cd6e44b6786460440f7",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Size": {
|
|
6
|
-
"type": "VARIANT",
|
|
7
|
-
"variantOptions": [
|
|
8
|
-
"20",
|
|
9
|
-
"24",
|
|
10
|
-
"36",
|
|
11
|
-
"42",
|
|
12
|
-
"48",
|
|
13
|
-
"64",
|
|
14
|
-
"80",
|
|
15
|
-
"96",
|
|
16
|
-
"108"
|
|
17
|
-
]
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export declare const metadata: {
|
|
2
|
-
"name": "🟢 Avatar",
|
|
3
|
-
"key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Has Image Contents#33407:0": {
|
|
6
|
-
"type": "BOOLEAN"
|
|
7
|
-
},
|
|
8
|
-
"Size": {
|
|
9
|
-
"type": "VARIANT",
|
|
10
|
-
"variantOptions": [
|
|
11
|
-
"20",
|
|
12
|
-
"24",
|
|
13
|
-
"36",
|
|
14
|
-
"42",
|
|
15
|
-
"48",
|
|
16
|
-
"64",
|
|
17
|
-
"80",
|
|
18
|
-
"96",
|
|
19
|
-
"108"
|
|
20
|
-
]
|
|
21
|
-
},
|
|
22
|
-
"Badge": {
|
|
23
|
-
"type": "VARIANT",
|
|
24
|
-
"variantOptions": [
|
|
25
|
-
"None",
|
|
26
|
-
"Circle",
|
|
27
|
-
"Shield",
|
|
28
|
-
"Flower"
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export const metadata = {
|
|
2
|
-
"name": "🟢 Avatar",
|
|
3
|
-
"key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
|
|
4
|
-
"componentPropertyDefinitions": {
|
|
5
|
-
"Has Image Contents#33407:0": {
|
|
6
|
-
"type": "BOOLEAN"
|
|
7
|
-
},
|
|
8
|
-
"Size": {
|
|
9
|
-
"type": "VARIANT",
|
|
10
|
-
"variantOptions": [
|
|
11
|
-
"20",
|
|
12
|
-
"24",
|
|
13
|
-
"36",
|
|
14
|
-
"42",
|
|
15
|
-
"48",
|
|
16
|
-
"64",
|
|
17
|
-
"80",
|
|
18
|
-
"96",
|
|
19
|
-
"108"
|
|
20
|
-
]
|
|
21
|
-
},
|
|
22
|
-
"Badge": {
|
|
23
|
-
"type": "VARIANT",
|
|
24
|
-
"variantOptions": [
|
|
25
|
-
"None",
|
|
26
|
-
"Circle",
|
|
27
|
-
"Shield",
|
|
28
|
-
"Flower"
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
};
|