@seed-design/figma 0.1.7 → 0.1.9

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 (166) hide show
  1. package/lib/codegen/index.cjs +773 -660
  2. package/lib/codegen/index.d.ts +725 -625
  3. package/lib/codegen/index.d.ts.map +1 -1
  4. package/lib/codegen/index.js +773 -660
  5. package/lib/codegen/targets/react/index.cjs +1242 -1226
  6. package/lib/codegen/targets/react/index.d.ts +22 -11
  7. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  8. package/lib/codegen/targets/react/index.js +1242 -1226
  9. package/lib/index.cjs +899 -671
  10. package/lib/index.d.ts +3 -1
  11. package/lib/index.d.ts.map +1 -1
  12. package/lib/index.js +899 -671
  13. package/package.json +3 -3
  14. package/src/codegen/component-properties.ts +289 -144
  15. package/src/codegen/core/component-handler.ts +9 -3
  16. package/src/codegen/core/jsx.ts +7 -2
  17. package/src/codegen/core/value-resolver.ts +35 -21
  18. package/src/codegen/targets/figma/pipeline.ts +4 -2
  19. package/src/codegen/targets/figma/value-resolver.ts +38 -2
  20. package/src/codegen/targets/react/component/handlers/action-button.ts +69 -5
  21. package/src/codegen/targets/react/component/handlers/alert-dialog.ts +81 -0
  22. package/src/codegen/targets/react/component/handlers/app-bar.ts +93 -128
  23. package/src/codegen/targets/react/component/handlers/avatar.ts +17 -8
  24. package/src/codegen/targets/react/component/handlers/badge.ts +0 -1
  25. package/src/codegen/targets/react/component/handlers/bottom-sheet.ts +71 -0
  26. package/src/codegen/targets/react/component/handlers/callout.ts +13 -17
  27. package/src/codegen/targets/react/component/handlers/chip.ts +88 -0
  28. package/src/codegen/targets/react/component/handlers/contextual-floating-button.ts +52 -0
  29. package/src/codegen/targets/react/component/handlers/divider.ts +19 -0
  30. package/src/codegen/targets/react/component/handlers/error-state.ts +26 -23
  31. package/src/codegen/targets/react/component/handlers/floating-action-button.ts +48 -0
  32. package/src/codegen/targets/react/component/handlers/help-bubble.ts +4 -5
  33. package/src/codegen/targets/react/component/handlers/identity-placeholder.ts +7 -4
  34. package/src/codegen/targets/react/component/handlers/inline-banner.ts +7 -14
  35. package/src/codegen/targets/react/component/handlers/manner-temp.ts +18 -0
  36. package/src/codegen/targets/react/component/handlers/menu-sheet.ts +106 -0
  37. package/src/codegen/targets/react/component/handlers/multiline-text-field.ts +1 -1
  38. package/src/codegen/targets/react/component/handlers/progress-circle.ts +3 -1
  39. package/src/codegen/targets/react/component/handlers/segmented-control.ts +4 -2
  40. package/src/codegen/targets/react/component/handlers/select-box.ts +11 -8
  41. package/src/codegen/targets/react/component/handlers/snackbar.ts +2 -2
  42. package/src/codegen/targets/react/component/handlers/switch.ts +2 -7
  43. package/src/codegen/targets/react/component/handlers/tabs.ts +8 -125
  44. package/src/codegen/targets/react/component/index.ts +22 -19
  45. package/src/codegen/targets/react/instance.ts +1 -1
  46. package/src/codegen/targets/react/pipeline.ts +4 -2
  47. package/src/codegen/targets/react/props.ts +16 -9
  48. package/src/codegen/targets/react/value-resolver.ts +38 -3
  49. package/src/entities/data/__generated__/component-sets/action-button.d.ts +5 -5
  50. package/src/entities/data/__generated__/component-sets/action-button.mjs +5 -5
  51. package/src/entities/data/__generated__/component-sets/alert-dialog.d.ts +26 -0
  52. package/src/entities/data/__generated__/component-sets/alert-dialog.mjs +26 -0
  53. package/src/entities/data/__generated__/component-sets/avatar-stack.d.ts +5 -18
  54. package/src/entities/data/__generated__/component-sets/avatar-stack.mjs +5 -18
  55. package/src/entities/data/__generated__/component-sets/avatar.d.ts +11 -5
  56. package/src/entities/data/__generated__/component-sets/avatar.mjs +11 -5
  57. package/src/entities/data/__generated__/component-sets/badge.d.ts +0 -7
  58. package/src/entities/data/__generated__/component-sets/badge.mjs +0 -7
  59. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.d.ts +3 -0
  60. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.mjs +3 -0
  61. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.d.ts +3 -0
  62. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.mjs +3 -0
  63. package/src/entities/data/__generated__/component-sets/bottom-sheet.d.ts +53 -4
  64. package/src/entities/data/__generated__/component-sets/bottom-sheet.mjs +53 -4
  65. package/src/entities/data/__generated__/component-sets/callout.d.ts +13 -22
  66. package/src/entities/data/__generated__/component-sets/callout.mjs +13 -22
  67. package/src/entities/data/__generated__/component-sets/checkbox.d.ts +3 -3
  68. package/src/entities/data/__generated__/component-sets/checkbox.mjs +3 -3
  69. package/src/entities/data/__generated__/component-sets/checkmark.d.ts +34 -0
  70. package/src/entities/data/__generated__/component-sets/checkmark.mjs +34 -0
  71. package/src/entities/data/__generated__/component-sets/chip.d.ts +90 -0
  72. package/src/entities/data/__generated__/component-sets/chip.mjs +90 -0
  73. package/src/entities/data/__generated__/component-sets/chlid.d.ts +14 -0
  74. package/src/entities/data/__generated__/component-sets/chlid.mjs +14 -0
  75. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.d.ts → contextual-floating-button.d.ts} +12 -10
  76. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.mjs → contextual-floating-button.mjs} +12 -10
  77. package/src/entities/data/__generated__/component-sets/floating-action-button.d.ts +4 -8
  78. package/src/entities/data/__generated__/component-sets/floating-action-button.mjs +4 -8
  79. package/src/entities/data/__generated__/component-sets/help-bubble.d.ts +3 -10
  80. package/src/entities/data/__generated__/component-sets/help-bubble.mjs +3 -10
  81. package/src/entities/data/__generated__/component-sets/index.d.ts +13 -13
  82. package/src/entities/data/__generated__/component-sets/index.mjs +13 -13
  83. package/src/entities/data/__generated__/component-sets/inline-banner.d.ts +3 -3
  84. package/src/entities/data/__generated__/component-sets/inline-banner.mjs +3 -3
  85. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.d.ts +2 -2
  86. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.mjs +2 -2
  87. package/src/entities/data/__generated__/component-sets/manner-temp-badge.d.ts +2 -2
  88. package/src/entities/data/__generated__/component-sets/manner-temp-badge.mjs +2 -2
  89. package/src/entities/data/__generated__/component-sets/manner-temp.d.ts +2 -2
  90. package/src/entities/data/__generated__/component-sets/manner-temp.mjs +2 -2
  91. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.d.ts → menu-sheet.d.ts} +17 -13
  92. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.mjs → menu-sheet.mjs} +17 -13
  93. package/src/entities/data/__generated__/component-sets/multiline-text-field.d.ts +18 -18
  94. package/src/entities/data/__generated__/component-sets/multiline-text-field.mjs +18 -18
  95. package/src/entities/data/__generated__/component-sets/progress-circle.d.ts +2 -1
  96. package/src/entities/data/__generated__/component-sets/progress-circle.mjs +2 -1
  97. package/src/entities/data/__generated__/component-sets/radio-mark.d.ts +34 -0
  98. package/src/entities/data/__generated__/component-sets/radio-mark.mjs +34 -0
  99. package/src/entities/data/__generated__/component-sets/radio.d.ts +2 -2
  100. package/src/entities/data/__generated__/component-sets/radio.mjs +2 -2
  101. package/src/entities/data/__generated__/component-sets/reaction-button.d.ts +6 -6
  102. package/src/entities/data/__generated__/component-sets/reaction-button.mjs +6 -6
  103. package/src/entities/data/__generated__/component-sets/resizable-child.d.ts +18 -0
  104. package/src/entities/data/__generated__/component-sets/resizable-child.mjs +18 -0
  105. package/src/entities/data/__generated__/component-sets/resizable-icon.d.ts +18 -0
  106. package/src/entities/data/__generated__/component-sets/resizable-icon.mjs +18 -0
  107. package/src/entities/data/__generated__/component-sets/select-box.d.ts +4 -4
  108. package/src/entities/data/__generated__/component-sets/select-box.mjs +4 -4
  109. package/src/entities/data/__generated__/component-sets/skeleton.d.ts +7 -0
  110. package/src/entities/data/__generated__/component-sets/skeleton.mjs +7 -0
  111. package/src/entities/data/__generated__/component-sets/snackbar.d.ts +4 -4
  112. package/src/entities/data/__generated__/component-sets/snackbar.mjs +4 -4
  113. package/src/entities/data/__generated__/component-sets/switch.d.ts +15 -6
  114. package/src/entities/data/__generated__/component-sets/switch.mjs +15 -6
  115. package/src/entities/data/__generated__/component-sets/tabs.d.ts +13 -0
  116. package/src/entities/data/__generated__/component-sets/tabs.mjs +13 -0
  117. package/src/entities/data/__generated__/component-sets/template-button-group.d.ts +9 -33
  118. package/src/entities/data/__generated__/component-sets/template-button-group.mjs +9 -33
  119. package/src/entities/data/__generated__/component-sets/template-chip-group.d.ts +15 -12
  120. package/src/entities/data/__generated__/component-sets/template-chip-group.mjs +15 -12
  121. package/src/entities/data/__generated__/component-sets/template-completion.d.ts +28 -0
  122. package/src/entities/data/__generated__/component-sets/template-completion.mjs +28 -0
  123. package/src/entities/data/__generated__/component-sets/{error-state.d.ts → template-error-state.d.ts} +5 -5
  124. package/src/entities/data/__generated__/component-sets/{error-state.mjs → template-error-state.mjs} +5 -5
  125. package/src/entities/data/__generated__/component-sets/template-top-navigation.d.ts +9 -7
  126. package/src/entities/data/__generated__/component-sets/template-top-navigation.mjs +9 -7
  127. package/src/entities/data/__generated__/component-sets/text-field.d.ts +35 -36
  128. package/src/entities/data/__generated__/component-sets/text-field.mjs +35 -36
  129. package/src/entities/data/__generated__/component-sets/toggle-button.d.ts +7 -7
  130. package/src/entities/data/__generated__/component-sets/toggle-button.mjs +7 -7
  131. package/src/entities/data/__generated__/component-sets/top-navigation.d.ts +42 -0
  132. package/src/entities/data/__generated__/component-sets/top-navigation.mjs +42 -0
  133. package/src/entities/data/styles.ts +94 -0
  134. package/src/entities/index.ts +5 -2
  135. package/src/normalizer/from-plugin.ts +104 -44
  136. package/src/normalizer/types.ts +3 -1
  137. package/src/utils/figma-gradient.ts +72 -0
  138. package/src/utils/figma-node.ts +4 -3
  139. package/src/codegen/targets/react/component/handlers/action-chip.ts +0 -72
  140. package/src/codegen/targets/react/component/handlers/action-sheet.ts +0 -82
  141. package/src/codegen/targets/react/component/handlers/chip-tabs.ts +0 -57
  142. package/src/codegen/targets/react/component/handlers/control-chip.ts +0 -81
  143. package/src/codegen/targets/react/component/handlers/extended-action-sheet.ts +0 -98
  144. package/src/codegen/targets/react/component/handlers/extended-fab.ts +0 -25
  145. package/src/codegen/targets/react/component/handlers/fab.ts +0 -22
  146. package/src/codegen/targets/react/component/handlers/text-button.ts +0 -49
  147. package/src/entities/data/__generated__/component-sets/action-chip.d.ts +0 -57
  148. package/src/entities/data/__generated__/component-sets/action-chip.mjs +0 -57
  149. package/src/entities/data/__generated__/component-sets/action-sheet.d.ts +0 -40
  150. package/src/entities/data/__generated__/component-sets/action-sheet.mjs +0 -40
  151. package/src/entities/data/__generated__/component-sets/chip-tablist.d.ts +0 -24
  152. package/src/entities/data/__generated__/component-sets/chip-tablist.mjs +0 -24
  153. package/src/entities/data/__generated__/component-sets/control-chip.d.ts +0 -60
  154. package/src/entities/data/__generated__/component-sets/control-chip.mjs +0 -60
  155. package/src/entities/data/__generated__/component-sets/identity-placeholder.d.ts +0 -13
  156. package/src/entities/data/__generated__/component-sets/identity-placeholder.mjs +0 -13
  157. package/src/entities/data/__generated__/component-sets/manner-temp-bar.d.ts +0 -23
  158. package/src/entities/data/__generated__/component-sets/manner-temp-bar.mjs +0 -23
  159. package/src/entities/data/__generated__/component-sets/standard-navigation.d.ts +0 -23
  160. package/src/entities/data/__generated__/component-sets/standard-navigation.mjs +0 -23
  161. package/src/entities/data/__generated__/component-sets/tablist.d.ts +0 -29
  162. package/src/entities/data/__generated__/component-sets/tablist.mjs +0 -29
  163. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.d.ts +0 -42
  164. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.mjs +0 -42
  165. package/src/entities/data/__generated__/component-sets/text-button.d.ts +0 -45
  166. package/src/entities/data/__generated__/component-sets/text-button.mjs +0 -45
@@ -9,7 +9,9 @@ type NormalizedHasChildrenTrait = {
9
9
  children: NormalizedSceneNode[];
10
10
  };
11
11
  type NormalizedHasLayoutTrait = Pick<FigmaRestSpec.HasLayoutTrait, "layoutAlign" | "layoutGrow" | "absoluteBoundingBox" | "relativeTransform" | "layoutPositioning" | "layoutSizingHorizontal" | "layoutSizingVertical" | "minHeight" | "minWidth" | "maxHeight" | "maxWidth">;
12
- type NormalizedHasGeometryTrait = Pick<FigmaRestSpec.HasGeometryTrait, "fills" | "strokes" | "strokeWeight" | "styles">;
12
+ type NormalizedHasGeometryTrait = Pick<FigmaRestSpec.HasGeometryTrait, "fills" | "strokes" | "strokeWeight" | "styles"> & {
13
+ fillStyleKey?: string;
14
+ };
13
15
  type NormalizedHasFramePropertiesTrait = Pick<FigmaRestSpec.HasFramePropertiesTrait, "layoutMode" | "layoutWrap" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "primaryAxisAlignItems" | "primaryAxisSizingMode" | "counterAxisAlignItems" | "counterAxisSizingMode" | "itemSpacing" | "counterAxisSpacing">;
14
16
  interface NormalizedTextSegment {
15
17
  characters: string;
@@ -122,13 +124,13 @@ declare function createCodeGenerator({ frameTransformer, textTransformer, rectan
122
124
 
123
125
  interface ComponentHandler<T extends NormalizedInstanceNode["componentProperties"] = NormalizedInstanceNode["componentProperties"]> {
124
126
  key: string;
125
- transform: (node: NormalizedInstanceNode & {
127
+ transform: (node: Omit<NormalizedInstanceNode, "componentProperties"> & {
126
128
  componentProperties: T;
127
- }) => ElementNode;
129
+ }, traverse: (node: NormalizedSceneNode) => ElementNode | undefined) => ElementNode;
128
130
  }
129
- declare function defineComponentHandler<T extends NormalizedInstanceNode["componentProperties"]>(key: string, transform: (node: NormalizedInstanceNode & {
131
+ declare function defineComponentHandler<T extends NormalizedInstanceNode["componentProperties"]>(key: string, transform: (node: Omit<NormalizedInstanceNode, "componentProperties"> & {
130
132
  componentProperties: T;
131
- }) => ElementNode): ComponentHandler<T>;
133
+ }, traverse: (node: NormalizedSceneNode) => ElementNode | undefined) => ElementNode): ComponentHandler<T>;
132
134
 
133
135
  interface ComponentPropertyDefinition {
134
136
  type: ComponentPropertyType;
@@ -190,9 +192,9 @@ interface CreatePropsConverterConfig<TTrait extends Record<string, any>, TProps
190
192
  }
191
193
  declare function createPropsConverter<TTrait extends Record<string, any>, TProps extends Record<string, any>, HandlerKeys extends keyof TProps>({ handlers, shorthands, defaults, }: CreatePropsConverterConfig<TTrait, TProps, HandlerKeys>): PropsConverter<TTrait, TProps>;
192
194
 
193
- interface ValueResolver<TColor, TDimension, TFontDimension, TFontWeight> {
195
+ interface ValueResolver<TColor, TGradient, TDimension, TFontDimension, TFontWeight> {
194
196
  getFormattedValue: {
195
- frameFill: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
197
+ frameFill: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | TGradient | undefined;
196
198
  shapeFill: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
197
199
  textFill: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
198
200
  stroke: (node: NormalizedHasGeometryTrait & NormalizedIsLayerTrait) => string | TColor | undefined;
@@ -217,15 +219,18 @@ interface ValueResolver<TColor, TDimension, TFontDimension, TFontWeight> {
217
219
  };
218
220
  getTextStyleValue: (node: NormalizedTypePropertiesTrait & NormalizedIsLayerTrait) => string | undefined;
219
221
  }
220
- interface ValueResolverDeps<TColor, TDimension, TFontDimension, TFontWeight> {
222
+ interface ValueResolverDeps<TColor, TGradient, TDimension, TFontDimension, TFontWeight> {
221
223
  variableService: VariableService;
222
224
  variableNameFormatter: (props: {
223
225
  slug: string[];
224
226
  }) => string;
225
227
  styleService: StyleService;
226
- styleNameFormatter: (props: {
228
+ textStyleNameFormatter: (props: {
227
229
  slug: string[];
228
230
  }) => string;
231
+ fillStyleResolver: (props: {
232
+ slug: string[];
233
+ }) => TGradient | undefined;
229
234
  rawValueFormatters: {
230
235
  color: (value: RGBA) => string | TColor;
231
236
  dimension: (value: number) => string | TDimension;
@@ -234,7 +239,7 @@ interface ValueResolverDeps<TColor, TDimension, TFontDimension, TFontWeight> {
234
239
  };
235
240
  shouldInferVariableName: boolean;
236
241
  }
237
- declare function createValueResolver<TColor, TDimension, TFontDimension, TFontWeight>({ variableService, variableNameFormatter, styleService, styleNameFormatter, rawValueFormatters, shouldInferVariableName, }: ValueResolverDeps<TColor, TDimension, TFontDimension, TFontWeight>): ValueResolver<TColor, TDimension, TFontDimension, TFontWeight>;
242
+ declare function createValueResolver<TColor, TGradient, TDimension, TFontDimension, TFontWeight>({ variableService, variableNameFormatter, styleService, textStyleNameFormatter, fillStyleResolver, rawValueFormatters, shouldInferVariableName, }: ValueResolverDeps<TColor, TGradient, TDimension, TFontDimension, TFontWeight>): ValueResolver<TColor, TGradient, TDimension, TFontDimension, TFontWeight>;
238
243
 
239
244
  interface LayoutProperties {
240
245
  layoutMode?: "NONE" | "HORIZONTAL" | "VERTICAL";
@@ -259,7 +264,40 @@ interface InferResult {
259
264
  type LayoutNode = NormalizedIsLayerTrait & NormalizedHasFramePropertiesTrait & NormalizedHasChildrenTrait & NormalizedHasLayoutTrait;
260
265
  declare function inferLayout(parentNode: LayoutNode): InferResult;
261
266
 
262
- declare const metadata$v: {
267
+ declare const metadata$t: {
268
+ "name": "🔵 [Template] Error State",
269
+ "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
270
+ "componentPropertyDefinitions": {
271
+ "Show Buttons#9080:5": {
272
+ "type": "BOOLEAN"
273
+ },
274
+ "Title#16237:0": {
275
+ "type": "TEXT"
276
+ },
277
+ "Description#16237:5": {
278
+ "type": "TEXT"
279
+ },
280
+ "Secondary Action Label#17042:0": {
281
+ "type": "TEXT"
282
+ },
283
+ "Variant": {
284
+ "type": "VARIANT",
285
+ "variantOptions": [
286
+ "Default",
287
+ "Basement"
288
+ ]
289
+ },
290
+ "Layout": {
291
+ "type": "VARIANT",
292
+ "variantOptions": [
293
+ "With Title",
294
+ "Description Only"
295
+ ]
296
+ }
297
+ }
298
+ };
299
+
300
+ declare const metadata$s: {
263
301
  "name": "🔵 [Template] Select Box Group",
264
302
  "key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
265
303
  "componentPropertyDefinitions": {
@@ -284,25 +322,25 @@ declare const metadata$v: {
284
322
  }
285
323
  };
286
324
 
287
- declare const metadata$u: {
325
+ declare const metadata$r: {
288
326
  "name": "🟢 Action Button",
289
327
  "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
290
328
  "componentPropertyDefinitions": {
329
+ "Label#5987:61": {
330
+ "type": "TEXT"
331
+ },
291
332
  "Suffix Icon#5987:244": {
292
333
  "type": "INSTANCE_SWAP",
293
334
  "preferredValues": []
294
335
  },
295
- "Icon#7574:0": {
336
+ "Prefix Icon#5987:305": {
296
337
  "type": "INSTANCE_SWAP",
297
338
  "preferredValues": []
298
339
  },
299
- "Prefix Icon#5987:305": {
340
+ "Icon#7574:0": {
300
341
  "type": "INSTANCE_SWAP",
301
342
  "preferredValues": []
302
343
  },
303
- "Label#5987:61": {
304
- "type": "TEXT"
305
- },
306
344
  "Size": {
307
345
  "type": "VARIANT",
308
346
  "variantOptions": [
@@ -344,113 +382,38 @@ declare const metadata$u: {
344
382
  }
345
383
  };
346
384
 
347
- declare const metadata$t: {
348
- "name": "🟢 Action Chip",
349
- "key": "3d21594ef116e94a9465d507447b858aea062575",
350
- "componentPropertyDefinitions": {
351
- "Icon#8714:0": {
352
- "type": "INSTANCE_SWAP",
353
- "preferredValues": []
354
- },
355
- "Prefix Icon#8711:0": {
356
- "type": "INSTANCE_SWAP",
357
- "preferredValues": [
358
- {
359
- "type": "COMPONENT_SET",
360
- "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
361
- }
362
- ]
363
- },
364
- "Suffix Icon#8711:3": {
365
- "type": "INSTANCE_SWAP",
366
- "preferredValues": []
367
- },
368
- "Label#7185:0": {
369
- "type": "TEXT"
370
- },
371
- "Show Count#7185:42": {
372
- "type": "BOOLEAN"
373
- },
374
- "Count#7185:21": {
375
- "type": "TEXT"
376
- },
377
- "Size": {
378
- "type": "VARIANT",
379
- "variantOptions": [
380
- "Medium",
381
- "Small"
382
- ]
383
- },
384
- "Layout": {
385
- "type": "VARIANT",
386
- "variantOptions": [
387
- "Text Only",
388
- "Icon First",
389
- "Icon Last",
390
- "Icon Both",
391
- "Icon Only"
392
- ]
393
- },
394
- "State": {
395
- "type": "VARIANT",
396
- "variantOptions": [
397
- "Enabled",
398
- "Pressed",
399
- "Disabled"
400
- ]
401
- }
402
- }
403
- };
404
-
405
- declare const metadata$s: {
406
- "name": "🟢 Action Sheet",
407
- "key": "7c29b70b7e71618e1894c26f61f336de2730d76e",
385
+ declare const metadata$q: {
386
+ "name": "🟢 Alert Dialog",
387
+ "key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
408
388
  "componentPropertyDefinitions": {
409
- "Description#15641:70": {
389
+ "Title Text#20361:0": {
410
390
  "type": "TEXT"
411
391
  },
412
- "Title#15641:37": {
392
+ "Description Text#20361:7": {
413
393
  "type": "TEXT"
414
394
  },
415
- "OS Indicator (Figma Only)#15641:20": {
395
+ "Show Title#20361:14": {
416
396
  "type": "BOOLEAN"
417
397
  },
418
- "Type": {
419
- "type": "VARIANT",
420
- "variantOptions": [
421
- "Normal",
422
- "Destructive"
423
- ]
424
- },
425
- "Header": {
426
- "type": "VARIANT",
427
- "variantOptions": [
428
- "Title Only",
429
- "Description Only",
430
- "Title With Description",
431
- "None"
432
- ]
433
- },
434
- "Action Count": {
398
+ "Layout": {
435
399
  "type": "VARIANT",
436
400
  "variantOptions": [
437
- "1",
438
- "2",
439
- "3",
440
- "4"
401
+ "Single",
402
+ "Neutral",
403
+ "Neutral (Overflow)",
404
+ "Critical",
405
+ "Critical (Overflow)",
406
+ "Nonpreferred"
441
407
  ]
442
408
  }
443
409
  }
444
410
  };
445
411
 
446
- declare const metadata$r: {
412
+ declare const metadata$p: {
447
413
  "name": "🟢 Avatar",
448
- "key": "d71644aeba2e29deda366798fdfe35977166d120",
414
+ "key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
449
415
  "componentPropertyDefinitions": {
450
- "Show Image#71850:57": {
451
- "type": "BOOLEAN"
452
- },
453
- "Show Badge#1398:26": {
416
+ "Has Image Contents#33407:0": {
454
417
  "type": "BOOLEAN"
455
418
  },
456
419
  "Size": {
@@ -465,13 +428,22 @@ declare const metadata$r: {
465
428
  "80",
466
429
  "96"
467
430
  ]
431
+ },
432
+ "Badge": {
433
+ "type": "VARIANT",
434
+ "variantOptions": [
435
+ "None",
436
+ "Circle",
437
+ "Shield",
438
+ "Flower"
439
+ ]
468
440
  }
469
441
  }
470
442
  };
471
443
 
472
- declare const metadata$q: {
444
+ declare const metadata$o: {
473
445
  "name": "🟢 Avatar Stack",
474
- "key": "019467fdad2192abb48699dcfb79e344df04b799",
446
+ "key": "e8e91e01000d878742c55cd6e44b6786460440f7",
475
447
  "componentPropertyDefinitions": {
476
448
  "Size": {
477
449
  "type": "VARIANT",
@@ -479,30 +451,17 @@ declare const metadata$q: {
479
451
  "20",
480
452
  "24",
481
453
  "36",
454
+ "42",
482
455
  "48",
483
- "64"
484
- ]
485
- },
486
- "Item Count": {
487
- "type": "VARIANT",
488
- "variantOptions": [
489
- "2",
490
- "3",
491
- "4",
492
- "5"
493
- ]
494
- },
495
- "Top Item": {
496
- "type": "VARIANT",
497
- "variantOptions": [
498
- "Last Item",
499
- "First Item"
456
+ "64",
457
+ "80",
458
+ "96"
500
459
  ]
501
460
  }
502
461
  }
503
462
  };
504
463
 
505
- declare const metadata$p: {
464
+ declare const metadata$n: {
506
465
  "name": "🟢 Badge",
507
466
  "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
508
467
  "componentPropertyDefinitions": {
@@ -533,37 +492,92 @@ declare const metadata$p: {
533
492
  "Weak",
534
493
  "Outline"
535
494
  ]
536
- },
537
- "Shape": {
538
- "type": "VARIANT",
539
- "variantOptions": [
540
- "Rectangle",
541
- "Pill"
542
- ]
543
495
  }
544
496
  }
545
497
  };
546
498
 
547
- declare const metadata$o: {
548
- "name": "🟢 Callout",
549
- "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
499
+ declare const metadata$m: {
500
+ "name": "🟢 Bottom Sheet",
501
+ "key": "16bafa5d1155896fe18fb6f52f904f5cd2048686",
550
502
  "componentPropertyDefinitions": {
551
- "Show Icon#12598:229": {
503
+ "Title#19787:3": {
504
+ "type": "TEXT"
505
+ },
506
+ "Description#19787:7": {
507
+ "type": "TEXT"
508
+ },
509
+ "Show Close Button#19787:11": {
510
+ "type": "BOOLEAN"
511
+ },
512
+ "Show Footer#25162:14": {
513
+ "type": "BOOLEAN"
514
+ },
515
+ "Show Description#25192:0": {
552
516
  "type": "BOOLEAN"
553
517
  },
554
- "Icon#12598:210": {
518
+ "Contents#25320:0": {
555
519
  "type": "INSTANCE_SWAP",
556
520
  "preferredValues": [
557
521
  {
558
522
  "type": "COMPONENT_SET",
559
- "key": "f2c04b68b0bec4ec9145d832de45947030d3b653"
523
+ "key": "ec1901cb37dc88360ae8fd2b61f71e630fda7924"
524
+ },
525
+ {
526
+ "type": "COMPONENT",
527
+ "key": "5c5369d9c22115fd240d7b75ac2a334e9163ea57"
528
+ },
529
+ {
530
+ "type": "COMPONENT",
531
+ "key": "8670afb7520ac44dfed003e3e9c7cce359897d0c"
532
+ },
533
+ {
534
+ "type": "COMPONENT",
535
+ "key": "e3d337e6eddbe9ec025fe69520c1cff0bd697b60"
536
+ },
537
+ {
538
+ "type": "COMPONENT",
539
+ "key": "0c6c58d5b7a159e7db1a0c1ccf32916ca8a51164"
540
+ },
541
+ {
542
+ "type": "COMPONENT",
543
+ "key": "088624580ee501efed377bb4f42561a387db5699"
560
544
  }
561
545
  ]
562
546
  },
547
+ "Show Safe Area#25488:8": {
548
+ "type": "BOOLEAN"
549
+ },
550
+ "Header Layout": {
551
+ "type": "VARIANT",
552
+ "variantOptions": [
553
+ "Bottom Left",
554
+ "None",
555
+ "Bottom Center",
556
+ "Top Center",
557
+ "Top Left"
558
+ ]
559
+ }
560
+ }
561
+ };
562
+
563
+ declare const metadata$l: {
564
+ "name": "🟢 Callout",
565
+ "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
566
+ "componentPropertyDefinitions": {
567
+ "Prefix Icon#35087:0": {
568
+ "type": "INSTANCE_SWAP",
569
+ "preferredValues": []
570
+ },
571
+ "Show Prefix Icon#35087:1": {
572
+ "type": "BOOLEAN"
573
+ },
574
+ "Pressed#35087:2": {
575
+ "type": "BOOLEAN"
576
+ },
563
577
  "Interaction": {
564
578
  "type": "VARIANT",
565
579
  "variantOptions": [
566
- "Default",
580
+ "Display",
567
581
  "Actionable",
568
582
  "Dismissible"
569
583
  ]
@@ -578,31 +592,24 @@ declare const metadata$o: {
578
592
  "Magic"
579
593
  ]
580
594
  },
581
- "State": {
582
- "type": "VARIANT",
583
- "variantOptions": [
584
- "Enabled",
585
- "Pressed"
586
- ]
587
- },
588
595
  "Show Title": {
589
596
  "type": "VARIANT",
590
597
  "variantOptions": [
591
- "True",
592
- "False"
598
+ "False",
599
+ "True"
593
600
  ]
594
601
  },
595
- "Show Link Label": {
602
+ "Show Link Text": {
596
603
  "type": "VARIANT",
597
604
  "variantOptions": [
598
- "True",
599
- "False"
605
+ "False",
606
+ "True"
600
607
  ]
601
608
  }
602
609
  }
603
610
  };
604
611
 
605
- declare const metadata$n: {
612
+ declare const metadata$k: {
606
613
  "name": "🟢 Checkbox",
607
614
  "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
608
615
  "componentPropertyDefinitions": {
@@ -635,61 +642,25 @@ declare const metadata$n: {
635
642
  "variantOptions": [
636
643
  "Enabled",
637
644
  "Pressed",
645
+ "Disabled",
638
646
  "Selected",
639
647
  "Selected-Pressed",
648
+ "Selected-Disabled",
640
649
  "Indeterminate",
641
650
  "Indeterminate-Pressed",
642
- "Disabled",
643
- "Disabled-Selected",
644
- "Disabled-Indeterminate"
645
- ]
646
- }
647
- }
648
- };
649
-
650
- declare const metadata$m: {
651
- "name": "🟢 Chip Tablist",
652
- "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f",
653
- "componentPropertyDefinitions": {
654
- "Tab Count": {
655
- "type": "VARIANT",
656
- "variantOptions": [
657
- "2",
658
- "3",
659
- "4",
660
- "5",
661
- "6",
662
- "Max"
663
- ]
664
- },
665
- "Variant": {
666
- "type": "VARIANT",
667
- "variantOptions": [
668
- "Neutral Solid",
669
- "Brand Solid"
651
+ "Indeterminate-Disabled"
670
652
  ]
671
653
  }
672
654
  }
673
655
  };
674
656
 
675
- declare const metadata$l: {
676
- "name": "🟢 Control Chip",
677
- "key": "5780d56fc2f9bc4bbd6bc3db93949d8a8b7b7563",
657
+ declare const metadata$j: {
658
+ "name": "🟢 Chip",
659
+ "key": "8156ef08d9aaa2b0de1cc4a113ec0c9d0586f831",
678
660
  "componentPropertyDefinitions": {
679
- "Suffix Icon#8722:82": {
680
- "type": "INSTANCE_SWAP",
681
- "preferredValues": []
682
- },
683
661
  "Label#7185:0": {
684
662
  "type": "TEXT"
685
663
  },
686
- "Show Count#7185:42": {
687
- "type": "BOOLEAN"
688
- },
689
- "Icon#8722:41": {
690
- "type": "INSTANCE_SWAP",
691
- "preferredValues": []
692
- },
693
664
  "Prefix Icon#8722:0": {
694
665
  "type": "INSTANCE_SWAP",
695
666
  "preferredValues": [
@@ -699,172 +670,159 @@ declare const metadata$l: {
699
670
  }
700
671
  ]
701
672
  },
702
- "Count#7185:21": {
703
- "type": "TEXT"
673
+ "Suffix Type#32538:0": {
674
+ "type": "INSTANCE_SWAP",
675
+ "preferredValues": [
676
+ {
677
+ "type": "COMPONENT",
678
+ "key": "27343e0e5ab2c66948e9b10fde03d58b5e037212"
679
+ },
680
+ {
681
+ "type": "COMPONENT",
682
+ "key": "5f0d74c959c49dadf5920b19c6267924982ab130"
683
+ },
684
+ {
685
+ "type": "COMPONENT",
686
+ "key": "a1233c35c4368aba2439d39bc8aedc37cf95bd86"
687
+ },
688
+ {
689
+ "type": "COMPONENT_SET",
690
+ "key": "43b6e51bc372e108a4ee17fbf4c75800d95f4b8c"
691
+ },
692
+ {
693
+ "type": "COMPONENT_SET",
694
+ "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6"
695
+ },
696
+ {
697
+ "type": "COMPONENT_SET",
698
+ "key": "19923052d4152393ecdc6e2f5853ea0359849127"
699
+ }
700
+ ]
701
+ },
702
+ "Has Suffix#32538:181": {
703
+ "type": "BOOLEAN"
704
+ },
705
+ "Variant": {
706
+ "type": "VARIANT",
707
+ "variantOptions": [
708
+ "Solid",
709
+ "Outline Strong",
710
+ "Outline Weak"
711
+ ]
704
712
  },
705
713
  "Size": {
706
714
  "type": "VARIANT",
707
715
  "variantOptions": [
716
+ "Large",
708
717
  "Medium",
709
718
  "Small"
710
719
  ]
711
720
  },
712
- "Layout": {
713
- "type": "VARIANT",
714
- "variantOptions": [
715
- "Text Only",
716
- "Icon First",
717
- "Icon Last",
718
- "Icon Both",
719
- "Icon Only"
720
- ]
721
- },
722
- "State": {
721
+ "State": {
723
722
  "type": "VARIANT",
724
723
  "variantOptions": [
725
724
  "Enabled",
726
725
  "Pressed",
727
- "Selected",
728
- "Selected-Pressed",
729
- "Disabled",
730
- "Disabled-Selected"
731
- ]
732
- }
733
- }
734
- };
735
-
736
- declare const metadata$k: {
737
- "name": "🟢 Error State",
738
- "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
739
- "componentPropertyDefinitions": {
740
- "Secondary Action Label#17042:0": {
741
- "type": "TEXT"
742
- },
743
- "Title#16237:0": {
744
- "type": "TEXT"
745
- },
746
- "Description#16237:5": {
747
- "type": "TEXT"
748
- },
749
- "Show Buttons#9080:5": {
750
- "type": "BOOLEAN"
751
- },
752
- "Variant": {
753
- "type": "VARIANT",
754
- "variantOptions": [
755
- "Default",
756
- "Basement"
757
- ]
758
- },
759
- "Layout": {
760
- "type": "VARIANT",
761
- "variantOptions": [
762
- "With Title",
763
- "Description Only"
726
+ "Disabled"
764
727
  ]
765
- }
766
- }
767
- };
768
-
769
- declare const metadata$j: {
770
- "name": "🟢 Extended Action Sheet",
771
- "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
772
- "componentPropertyDefinitions": {
773
- "Show Title#17043:12": {
774
- "type": "BOOLEAN"
775
- },
776
- "OS Indicator (Figma Only)#81637:129": {
777
- "type": "BOOLEAN"
778
728
  },
779
- "Description#14599:13": {
780
- "type": "TEXT"
781
- },
782
- "Title#14599:0": {
783
- "type": "TEXT"
784
- },
785
- "Type": {
729
+ "Selected": {
786
730
  "type": "VARIANT",
787
731
  "variantOptions": [
788
- "Normal",
789
- "Destructive"
732
+ "False",
733
+ "True"
790
734
  ]
791
735
  },
792
- "Action Group Count": {
736
+ "Prefix Type": {
793
737
  "type": "VARIANT",
794
738
  "variantOptions": [
795
- "1",
796
- "2"
739
+ "None",
740
+ "Icon",
741
+ "Avatar",
742
+ "Image"
797
743
  ]
798
744
  }
799
745
  }
800
746
  };
801
747
 
802
748
  declare const metadata$i: {
803
- "name": "🟢 Extended Floating Action Button",
749
+ "name": "🟢 Contextual Floating Button",
804
750
  "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
805
751
  "componentPropertyDefinitions": {
806
- "Label#28936:0": {
807
- "type": "TEXT"
808
- },
809
752
  "Icon#28796:0": {
810
753
  "type": "INSTANCE_SWAP",
811
754
  "preferredValues": []
812
755
  },
813
- "Size": {
756
+ "Label#28936:0": {
757
+ "type": "TEXT"
758
+ },
759
+ "Layout": {
814
760
  "type": "VARIANT",
815
761
  "variantOptions": [
816
- "Small",
817
- "Medium"
762
+ "Icon First",
763
+ "Icon Only"
818
764
  ]
819
765
  },
820
766
  "Variant": {
821
767
  "type": "VARIANT",
822
768
  "variantOptions": [
823
- "Neutral Solid",
824
- "Layer Floating"
769
+ "Solid",
770
+ "Layer"
825
771
  ]
826
772
  },
827
773
  "State": {
828
774
  "type": "VARIANT",
829
775
  "variantOptions": [
830
776
  "Enabled",
831
- "Pressed"
777
+ "Pressed",
778
+ "Loading",
779
+ "Disabled"
832
780
  ]
833
781
  }
834
782
  }
835
783
  };
836
784
 
837
785
  declare const metadata$h: {
838
- "name": "🟢 Floating Action Button",
839
- "key": "1974b94703032585bb9e20bd54743e01094b965c",
786
+ "name": "🟢 Divider",
787
+ "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
840
788
  "componentPropertyDefinitions": {
841
- "Icon#28796:0": {
842
- "type": "INSTANCE_SWAP",
843
- "preferredValues": []
844
- },
845
- "State": {
789
+ "Tone": {
846
790
  "type": "VARIANT",
847
791
  "variantOptions": [
848
- "Enabled",
849
- "Pressed"
792
+ "Neutral",
793
+ "Neutral Muted"
850
794
  ]
851
795
  }
852
796
  }
853
797
  };
854
798
 
855
799
  declare const metadata$g: {
800
+ "name": "🟢 Floating Action Button",
801
+ "key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
802
+ "componentPropertyDefinitions": {
803
+ "Type": {
804
+ "type": "VARIANT",
805
+ "variantOptions": [
806
+ "Button",
807
+ "Menu"
808
+ ]
809
+ }
810
+ }
811
+ };
812
+
813
+ declare const metadata$f: {
856
814
  "name": "🟢 Help Bubble",
857
815
  "key": "804b327c091278a40d5891939eaed90bb2889659",
858
816
  "componentPropertyDefinitions": {
817
+ "Show Description#62499:0": {
818
+ "type": "BOOLEAN"
819
+ },
859
820
  "Title#62535:0": {
860
821
  "type": "TEXT"
861
822
  },
862
823
  "Description#62535:98": {
863
824
  "type": "TEXT"
864
825
  },
865
- "Show Description#62499:0": {
866
- "type": "BOOLEAN"
867
- },
868
826
  "Placement": {
869
827
  "type": "VARIANT",
870
828
  "variantOptions": [
@@ -881,27 +839,6 @@ declare const metadata$g: {
881
839
  "Top-Center",
882
840
  "Top-Right"
883
841
  ]
884
- },
885
- "Show Close Button": {
886
- "type": "VARIANT",
887
- "variantOptions": [
888
- "True",
889
- "False"
890
- ]
891
- }
892
- }
893
- };
894
-
895
- declare const metadata$f: {
896
- "name": "🟢 Identity Placeholder",
897
- "key": "808206c07408aa1056ec85a55925e9844e9265c2",
898
- "componentPropertyDefinitions": {
899
- "Identity": {
900
- "type": "VARIANT",
901
- "variantOptions": [
902
- "Person",
903
- "Business"
904
- ]
905
842
  }
906
843
  }
907
844
  };
@@ -910,12 +847,12 @@ declare const metadata$e: {
910
847
  "name": "🟢 Inline Banner",
911
848
  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
912
849
  "componentPropertyDefinitions": {
913
- "Show Icon#11840:27": {
914
- "type": "BOOLEAN"
915
- },
916
850
  "Link Label#1547:81": {
917
851
  "type": "TEXT"
918
852
  },
853
+ "Show Icon#11840:27": {
854
+ "type": "BOOLEAN"
855
+ },
919
856
  "Interaction": {
920
857
  "type": "VARIANT",
921
858
  "variantOptions": [
@@ -948,10 +885,10 @@ declare const metadata$e: {
948
885
  };
949
886
 
950
887
  declare const metadata$d: {
951
- "name": "🟢 Manner Temp Badge",
952
- "key": "ac5331cec7a2c75b671df5b85ef247dfd820dd2f",
888
+ "name": "🟢 Manner Temp",
889
+ "key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
953
890
  "componentPropertyDefinitions": {
954
- "State": {
891
+ "Level": {
955
892
  "type": "VARIANT",
956
893
  "variantOptions": [
957
894
  "L1 (~29.9)",
@@ -966,44 +903,99 @@ declare const metadata$d: {
966
903
  };
967
904
 
968
905
  declare const metadata$c: {
969
- "name": "🟢 Multiline Text Field",
970
- "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
906
+ "name": "🟢 Manner Temp Badge",
907
+ "key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
971
908
  "componentPropertyDefinitions": {
972
- "Indicator#15327:286": {
909
+ "Level": {
910
+ "type": "VARIANT",
911
+ "variantOptions": [
912
+ "L1 (~29.9)",
913
+ "L2 (30.0~36.2)",
914
+ "L3 (36.3~37.5)",
915
+ "L4 (37.6~41.9)",
916
+ "L5 (42~51.9)",
917
+ "L6 (52~)"
918
+ ]
919
+ }
920
+ }
921
+ };
922
+
923
+ declare const metadata$b: {
924
+ "name": "🟢 Menu Sheet",
925
+ "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
926
+ "componentPropertyDefinitions": {
927
+ "Title Text#14599:0": {
973
928
  "type": "TEXT"
974
929
  },
975
- "Character Count#15327:360": {
976
- "type": "TEXT"
930
+ "Show Header#17043:12": {
931
+ "type": "BOOLEAN"
977
932
  },
978
- "Max Character Count#15327:175": {
933
+ "Description Text#21827:0": {
979
934
  "type": "TEXT"
980
935
  },
981
- "Label#15327:323": {
982
- "type": "TEXT"
936
+ "Show Safe Area#25531:15": {
937
+ "type": "BOOLEAN"
983
938
  },
984
- "Filled Text#1304:0": {
985
- "type": "TEXT"
939
+ "Show Description#32984:0": {
940
+ "type": "BOOLEAN"
986
941
  },
987
- "Show Character count#958:75": {
942
+ "Menu Group Count": {
943
+ "type": "VARIANT",
944
+ "variantOptions": [
945
+ "2",
946
+ "3",
947
+ "1"
948
+ ]
949
+ },
950
+ "Layout": {
951
+ "type": "VARIANT",
952
+ "variantOptions": [
953
+ "Text Only",
954
+ "Text with Icon"
955
+ ]
956
+ }
957
+ }
958
+ };
959
+
960
+ declare const metadata$a: {
961
+ "name": "🟢 Multiline Text Field",
962
+ "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
963
+ "componentPropertyDefinitions": {
964
+ "Show Header#870:0": {
988
965
  "type": "BOOLEAN"
989
966
  },
967
+ "Placeholder#958:0": {
968
+ "type": "TEXT"
969
+ },
990
970
  "Show Footer#958:25": {
991
971
  "type": "BOOLEAN"
992
972
  },
993
973
  "Show Description#958:50": {
994
974
  "type": "BOOLEAN"
995
975
  },
996
- "Description#15327:212": {
997
- "type": "TEXT"
976
+ "Show Character count#958:75": {
977
+ "type": "BOOLEAN"
998
978
  },
999
979
  "Show Indicator#1259:0": {
1000
980
  "type": "BOOLEAN"
1001
981
  },
1002
- "Placeholder#958:0": {
982
+ "Filled Text#1304:0": {
1003
983
  "type": "TEXT"
1004
984
  },
1005
- "Show Header#870:0": {
1006
- "type": "BOOLEAN"
985
+ "Max Character Count#15327:175": {
986
+ "type": "TEXT"
987
+ },
988
+ "Description#15327:212": {
989
+ "type": "TEXT"
990
+ },
991
+ "Indicator#15327:286": {
992
+ "type": "TEXT"
993
+ },
994
+ "Label#15327:323": {
995
+ "type": "TEXT"
996
+ },
997
+ "Character Count#15327:360": {
998
+ "type": "TEXT"
1007
999
  },
1008
1000
  "Size": {
1009
1001
  "type": "VARIANT",
@@ -1034,7 +1026,7 @@ declare const metadata$c: {
1034
1026
  }
1035
1027
  };
1036
1028
 
1037
- declare const metadata$b: {
1029
+ declare const metadata$9: {
1038
1030
  "name": "🟢 Progress Circle",
1039
1031
  "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
1040
1032
  "componentPropertyDefinitions": {
@@ -1050,7 +1042,8 @@ declare const metadata$b: {
1050
1042
  "variantOptions": [
1051
1043
  "Neutral",
1052
1044
  "Brand",
1053
- "Static White"
1045
+ "Static White",
1046
+ "Custom(inherit)"
1054
1047
  ]
1055
1048
  },
1056
1049
  "Value": {
@@ -1066,21 +1059,21 @@ declare const metadata$b: {
1066
1059
  }
1067
1060
  };
1068
1061
 
1069
- declare const metadata$a: {
1062
+ declare const metadata$8: {
1070
1063
  "name": "🟢 Reaction Button",
1071
1064
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
1072
1065
  "componentPropertyDefinitions": {
1073
- "Icon#12379:0": {
1074
- "type": "INSTANCE_SWAP",
1075
- "preferredValues": []
1066
+ "Label#6397:0": {
1067
+ "type": "TEXT"
1076
1068
  },
1077
1069
  "Show Count#6397:33": {
1078
1070
  "type": "BOOLEAN"
1079
1071
  },
1080
- "Count#15816:0": {
1081
- "type": "TEXT"
1072
+ "Icon#12379:0": {
1073
+ "type": "INSTANCE_SWAP",
1074
+ "preferredValues": []
1082
1075
  },
1083
- "Label#6397:0": {
1076
+ "Count#15816:0": {
1084
1077
  "type": "TEXT"
1085
1078
  },
1086
1079
  "Size": {
@@ -1106,7 +1099,7 @@ declare const metadata$a: {
1106
1099
  }
1107
1100
  };
1108
1101
 
1109
- declare const metadata$9: {
1102
+ declare const metadata$7: {
1110
1103
  "name": "🟢 Segmented Control",
1111
1104
  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
1112
1105
  "componentPropertyDefinitions": {
@@ -1130,18 +1123,18 @@ declare const metadata$9: {
1130
1123
  }
1131
1124
  };
1132
1125
 
1133
- declare const metadata$8: {
1126
+ declare const metadata$6: {
1134
1127
  "name": "🟢 Select Box",
1135
1128
  "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
1136
1129
  "componentPropertyDefinitions": {
1137
- "Label#3635:0": {
1138
- "type": "TEXT"
1130
+ "Show Description#3033:0": {
1131
+ "type": "BOOLEAN"
1139
1132
  },
1140
1133
  "Description #3033:5": {
1141
1134
  "type": "TEXT"
1142
1135
  },
1143
- "Show Description#3033:0": {
1144
- "type": "BOOLEAN"
1136
+ "Label#3635:0": {
1137
+ "type": "TEXT"
1145
1138
  },
1146
1139
  "Control": {
1147
1140
  "type": "VARIANT",
@@ -1162,7 +1155,7 @@ declare const metadata$8: {
1162
1155
  }
1163
1156
  };
1164
1157
 
1165
- declare const metadata$7: {
1158
+ declare const metadata$5: {
1166
1159
  "name": "🟢 Skeleton",
1167
1160
  "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
1168
1161
  "componentPropertyDefinitions": {
@@ -1174,22 +1167,29 @@ declare const metadata$7: {
1174
1167
  "16",
1175
1168
  "Full"
1176
1169
  ]
1170
+ },
1171
+ "Tone": {
1172
+ "type": "VARIANT",
1173
+ "variantOptions": [
1174
+ "Magic",
1175
+ "Neutral"
1176
+ ]
1177
1177
  }
1178
1178
  }
1179
1179
  };
1180
1180
 
1181
- declare const metadata$6: {
1181
+ declare const metadata$4: {
1182
1182
  "name": "🟢 Snackbar",
1183
1183
  "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
1184
1184
  "componentPropertyDefinitions": {
1185
- "Action Button Label#1528:8": {
1186
- "type": "TEXT"
1185
+ "Show Action#1528:0": {
1186
+ "type": "BOOLEAN"
1187
1187
  },
1188
1188
  "Message#1528:4": {
1189
1189
  "type": "TEXT"
1190
1190
  },
1191
- "Show Action Button#1528:0": {
1192
- "type": "BOOLEAN"
1191
+ "Action Label#1528:8": {
1192
+ "type": "TEXT"
1193
1193
  },
1194
1194
  "Variant": {
1195
1195
  "type": "VARIANT",
@@ -1202,210 +1202,118 @@ declare const metadata$6: {
1202
1202
  }
1203
1203
  };
1204
1204
 
1205
- declare const metadata$5: {
1206
- "name": "🟢 Standard Navigation",
1207
- "key": "c07bfe331cf214375fce9ad47cb6fdb459d1fb1b",
1205
+ declare const metadata$3: {
1206
+ "name": "🟢 Switch",
1207
+ "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
1208
1208
  "componentPropertyDefinitions": {
1209
- "Title#28176:5": {
1210
- "type": "BOOLEAN"
1209
+ "Label#36578:0": {
1210
+ "type": "TEXT"
1211
1211
  },
1212
- "Variant": {
1212
+ "Size": {
1213
1213
  "type": "VARIANT",
1214
1214
  "variantOptions": [
1215
- "Layer Default",
1216
- "Transparent"
1215
+ "16",
1216
+ "24",
1217
+ "32"
1217
1218
  ]
1218
1219
  },
1219
- "OS": {
1220
- "type": "VARIANT",
1221
- "variantOptions": [
1222
- "iOS",
1223
- "Android"
1224
- ]
1225
- }
1226
- }
1227
- };
1228
-
1229
- declare const metadata$4: {
1230
- "name": "🟢 Switch",
1231
- "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3",
1232
- "componentPropertyDefinitions": {
1233
- "Label#15191:2": {
1234
- "type": "TEXT"
1235
- },
1236
- "Size": {
1237
- "type": "VARIANT",
1238
- "variantOptions": [
1239
- "Small",
1240
- "Medium"
1241
- ]
1242
- },
1243
- "State": {
1220
+ "State": {
1244
1221
  "type": "VARIANT",
1245
1222
  "variantOptions": [
1246
1223
  "Enabled",
1247
- "Selected",
1248
1224
  "Disabled",
1249
- "Disabled-Selected"
1250
- ]
1251
- }
1252
- }
1253
- };
1254
-
1255
- declare const metadata$3: {
1256
- "name": "🟢 Tablist",
1257
- "key": "ffe33411fb8796f7a95d3637b90150007f0dd954",
1258
- "componentPropertyDefinitions": {
1259
- "Size": {
1260
- "type": "VARIANT",
1261
- "variantOptions": [
1262
- "Small",
1263
- "Medium"
1264
- ]
1265
- },
1266
- "Layout": {
1267
- "type": "VARIANT",
1268
- "variantOptions": [
1269
- "Hug",
1270
- "Fill"
1225
+ "Selected",
1226
+ "Selected-Disabled"
1271
1227
  ]
1272
1228
  },
1273
- "Tab Count": {
1229
+ "Label Layout(Figma Only)": {
1274
1230
  "type": "VARIANT",
1275
1231
  "variantOptions": [
1276
- "2",
1277
- "3",
1278
- "4",
1279
- "5+"
1232
+ "None",
1233
+ "Right",
1234
+ "Left"
1280
1235
  ]
1281
1236
  }
1282
1237
  }
1283
1238
  };
1284
1239
 
1285
1240
  declare const metadata$2: {
1286
- "name": "🟢 Text Button",
1287
- "key": "601f788792916250e33d04bd3165dee1404342df",
1288
- "componentPropertyDefinitions": {
1289
- "Prefix Icon#7561:0": {
1290
- "type": "INSTANCE_SWAP",
1291
- "preferredValues": []
1292
- },
1293
- "Label#6148:0": {
1294
- "type": "TEXT"
1295
- },
1296
- "Size": {
1297
- "type": "VARIANT",
1298
- "variantOptions": [
1299
- "Small",
1300
- "Medium",
1301
- "Large"
1302
- ]
1303
- },
1304
- "Layout": {
1305
- "type": "VARIANT",
1306
- "variantOptions": [
1307
- "Icon First",
1308
- "Icon Last"
1309
- ]
1310
- },
1311
- "Tone": {
1312
- "type": "VARIANT",
1313
- "variantOptions": [
1314
- "Neutral",
1315
- "Neutral Subtle",
1316
- "Brand",
1317
- "Critical"
1318
- ]
1319
- },
1320
- "State": {
1321
- "type": "VARIANT",
1322
- "variantOptions": [
1323
- "Enabled",
1324
- "Pressed",
1325
- "Disabled"
1326
- ]
1327
- }
1328
- }
1329
- };
1330
-
1331
- declare const metadata$1: {
1332
1241
  "name": "🟢 Text Field",
1333
1242
  "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
1334
1243
  "componentPropertyDefinitions": {
1335
- "Suffix Text#15327:138": {
1336
- "type": "TEXT"
1244
+ "Show Header#870:0": {
1245
+ "type": "BOOLEAN"
1337
1246
  },
1338
- "Indicator#15327:249": {
1247
+ "Placeholder#958:0": {
1339
1248
  "type": "TEXT"
1340
1249
  },
1341
- "Label#14964:0": {
1342
- "type": "TEXT"
1250
+ "Show Footer#958:25": {
1251
+ "type": "BOOLEAN"
1343
1252
  },
1344
- "Character Count#15327:64": {
1345
- "type": "TEXT"
1253
+ "Show Description#958:50": {
1254
+ "type": "BOOLEAN"
1346
1255
  },
1347
- "Description#12626:5": {
1348
- "type": "TEXT"
1256
+ "Show Character Count#958:75": {
1257
+ "type": "BOOLEAN"
1349
1258
  },
1350
- "Filled Text#1304:0": {
1351
- "type": "TEXT"
1259
+ "Show Suffix#958:100": {
1260
+ "type": "BOOLEAN"
1352
1261
  },
1353
- "Show Suffix Icon#1267:75": {
1262
+ "Show Prefix#958:125": {
1354
1263
  "type": "BOOLEAN"
1355
1264
  },
1356
- "Show Prefix Icon#1267:50": {
1265
+ "Show Indicator#1259:0": {
1266
+ "type": "BOOLEAN"
1267
+ },
1268
+ "Show Prefix Text#1267:0": {
1357
1269
  "type": "BOOLEAN"
1358
1270
  },
1359
1271
  "Prefix Icon#1267:25": {
1360
1272
  "type": "INSTANCE_SWAP",
1361
1273
  "preferredValues": []
1362
1274
  },
1363
- "Show Prefix#958:125": {
1275
+ "Show Prefix Icon#1267:50": {
1364
1276
  "type": "BOOLEAN"
1365
1277
  },
1366
- "Show Suffix#958:100": {
1278
+ "Show Suffix Icon#1267:75": {
1367
1279
  "type": "BOOLEAN"
1368
1280
  },
1369
- "Show Character Count#958:75": {
1370
- "type": "BOOLEAN"
1281
+ "Suffix Icon #1267:100": {
1282
+ "type": "INSTANCE_SWAP",
1283
+ "preferredValues": []
1371
1284
  },
1372
- "Show Footer#958:25": {
1285
+ "Show Suffix Text#1267:125": {
1373
1286
  "type": "BOOLEAN"
1374
1287
  },
1375
- "Max Character Count#15327:27": {
1288
+ "Filled Text#1304:0": {
1376
1289
  "type": "TEXT"
1377
1290
  },
1378
- "Show Prefix Text#1267:0": {
1379
- "type": "BOOLEAN"
1291
+ "Description#12626:5": {
1292
+ "type": "TEXT"
1380
1293
  },
1381
- "Show Suffix Text#1267:125": {
1382
- "type": "BOOLEAN"
1294
+ "Label#14964:0": {
1295
+ "type": "TEXT"
1383
1296
  },
1384
- "Suffix Icon #1267:100": {
1385
- "type": "INSTANCE_SWAP",
1386
- "preferredValues": []
1297
+ "Max Character Count#15327:27": {
1298
+ "type": "TEXT"
1387
1299
  },
1388
- "Show Description#958:50": {
1389
- "type": "BOOLEAN"
1300
+ "Character Count#15327:64": {
1301
+ "type": "TEXT"
1390
1302
  },
1391
1303
  "Prefix Text#15327:101": {
1392
1304
  "type": "TEXT"
1393
1305
  },
1394
- "Show Indicator#1259:0": {
1395
- "type": "BOOLEAN"
1396
- },
1397
- "Placeholder#958:0": {
1306
+ "Suffix Text#15327:138": {
1398
1307
  "type": "TEXT"
1399
1308
  },
1400
- "Show Header#870:0": {
1401
- "type": "BOOLEAN"
1309
+ "Indicator#15327:249": {
1310
+ "type": "TEXT"
1402
1311
  },
1403
1312
  "Size": {
1404
1313
  "type": "VARIANT",
1405
1314
  "variantOptions": [
1406
1315
  "Medium",
1407
- "Large",
1408
- "XLarge"
1316
+ "Large(Default)"
1409
1317
  ]
1410
1318
  },
1411
1319
  "State": {
@@ -1429,26 +1337,26 @@ declare const metadata$1: {
1429
1337
  }
1430
1338
  };
1431
1339
 
1432
- declare const metadata: {
1340
+ declare const metadata$1: {
1433
1341
  "name": "🟢 Toggle Button",
1434
1342
  "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
1435
1343
  "componentPropertyDefinitions": {
1436
- "Suffix Icon#6122:343": {
1344
+ "Label#6122:49": {
1345
+ "type": "TEXT"
1346
+ },
1347
+ "Prefix Icon#6122:98": {
1437
1348
  "type": "INSTANCE_SWAP",
1438
1349
  "preferredValues": []
1439
1350
  },
1440
- "Show Prefix Icon#6122:392": {
1441
- "type": "BOOLEAN"
1442
- },
1443
1351
  "Show Suffix Icon#6122:147": {
1444
1352
  "type": "BOOLEAN"
1445
1353
  },
1446
- "Prefix Icon#6122:98": {
1354
+ "Suffix Icon#6122:343": {
1447
1355
  "type": "INSTANCE_SWAP",
1448
1356
  "preferredValues": []
1449
1357
  },
1450
- "Label#6122:49": {
1451
- "type": "TEXT"
1358
+ "Show Prefix Icon#6122:392": {
1359
+ "type": "BOOLEAN"
1452
1360
  },
1453
1361
  "Size": {
1454
1362
  "type": "VARIANT",
@@ -1480,76 +1388,160 @@ declare const metadata: {
1480
1388
  }
1481
1389
  };
1482
1390
 
1483
- type ActionButtonProperties = InferComponentDefinition<typeof metadata$u.componentPropertyDefinitions>;
1484
- type ActionChipProperties = InferComponentDefinition<typeof metadata$t.componentPropertyDefinitions>;
1485
- type ActionSheetProperties = InferComponentDefinition<typeof metadata$s.componentPropertyDefinitions>;
1486
- type ActionSheetItemProperties = InferComponentDefinition<{
1487
- "Label#15420:4": {
1391
+ declare const metadata: {
1392
+ "name": "🟢 Top Navigation",
1393
+ "key": "f6d069d65f8ffc8b430fd8f3013910557f36e9da",
1394
+ "componentPropertyDefinitions": {
1395
+ "Show Title#33588:82": {
1396
+ "type": "BOOLEAN"
1397
+ },
1398
+ "OS (Figma Only)": {
1399
+ "type": "VARIANT",
1400
+ "variantOptions": [
1401
+ "iOS",
1402
+ "Android"
1403
+ ]
1404
+ },
1405
+ "Variant": {
1406
+ "type": "VARIANT",
1407
+ "variantOptions": [
1408
+ "Layer Default",
1409
+ "Transparent"
1410
+ ]
1411
+ },
1412
+ "Left": {
1413
+ "type": "VARIANT",
1414
+ "variantOptions": [
1415
+ "Back",
1416
+ "Close",
1417
+ "Custom",
1418
+ "None"
1419
+ ]
1420
+ },
1421
+ "Right": {
1422
+ "type": "VARIANT",
1423
+ "variantOptions": [
1424
+ "1 Icon Button",
1425
+ "2 Icon Button",
1426
+ "3 Icon Button",
1427
+ "Text Button",
1428
+ "None"
1429
+ ]
1430
+ }
1431
+ }
1432
+ };
1433
+
1434
+ type ActionButtonProperties = InferComponentDefinition<typeof metadata$r.componentPropertyDefinitions>;
1435
+ type ActionButtonGhostProperties = InferComponentDefinition<{
1436
+ "Label#30511:2": {
1488
1437
  type: "TEXT";
1489
- defaultValue: "액션 버튼";
1438
+ defaultValue: "라벨";
1490
1439
  };
1491
- Tone: {
1492
- type: "VARIANT";
1493
- defaultValue: "Default";
1494
- variantOptions: ["Default", "Critical"];
1440
+ "Prefix Icon#30511:3": {
1441
+ type: "INSTANCE_SWAP";
1442
+ defaultValue: "26621:24682";
1443
+ preferredValues: [];
1495
1444
  };
1496
- State: {
1445
+ "Suffix Icon#30525:0": {
1446
+ type: "INSTANCE_SWAP";
1447
+ defaultValue: "26621:23545";
1448
+ preferredValues: [
1449
+ {
1450
+ type: "COMPONENT_SET";
1451
+ key: "c8415f85843e5aea5a1d3620d03d16b643bf86cd";
1452
+ },
1453
+ {
1454
+ type: "COMPONENT_SET";
1455
+ key: "0d0a2bc648a2c4e1f06a56a30ef16299b6e91037";
1456
+ },
1457
+ {
1458
+ type: "COMPONENT_SET";
1459
+ key: "8f28ae559baf8f388d84ccc3ad65a282966e1b05";
1460
+ },
1461
+ {
1462
+ type: "COMPONENT_SET";
1463
+ key: "57341e8a9961bf31590240dd288e57c76969098d";
1464
+ }
1465
+ ];
1466
+ };
1467
+ "Icon#30525:15": {
1468
+ type: "INSTANCE_SWAP";
1469
+ defaultValue: "34885:102336";
1470
+ preferredValues: [];
1471
+ };
1472
+ Bleed: {
1497
1473
  type: "VARIANT";
1498
- defaultValue: "Enabled";
1499
- variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
1474
+ defaultValue: "true";
1475
+ variantOptions: ["true", "false"];
1500
1476
  };
1501
- }>;
1502
- type AvatarProperties = InferComponentDefinition<typeof metadata$r.componentPropertyDefinitions>;
1503
- type AvatarStackProperties = InferComponentDefinition<typeof metadata$q.componentPropertyDefinitions>;
1504
- type BadgeProperties = InferComponentDefinition<typeof metadata$p.componentPropertyDefinitions>;
1505
- type CalloutProperties = InferComponentDefinition<typeof metadata$o.componentPropertyDefinitions>;
1506
- type CheckboxProperties = InferComponentDefinition<typeof metadata$n.componentPropertyDefinitions>;
1507
- type ChipTabsProperties = InferComponentDefinition<typeof metadata$m.componentPropertyDefinitions>;
1508
- type ChipTabsItemProperties = InferComponentDefinition<{
1509
- "Label#8876:0": {
1510
- type: "TEXT";
1511
- defaultValue: "라벨";
1477
+ Size: {
1478
+ type: "VARIANT";
1479
+ defaultValue: "Medium";
1480
+ variantOptions: ["Xsmall", "Small", "Medium", "Large"];
1512
1481
  };
1513
- Variant: {
1482
+ Layout: {
1514
1483
  type: "VARIANT";
1515
- defaultValue: "Neutral Solid";
1516
- variantOptions: ["Neutral Solid", "Brand Solid"];
1484
+ defaultValue: "Icon First";
1485
+ variantOptions: ["Text Only", "Icon First", "Icon Last", "Icon Only"];
1517
1486
  };
1518
1487
  State: {
1519
1488
  type: "VARIANT";
1520
1489
  defaultValue: "Enabled";
1490
+ variantOptions: ["Enabled", "Pressed", "Loading", "Disabled"];
1491
+ };
1492
+ }>;
1493
+ type AlertDialogProperties = InferComponentDefinition<typeof metadata$q.componentPropertyDefinitions>;
1494
+ type AlertDialogFooterProperties = InferComponentDefinition<{
1495
+ Type: {
1496
+ type: "VARIANT";
1497
+ defaultValue: "Single";
1521
1498
  variantOptions: [
1522
- "Enabled",
1523
- "Enabled-Pressed",
1524
- "Enabled-Selected",
1525
- "Enabled-Selected-Pressed",
1526
- "Disabled",
1527
- "Disabled-Selected"
1499
+ "Single",
1500
+ "Neutral",
1501
+ "Neutral (Overflow)",
1502
+ "Critical",
1503
+ "Critical (Overflow)",
1504
+ "Nonpreferred"
1528
1505
  ];
1529
1506
  };
1530
1507
  }>;
1531
- type ControlChipProperties = InferComponentDefinition<typeof metadata$l.componentPropertyDefinitions>;
1532
- type ErrorStateProperties = InferComponentDefinition<typeof metadata$k.componentPropertyDefinitions>;
1533
- type ExtendedActionSheetProperties = InferComponentDefinition<typeof metadata$j.componentPropertyDefinitions>;
1534
- type ExtendedActionSheetGroupProperties = InferComponentDefinition<{
1508
+ type AvatarProperties = InferComponentDefinition<typeof metadata$p.componentPropertyDefinitions>;
1509
+ type AvatarStackProperties = InferComponentDefinition<typeof metadata$o.componentPropertyDefinitions>;
1510
+ type BadgeProperties = InferComponentDefinition<typeof metadata$n.componentPropertyDefinitions>;
1511
+ type BottomSheetProperties = InferComponentDefinition<typeof metadata$m.componentPropertyDefinitions>;
1512
+ type CalloutProperties = InferComponentDefinition<typeof metadata$l.componentPropertyDefinitions>;
1513
+ type CheckboxProperties = InferComponentDefinition<typeof metadata$k.componentPropertyDefinitions>;
1514
+ type ChipProperties = InferComponentDefinition<typeof metadata$j.componentPropertyDefinitions>;
1515
+ type ChipIconSuffixProperties = InferComponentDefinition<{
1516
+ "Icon#33203:0": {
1517
+ type: "INSTANCE_SWAP";
1518
+ defaultValue: "26621:23250";
1519
+ preferredValues: [];
1520
+ };
1521
+ }>;
1522
+ type ContextualFloatingButtonProperties = InferComponentDefinition<typeof metadata$i.componentPropertyDefinitions>;
1523
+ type DividerProperties = InferComponentDefinition<typeof metadata$h.componentPropertyDefinitions>;
1524
+ type ErrorStateProperties = InferComponentDefinition<typeof metadata$t.componentPropertyDefinitions>;
1525
+ type MenuSheetProperties = InferComponentDefinition<typeof metadata$b.componentPropertyDefinitions>;
1526
+ type MenuSheetGroupProperties = InferComponentDefinition<{
1535
1527
  "Action Count": {
1536
1528
  type: "VARIANT";
1537
1529
  defaultValue: "8";
1538
1530
  variantOptions: ["1", "2", "3", "4", "5", "6", "7", "8"];
1539
1531
  };
1540
1532
  }>;
1541
- type ExtendedActionSheetItemProperties = InferComponentDefinition<{
1533
+ type MenuSheetItemProperties = InferComponentDefinition<{
1542
1534
  "Show Prefix Icon#17043:5": {
1543
1535
  type: "BOOLEAN";
1544
1536
  defaultValue: true;
1545
1537
  };
1546
1538
  "Label#55905:8": {
1547
1539
  type: "TEXT";
1548
- defaultValue: "액션 버튼";
1540
+ defaultValue: "라벨";
1549
1541
  };
1550
1542
  "Prefix Icon#55948:0": {
1551
1543
  type: "INSTANCE_SWAP";
1552
- defaultValue: "17024:100799";
1544
+ defaultValue: "26621:23245";
1553
1545
  preferredValues: [];
1554
1546
  };
1555
1547
  Tone: {
@@ -1560,97 +1552,100 @@ type ExtendedActionSheetItemProperties = InferComponentDefinition<{
1560
1552
  State: {
1561
1553
  type: "VARIANT";
1562
1554
  defaultValue: "Enabled";
1563
- variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
1555
+ variantOptions: ["Enabled", "Pressed", "Disabled"];
1556
+ };
1557
+ Layout: {
1558
+ type: "VARIANT";
1559
+ defaultValue: "Text Only";
1560
+ variantOptions: ["Text with Icon", "Text Only"];
1564
1561
  };
1565
1562
  }>;
1566
- type ExtendedFabProperties = InferComponentDefinition<typeof metadata$i.componentPropertyDefinitions>;
1567
- type FabProperties = InferComponentDefinition<typeof metadata$h.componentPropertyDefinitions>;
1568
- type HelpBubbleProperties = InferComponentDefinition<typeof metadata$g.componentPropertyDefinitions>;
1569
- type IdentityPlaceholderProperties = InferComponentDefinition<typeof metadata$f.componentPropertyDefinitions>;
1570
- type InlineBannerProperties = InferComponentDefinition<typeof metadata$e.componentPropertyDefinitions>;
1571
- type MannerTempBadgeProperties = InferComponentDefinition<typeof metadata$d.componentPropertyDefinitions>;
1572
- type MultilineTextFieldProperties = InferComponentDefinition<typeof metadata$c.componentPropertyDefinitions>;
1573
- type ProgressCircleProperties = InferComponentDefinition<typeof metadata$b.componentPropertyDefinitions>;
1574
- type ReactionButtonProperties = InferComponentDefinition<typeof metadata$a.componentPropertyDefinitions>;
1575
- type SegmentedControlProperties = InferComponentDefinition<typeof metadata$9.componentPropertyDefinitions>;
1576
- type SegmentedControlItemProperties = InferComponentDefinition<{
1577
- "Label#11366:15": {
1563
+ type FloatingActionButtonProperties = InferComponentDefinition<typeof metadata$g.componentPropertyDefinitions>;
1564
+ type FloatingActionButtonButtonItemProperties = InferComponentDefinition<{
1565
+ "Icon#29766:18": {
1566
+ type: "INSTANCE_SWAP";
1567
+ defaultValue: "26621:24681";
1568
+ preferredValues: [];
1569
+ };
1570
+ "Label#29808:0": {
1578
1571
  type: "TEXT";
1579
1572
  defaultValue: "라벨";
1580
1573
  };
1581
1574
  State: {
1582
1575
  type: "VARIANT";
1583
- defaultValue: "Enabled-Selected";
1584
- variantOptions: [
1585
- "Enabled",
1586
- "Enabled-Selected",
1587
- "Enabled-Pressed",
1588
- "Enabled-Selected-Pressed",
1589
- "Disabled",
1590
- "Disabled-Selected"
1591
- ];
1576
+ defaultValue: "Enabled";
1577
+ variantOptions: ["Enabled", "Pressed"];
1578
+ };
1579
+ Extended: {
1580
+ type: "VARIANT";
1581
+ defaultValue: "True";
1582
+ variantOptions: ["True", "False"];
1592
1583
  };
1593
1584
  }>;
1594
- type SelectBoxGroupProperties = InferComponentDefinition<typeof metadata$v.componentPropertyDefinitions>;
1595
- type SelectBoxProperties = InferComponentDefinition<typeof metadata$8.componentPropertyDefinitions>;
1596
- type SkeletonProperties = InferComponentDefinition<typeof metadata$7.componentPropertyDefinitions>;
1597
- type SnackbarProperties = InferComponentDefinition<typeof metadata$6.componentPropertyDefinitions>;
1598
- type SwitchProperties = InferComponentDefinition<typeof metadata$4.componentPropertyDefinitions>;
1599
- type TabsProperties = InferComponentDefinition<typeof metadata$3.componentPropertyDefinitions>;
1600
- type TabsHugItemProperties = InferComponentDefinition<{
1601
- "Label#4478:2": {
1585
+ type FloatingActionButtonMenuItemProperties = InferComponentDefinition<{
1586
+ "Icon#29766:0": {
1587
+ type: "INSTANCE_SWAP";
1588
+ defaultValue: "26621:24681";
1589
+ preferredValues: [];
1590
+ };
1591
+ "Label#29766:9": {
1602
1592
  type: "TEXT";
1603
1593
  defaultValue: "라벨";
1604
1594
  };
1605
- Size: {
1595
+ State: {
1606
1596
  type: "VARIANT";
1607
- defaultValue: "Small";
1608
- variantOptions: ["Small", "Medium"];
1597
+ defaultValue: "Enabled";
1598
+ variantOptions: ["Pressed", "Enabled"];
1609
1599
  };
1610
- Notification: {
1600
+ Extended: {
1601
+ type: "VARIANT";
1602
+ defaultValue: "True";
1603
+ variantOptions: ["True", "False"];
1604
+ };
1605
+ Open: {
1611
1606
  type: "VARIANT";
1612
1607
  defaultValue: "False";
1613
1608
  variantOptions: ["True", "False"];
1614
1609
  };
1615
- State: {
1610
+ }>;
1611
+ type HelpBubbleProperties = InferComponentDefinition<typeof metadata$f.componentPropertyDefinitions>;
1612
+ type IdentityPlaceholderProperties = InferComponentDefinition<{
1613
+ Identity: {
1616
1614
  type: "VARIANT";
1617
- defaultValue: "Enabled-Selected";
1618
- variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
1615
+ defaultValue: "Person";
1616
+ variantOptions: ["Person", "Business"];
1619
1617
  };
1620
1618
  }>;
1621
- type TabsFillItemProperties = InferComponentDefinition<{
1622
- "Label#4478:2": {
1619
+ type InlineBannerProperties = InferComponentDefinition<typeof metadata$e.componentPropertyDefinitions>;
1620
+ type MannerTempProperties = InferComponentDefinition<typeof metadata$d.componentPropertyDefinitions>;
1621
+ type MannerTempBadgeProperties = InferComponentDefinition<typeof metadata$c.componentPropertyDefinitions>;
1622
+ type MultilineTextFieldProperties = InferComponentDefinition<typeof metadata$a.componentPropertyDefinitions>;
1623
+ type ProgressCircleProperties = InferComponentDefinition<typeof metadata$9.componentPropertyDefinitions>;
1624
+ type ReactionButtonProperties = InferComponentDefinition<typeof metadata$8.componentPropertyDefinitions>;
1625
+ type SegmentedControlProperties = InferComponentDefinition<typeof metadata$7.componentPropertyDefinitions>;
1626
+ type SegmentedControlItemProperties = InferComponentDefinition<{
1627
+ "Label#11366:15": {
1623
1628
  type: "TEXT";
1624
1629
  defaultValue: "라벨";
1625
1630
  };
1626
- Size: {
1627
- type: "VARIANT";
1628
- defaultValue: "Small";
1629
- variantOptions: ["Small", "Medium"];
1630
- };
1631
- Notification: {
1632
- type: "VARIANT";
1633
- defaultValue: "False";
1634
- variantOptions: ["True", "False"];
1635
- };
1636
1631
  State: {
1637
1632
  type: "VARIANT";
1638
- defaultValue: "Enabled-Selected";
1639
- variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
1633
+ defaultValue: "Enabled";
1634
+ variantOptions: ["Enabled", "Pressed", "Selected", "Disabled", "Disabled-Selected"];
1640
1635
  };
1641
1636
  }>;
1642
- type TextButtonProperties = InferComponentDefinition<typeof metadata$2.componentPropertyDefinitions>;
1643
- type TextFieldProperties = InferComponentDefinition<typeof metadata$1.componentPropertyDefinitions>;
1644
- type ToggleButtonProperties = InferComponentDefinition<typeof metadata.componentPropertyDefinitions>;
1645
- type AppBarProperties = InferComponentDefinition<typeof metadata$5.componentPropertyDefinitions>;
1637
+ type SkeletonProperties = InferComponentDefinition<typeof metadata$5.componentPropertyDefinitions>;
1638
+ type SnackbarProperties = InferComponentDefinition<typeof metadata$4.componentPropertyDefinitions>;
1639
+ type SwitchProperties = InferComponentDefinition<typeof metadata$3.componentPropertyDefinitions>;
1640
+ type ToggleButtonProperties = InferComponentDefinition<typeof metadata$1.componentPropertyDefinitions>;
1641
+ type SelectBoxGroupProperties = InferComponentDefinition<typeof metadata$s.componentPropertyDefinitions>;
1642
+ type SelectBoxProperties = InferComponentDefinition<typeof metadata$6.componentPropertyDefinitions>;
1643
+ type TextFieldProperties = InferComponentDefinition<typeof metadata$2.componentPropertyDefinitions>;
1644
+ type AppBarProperties = InferComponentDefinition<typeof metadata.componentPropertyDefinitions>;
1646
1645
  type AppBarMainProperties = InferComponentDefinition<{
1647
- "Show Right#16958:13": {
1648
- type: "BOOLEAN";
1649
- defaultValue: false;
1650
- };
1651
- "Subtitle#16958:9": {
1646
+ "Title#16944:0": {
1652
1647
  type: "TEXT";
1653
- defaultValue: "서브타이틀";
1648
+ defaultValue: "타이틀";
1654
1649
  };
1655
1650
  "Logo#16958:5": {
1656
1651
  type: "INSTANCE_SWAP";
@@ -1662,32 +1657,134 @@ type AppBarMainProperties = InferComponentDefinition<{
1662
1657
  }
1663
1658
  ];
1664
1659
  };
1665
- "Show Left#16958:17": {
1660
+ "Subtitle#16958:9": {
1661
+ type: "TEXT";
1662
+ defaultValue: "서브타이틀";
1663
+ };
1664
+ "Show Right#16958:13": {
1666
1665
  type: "BOOLEAN";
1667
1666
  defaultValue: false;
1668
1667
  };
1669
- "Title#16944:0": {
1670
- type: "TEXT";
1671
- defaultValue: "타이틀";
1668
+ "Show Left#16958:17": {
1669
+ type: "BOOLEAN";
1670
+ defaultValue: false;
1672
1671
  };
1673
1672
  Type: {
1674
1673
  type: "VARIANT";
1675
1674
  defaultValue: "Title";
1676
- variantOptions: ["Title", "Title-Subtitle", "Logo"];
1675
+ variantOptions: ["Title", "Title-Subtitle", "Logo (Figma Only)"];
1676
+ };
1677
+ }>;
1678
+ type AppBarLeftIconButtonProperties = InferComponentDefinition<{
1679
+ "Icon#33580:0": {
1680
+ type: "INSTANCE_SWAP";
1681
+ defaultValue: "26621:23427";
1682
+ preferredValues: [];
1683
+ };
1684
+ }>;
1685
+ type AppBarRightIconButtonProperties = InferComponentDefinition<{
1686
+ "Icon#6406:3": {
1687
+ type: "INSTANCE_SWAP";
1688
+ defaultValue: "34885:102301";
1689
+ preferredValues: [
1690
+ {
1691
+ type: "COMPONENT_SET";
1692
+ key: "bc7bc98e19d8ffdd9efdc94b610c6af28156f867";
1693
+ },
1694
+ {
1695
+ type: "COMPONENT_SET";
1696
+ key: "d766c026e52ee6c78cbf1a474068264e831ddfe3";
1697
+ },
1698
+ {
1699
+ type: "COMPONENT_SET";
1700
+ key: "a4cb85e4d25a320d27a48c3e8132a6c01b45ab3c";
1701
+ },
1702
+ {
1703
+ type: "COMPONENT_SET";
1704
+ key: "e262d9b447adff63d15a6f1af60ae47cbc1ca47f";
1705
+ },
1706
+ {
1707
+ type: "COMPONENT_SET";
1708
+ key: "1d3918afcac320eff3aafc2719b98cf5141afa55";
1709
+ },
1710
+ {
1711
+ type: "COMPONENT_SET";
1712
+ key: "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa";
1713
+ },
1714
+ {
1715
+ type: "COMPONENT_SET";
1716
+ key: "98ee886122c725ac9e3e682f31efd1d1a1bec90d";
1717
+ },
1718
+ {
1719
+ type: "COMPONENT_SET";
1720
+ key: "bf71b0c5c8664149298fe1b3c58905715a523e19";
1721
+ },
1722
+ {
1723
+ type: "COMPONENT_SET";
1724
+ key: "47a8df3d59bc52aef1c584d992c05771a8125965";
1725
+ },
1726
+ {
1727
+ type: "COMPONENT_SET";
1728
+ key: "0fcbc3c123d5c7ee7a5dd20e0860ee25bdc19e30";
1729
+ }
1730
+ ];
1731
+ };
1732
+ Notification: {
1733
+ type: "VARIANT";
1734
+ defaultValue: "False";
1735
+ variantOptions: ["False", "True"];
1736
+ };
1737
+ }>;
1738
+ type TabsUnderlineHugItemProperties = InferComponentDefinition<{
1739
+ "Label#4478:2": {
1740
+ type: "TEXT";
1741
+ defaultValue: "라벨";
1742
+ };
1743
+ "Has Notification#32892:0": {
1744
+ type: "BOOLEAN";
1745
+ defaultValue: false;
1746
+ };
1747
+ Size: {
1748
+ type: "VARIANT";
1749
+ defaultValue: "Small";
1750
+ variantOptions: ["Small", "Medium"];
1751
+ };
1752
+ State: {
1753
+ type: "VARIANT";
1754
+ defaultValue: "Selected";
1755
+ variantOptions: ["Enabled", "Selected", "Disabled"];
1677
1756
  };
1678
1757
  }>;
1679
- type AppBarLeftProperties = InferComponentDefinition<{
1680
- Action: {
1758
+ type TabsUnderlineFillItemProperties = InferComponentDefinition<{
1759
+ "Label#4478:2": {
1760
+ type: "TEXT";
1761
+ defaultValue: "라벨";
1762
+ };
1763
+ "Has Notification#32892:0": {
1764
+ type: "BOOLEAN";
1765
+ defaultValue: false;
1766
+ };
1767
+ Size: {
1768
+ type: "VARIANT";
1769
+ defaultValue: "Small";
1770
+ variantOptions: ["Small", "Medium"];
1771
+ };
1772
+ State: {
1681
1773
  type: "VARIANT";
1682
- defaultValue: "Back";
1683
- variantOptions: ["Back", "Close", "Other"];
1774
+ defaultValue: "Selected";
1775
+ variantOptions: ["Enabled", "Selected", "Disabled"];
1684
1776
  };
1685
1777
  }>;
1686
- type AppBarRightProperties = InferComponentDefinition<{
1687
- Type: {
1778
+ type TabsChipItemProperties = InferComponentDefinition<{
1779
+ Size: {
1780
+ type: "VARIANT";
1781
+ defaultValue: "Large";
1782
+ variantOptions: ["Medium", "Large"];
1783
+ };
1784
+ Variant: {
1688
1785
  type: "VARIANT";
1689
- defaultValue: "1 Icon";
1690
- variantOptions: ["1 Icon", "2 Icons", "3 Icons", "1 Text"];
1786
+ defaultValue: "Solid";
1787
+ variantOptions: ["Solid", "Outline"];
1691
1788
  };
1692
1789
  }>;
1693
1790
 
@@ -1697,7 +1794,10 @@ interface CreatePipelineConfig {
1697
1794
  }
1698
1795
  declare function createPipeline(options?: CreatePipelineConfig): CodeGenerator;
1699
1796
 
1700
- type FigmaValueResolver = ValueResolver<string, number, number, number>;
1797
+ type FigmaValueResolver = ValueResolver<string, {
1798
+ value: string;
1799
+ direction?: string;
1800
+ }, number, number, number>;
1701
1801
 
1702
1802
  interface PropsConverters {
1703
1803
  containerLayout: PropsConverter<ContainerLayoutTrait, ContainerLayoutProps>;
@@ -1840,5 +1940,5 @@ declare namespace index {
1840
1940
  }
1841
1941
 
1842
1942
  export { cloneElement, createCodeGenerator, createElement, createPropsConverter, createValueResolver, defineComponentHandler, defineElementTransformer, definePropsConverter, index as figma, inferLayout };
1843
- export type { ActionButtonProperties, ActionChipProperties, ActionSheetItemProperties, ActionSheetProperties, AppBarLeftProperties, AppBarMainProperties, AppBarProperties, AppBarRightProperties, AvatarProperties, AvatarStackProperties, BadgeProperties, CalloutProperties, CheckboxProperties, ChipTabsItemProperties, ChipTabsProperties, CodeGeneratorDeps, ComponentHandler, ComponentPropertyDefinition, ControlChipProperties, ElementNode, ElementTransformer, ErrorStateProperties, ExtendedActionSheetGroupProperties, ExtendedActionSheetItemProperties, ExtendedActionSheetProperties, ExtendedFabProperties, FabProperties, HelpBubbleProperties, IdentityPlaceholderProperties, InferComponentDefinition, InferComponentPropertyType, InlineBannerProperties, MannerTempBadgeProperties, MultilineTextFieldProperties, ProgressCircleProperties, PropsConverter, ReactionButtonProperties, SegmentedControlItemProperties, SegmentedControlProperties, SelectBoxGroupProperties, SelectBoxProperties, SkeletonProperties, SnackbarProperties, SwitchProperties, TabsFillItemProperties, TabsHugItemProperties, TabsProperties, TextButtonProperties, TextFieldProperties, ToggleButtonProperties, ValueResolver };
1943
+ export type { ActionButtonGhostProperties, ActionButtonProperties, AlertDialogFooterProperties, AlertDialogProperties, AppBarLeftIconButtonProperties, AppBarMainProperties, AppBarProperties, AppBarRightIconButtonProperties, AvatarProperties, AvatarStackProperties, BadgeProperties, BottomSheetProperties, CalloutProperties, CheckboxProperties, ChipIconSuffixProperties, ChipProperties, CodeGeneratorDeps, ComponentHandler, ComponentPropertyDefinition, ContextualFloatingButtonProperties, DividerProperties, ElementNode, ElementTransformer, ErrorStateProperties, FloatingActionButtonButtonItemProperties, FloatingActionButtonMenuItemProperties, FloatingActionButtonProperties, HelpBubbleProperties, IdentityPlaceholderProperties, InferComponentDefinition, InferComponentPropertyType, InlineBannerProperties, MannerTempBadgeProperties, MannerTempProperties, MenuSheetGroupProperties, MenuSheetItemProperties, MenuSheetProperties, MultilineTextFieldProperties, ProgressCircleProperties, PropsConverter, ReactionButtonProperties, SegmentedControlItemProperties, SegmentedControlProperties, SelectBoxGroupProperties, SelectBoxProperties, SkeletonProperties, SnackbarProperties, SwitchProperties, TabsChipItemProperties, TabsUnderlineFillItemProperties, TabsUnderlineHugItemProperties, TextFieldProperties, ToggleButtonProperties, ValueResolver };
1844
1944
  //# sourceMappingURL=index.d.ts.map