@seed-design/figma 0.1.6 → 0.1.8

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 (165) hide show
  1. package/lib/codegen/index.cjs +746 -646
  2. package/lib/codegen/index.d.ts +707 -627
  3. package/lib/codegen/index.d.ts.map +1 -1
  4. package/lib/codegen/index.js +746 -646
  5. package/lib/codegen/targets/react/index.cjs +1170 -1180
  6. package/lib/codegen/targets/react/index.d.ts +20 -9
  7. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  8. package/lib/codegen/targets/react/index.js +1170 -1180
  9. package/lib/index.cjs +883 -668
  10. package/lib/index.d.ts +3 -1
  11. package/lib/index.d.ts.map +1 -1
  12. package/lib/index.js +883 -668
  13. package/package.json +3 -3
  14. package/src/codegen/component-properties.ts +283 -146
  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 +66 -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 +3 -2
  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 +7 -4
  41. package/src/codegen/targets/react/component/handlers/snackbar.ts +2 -2
  42. package/src/codegen/targets/react/component/handlers/tabs.ts +8 -125
  43. package/src/codegen/targets/react/component/index.ts +22 -19
  44. package/src/codegen/targets/react/instance.ts +1 -1
  45. package/src/codegen/targets/react/pipeline.ts +4 -2
  46. package/src/codegen/targets/react/props.ts +11 -4
  47. package/src/codegen/targets/react/value-resolver.ts +38 -3
  48. package/src/entities/data/__generated__/component-sets/action-button.d.ts +5 -5
  49. package/src/entities/data/__generated__/component-sets/action-button.mjs +5 -5
  50. package/src/entities/data/__generated__/component-sets/alert-dialog.d.ts +26 -0
  51. package/src/entities/data/__generated__/component-sets/alert-dialog.mjs +26 -0
  52. package/src/entities/data/__generated__/component-sets/avatar-stack.d.ts +5 -18
  53. package/src/entities/data/__generated__/component-sets/avatar-stack.mjs +5 -18
  54. package/src/entities/data/__generated__/component-sets/avatar.d.ts +11 -5
  55. package/src/entities/data/__generated__/component-sets/avatar.mjs +11 -5
  56. package/src/entities/data/__generated__/component-sets/badge.d.ts +0 -7
  57. package/src/entities/data/__generated__/component-sets/badge.mjs +0 -7
  58. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.d.ts +3 -0
  59. package/src/entities/data/__generated__/component-sets/bottom-navigation-global.mjs +3 -0
  60. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.d.ts +3 -0
  61. package/src/entities/data/__generated__/component-sets/bottom-navigation-kr.mjs +3 -0
  62. package/src/entities/data/__generated__/component-sets/bottom-sheet.d.ts +53 -4
  63. package/src/entities/data/__generated__/component-sets/bottom-sheet.mjs +53 -4
  64. package/src/entities/data/__generated__/component-sets/callout.d.ts +13 -22
  65. package/src/entities/data/__generated__/component-sets/callout.mjs +13 -22
  66. package/src/entities/data/__generated__/component-sets/checkbox.d.ts +3 -3
  67. package/src/entities/data/__generated__/component-sets/checkbox.mjs +3 -3
  68. package/src/entities/data/__generated__/component-sets/checkmark.d.ts +34 -0
  69. package/src/entities/data/__generated__/component-sets/checkmark.mjs +34 -0
  70. package/src/entities/data/__generated__/component-sets/chip.d.ts +86 -0
  71. package/src/entities/data/__generated__/component-sets/chip.mjs +86 -0
  72. package/src/entities/data/__generated__/component-sets/chlid.d.ts +14 -0
  73. package/src/entities/data/__generated__/component-sets/chlid.mjs +14 -0
  74. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.d.ts → contextual-floating-button.d.ts} +12 -10
  75. package/src/entities/data/__generated__/component-sets/{extended-floating-action-button.mjs → contextual-floating-button.mjs} +12 -10
  76. package/src/entities/data/__generated__/component-sets/floating-action-button.d.ts +4 -8
  77. package/src/entities/data/__generated__/component-sets/floating-action-button.mjs +4 -8
  78. package/src/entities/data/__generated__/component-sets/help-bubble.d.ts +3 -10
  79. package/src/entities/data/__generated__/component-sets/help-bubble.mjs +3 -10
  80. package/src/entities/data/__generated__/component-sets/index.d.ts +13 -13
  81. package/src/entities/data/__generated__/component-sets/index.mjs +13 -13
  82. package/src/entities/data/__generated__/component-sets/inline-banner.d.ts +3 -3
  83. package/src/entities/data/__generated__/component-sets/inline-banner.mjs +3 -3
  84. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.d.ts +2 -2
  85. package/src/entities/data/__generated__/component-sets/main-tab-navigation-global.mjs +2 -2
  86. package/src/entities/data/__generated__/component-sets/manner-temp-badge.d.ts +2 -2
  87. package/src/entities/data/__generated__/component-sets/manner-temp-badge.mjs +2 -2
  88. package/src/entities/data/__generated__/component-sets/manner-temp.d.ts +2 -2
  89. package/src/entities/data/__generated__/component-sets/manner-temp.mjs +2 -2
  90. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.d.ts → menu-sheet.d.ts} +17 -13
  91. package/src/entities/data/__generated__/component-sets/{extended-action-sheet.mjs → menu-sheet.mjs} +17 -13
  92. package/src/entities/data/__generated__/component-sets/multiline-text-field.d.ts +18 -18
  93. package/src/entities/data/__generated__/component-sets/multiline-text-field.mjs +18 -18
  94. package/src/entities/data/__generated__/component-sets/progress-circle.d.ts +2 -1
  95. package/src/entities/data/__generated__/component-sets/progress-circle.mjs +2 -1
  96. package/src/entities/data/__generated__/component-sets/radio-mark.d.ts +34 -0
  97. package/src/entities/data/__generated__/component-sets/radio-mark.mjs +34 -0
  98. package/src/entities/data/__generated__/component-sets/radio.d.ts +2 -2
  99. package/src/entities/data/__generated__/component-sets/radio.mjs +2 -2
  100. package/src/entities/data/__generated__/component-sets/reaction-button.d.ts +6 -6
  101. package/src/entities/data/__generated__/component-sets/reaction-button.mjs +6 -6
  102. package/src/entities/data/__generated__/component-sets/resizable-child.d.ts +18 -0
  103. package/src/entities/data/__generated__/component-sets/resizable-child.mjs +18 -0
  104. package/src/entities/data/__generated__/component-sets/resizable-icon.d.ts +18 -0
  105. package/src/entities/data/__generated__/component-sets/resizable-icon.mjs +18 -0
  106. package/src/entities/data/__generated__/component-sets/select-box.d.ts +4 -4
  107. package/src/entities/data/__generated__/component-sets/select-box.mjs +4 -4
  108. package/src/entities/data/__generated__/component-sets/skeleton.d.ts +7 -0
  109. package/src/entities/data/__generated__/component-sets/skeleton.mjs +7 -0
  110. package/src/entities/data/__generated__/component-sets/snackbar.d.ts +4 -4
  111. package/src/entities/data/__generated__/component-sets/snackbar.mjs +4 -4
  112. package/src/entities/data/__generated__/component-sets/switch.d.ts +1 -1
  113. package/src/entities/data/__generated__/component-sets/switch.mjs +1 -1
  114. package/src/entities/data/__generated__/component-sets/tabs.d.ts +13 -0
  115. package/src/entities/data/__generated__/component-sets/tabs.mjs +13 -0
  116. package/src/entities/data/__generated__/component-sets/template-button-group.d.ts +9 -33
  117. package/src/entities/data/__generated__/component-sets/template-button-group.mjs +9 -33
  118. package/src/entities/data/__generated__/component-sets/template-chip-group.d.ts +15 -12
  119. package/src/entities/data/__generated__/component-sets/template-chip-group.mjs +15 -12
  120. package/src/entities/data/__generated__/component-sets/template-completion.d.ts +28 -0
  121. package/src/entities/data/__generated__/component-sets/template-completion.mjs +28 -0
  122. package/src/entities/data/__generated__/component-sets/{error-state.d.ts → template-error-state.d.ts} +5 -5
  123. package/src/entities/data/__generated__/component-sets/{error-state.mjs → template-error-state.mjs} +5 -5
  124. package/src/entities/data/__generated__/component-sets/template-top-navigation.d.ts +9 -7
  125. package/src/entities/data/__generated__/component-sets/template-top-navigation.mjs +9 -7
  126. package/src/entities/data/__generated__/component-sets/text-field.d.ts +35 -36
  127. package/src/entities/data/__generated__/component-sets/text-field.mjs +35 -36
  128. package/src/entities/data/__generated__/component-sets/toggle-button.d.ts +7 -7
  129. package/src/entities/data/__generated__/component-sets/toggle-button.mjs +7 -7
  130. package/src/entities/data/__generated__/component-sets/top-navigation.d.ts +42 -0
  131. package/src/entities/data/__generated__/component-sets/top-navigation.mjs +42 -0
  132. package/src/entities/data/styles.ts +94 -0
  133. package/src/entities/index.ts +5 -2
  134. package/src/normalizer/from-plugin.ts +104 -44
  135. package/src/normalizer/types.ts +3 -1
  136. package/src/utils/figma-gradient.ts +72 -0
  137. package/src/utils/figma-node.ts +4 -3
  138. package/src/codegen/targets/react/component/handlers/action-chip.ts +0 -72
  139. package/src/codegen/targets/react/component/handlers/action-sheet.ts +0 -82
  140. package/src/codegen/targets/react/component/handlers/chip-tabs.ts +0 -57
  141. package/src/codegen/targets/react/component/handlers/control-chip.ts +0 -81
  142. package/src/codegen/targets/react/component/handlers/extended-action-sheet.ts +0 -98
  143. package/src/codegen/targets/react/component/handlers/extended-fab.ts +0 -25
  144. package/src/codegen/targets/react/component/handlers/fab.ts +0 -22
  145. package/src/codegen/targets/react/component/handlers/text-button.ts +0 -49
  146. package/src/entities/data/__generated__/component-sets/action-chip.d.ts +0 -57
  147. package/src/entities/data/__generated__/component-sets/action-chip.mjs +0 -57
  148. package/src/entities/data/__generated__/component-sets/action-sheet.d.ts +0 -40
  149. package/src/entities/data/__generated__/component-sets/action-sheet.mjs +0 -40
  150. package/src/entities/data/__generated__/component-sets/chip-tablist.d.ts +0 -24
  151. package/src/entities/data/__generated__/component-sets/chip-tablist.mjs +0 -24
  152. package/src/entities/data/__generated__/component-sets/control-chip.d.ts +0 -60
  153. package/src/entities/data/__generated__/component-sets/control-chip.mjs +0 -60
  154. package/src/entities/data/__generated__/component-sets/identity-placeholder.d.ts +0 -13
  155. package/src/entities/data/__generated__/component-sets/identity-placeholder.mjs +0 -13
  156. package/src/entities/data/__generated__/component-sets/manner-temp-bar.d.ts +0 -23
  157. package/src/entities/data/__generated__/component-sets/manner-temp-bar.mjs +0 -23
  158. package/src/entities/data/__generated__/component-sets/standard-navigation.d.ts +0 -23
  159. package/src/entities/data/__generated__/component-sets/standard-navigation.mjs +0 -23
  160. package/src/entities/data/__generated__/component-sets/tablist.d.ts +0 -29
  161. package/src/entities/data/__generated__/component-sets/tablist.mjs +0 -29
  162. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.d.ts +0 -42
  163. package/src/entities/data/__generated__/component-sets/template-bottom-fixed-bar.mjs +0 -42
  164. package/src/entities/data/__generated__/component-sets/text-button.d.ts +0 -45
  165. 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,155 @@ 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
+ },
698
+ "Has Suffix#32538:181": {
699
+ "type": "BOOLEAN"
700
+ },
701
+ "Variant": {
702
+ "type": "VARIANT",
703
+ "variantOptions": [
704
+ "Solid",
705
+ "Outline Strong",
706
+ "Outline Weak"
707
+ ]
704
708
  },
705
709
  "Size": {
706
710
  "type": "VARIANT",
707
711
  "variantOptions": [
712
+ "Large",
708
713
  "Medium",
709
714
  "Small"
710
715
  ]
711
716
  },
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": {
717
+ "State": {
723
718
  "type": "VARIANT",
724
719
  "variantOptions": [
725
720
  "Enabled",
726
721
  "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"
722
+ "Disabled"
764
723
  ]
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
- },
779
- "Description#14599:13": {
780
- "type": "TEXT"
781
724
  },
782
- "Title#14599:0": {
783
- "type": "TEXT"
784
- },
785
- "Type": {
725
+ "Selected": {
786
726
  "type": "VARIANT",
787
727
  "variantOptions": [
788
- "Normal",
789
- "Destructive"
728
+ "False",
729
+ "True"
790
730
  ]
791
731
  },
792
- "Action Group Count": {
732
+ "Prefix Type": {
793
733
  "type": "VARIANT",
794
734
  "variantOptions": [
795
- "1",
796
- "2"
735
+ "None",
736
+ "Icon",
737
+ "Avatar",
738
+ "Image"
797
739
  ]
798
740
  }
799
741
  }
800
742
  };
801
743
 
802
744
  declare const metadata$i: {
803
- "name": "🟢 Extended Floating Action Button",
745
+ "name": "🟢 Contextual Floating Button",
804
746
  "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
805
747
  "componentPropertyDefinitions": {
806
- "Label#28936:0": {
807
- "type": "TEXT"
808
- },
809
748
  "Icon#28796:0": {
810
749
  "type": "INSTANCE_SWAP",
811
750
  "preferredValues": []
812
751
  },
813
- "Size": {
752
+ "Label#28936:0": {
753
+ "type": "TEXT"
754
+ },
755
+ "Layout": {
814
756
  "type": "VARIANT",
815
757
  "variantOptions": [
816
- "Small",
817
- "Medium"
758
+ "Icon First",
759
+ "Icon Only"
818
760
  ]
819
761
  },
820
762
  "Variant": {
821
763
  "type": "VARIANT",
822
764
  "variantOptions": [
823
- "Neutral Solid",
824
- "Layer Floating"
765
+ "Solid",
766
+ "Layer"
825
767
  ]
826
768
  },
827
769
  "State": {
828
770
  "type": "VARIANT",
829
771
  "variantOptions": [
830
772
  "Enabled",
831
- "Pressed"
773
+ "Pressed",
774
+ "Loading",
775
+ "Disabled"
832
776
  ]
833
777
  }
834
778
  }
835
779
  };
836
780
 
837
781
  declare const metadata$h: {
838
- "name": "🟢 Floating Action Button",
839
- "key": "1974b94703032585bb9e20bd54743e01094b965c",
782
+ "name": "🟢 Divider",
783
+ "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
840
784
  "componentPropertyDefinitions": {
841
- "Icon#28796:0": {
842
- "type": "INSTANCE_SWAP",
843
- "preferredValues": []
844
- },
845
- "State": {
785
+ "Tone": {
846
786
  "type": "VARIANT",
847
787
  "variantOptions": [
848
- "Enabled",
849
- "Pressed"
788
+ "Neutral",
789
+ "Neutral Muted"
850
790
  ]
851
791
  }
852
792
  }
853
793
  };
854
794
 
855
795
  declare const metadata$g: {
796
+ "name": "🟢 Floating Action Button",
797
+ "key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
798
+ "componentPropertyDefinitions": {
799
+ "Type": {
800
+ "type": "VARIANT",
801
+ "variantOptions": [
802
+ "Button",
803
+ "Menu"
804
+ ]
805
+ }
806
+ }
807
+ };
808
+
809
+ declare const metadata$f: {
856
810
  "name": "🟢 Help Bubble",
857
811
  "key": "804b327c091278a40d5891939eaed90bb2889659",
858
812
  "componentPropertyDefinitions": {
813
+ "Show Description#62499:0": {
814
+ "type": "BOOLEAN"
815
+ },
859
816
  "Title#62535:0": {
860
817
  "type": "TEXT"
861
818
  },
862
819
  "Description#62535:98": {
863
820
  "type": "TEXT"
864
821
  },
865
- "Show Description#62499:0": {
866
- "type": "BOOLEAN"
867
- },
868
822
  "Placement": {
869
823
  "type": "VARIANT",
870
824
  "variantOptions": [
@@ -881,27 +835,6 @@ declare const metadata$g: {
881
835
  "Top-Center",
882
836
  "Top-Right"
883
837
  ]
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
838
  }
906
839
  }
907
840
  };
@@ -910,12 +843,12 @@ declare const metadata$e: {
910
843
  "name": "🟢 Inline Banner",
911
844
  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
912
845
  "componentPropertyDefinitions": {
913
- "Show Icon#11840:27": {
914
- "type": "BOOLEAN"
915
- },
916
846
  "Link Label#1547:81": {
917
847
  "type": "TEXT"
918
848
  },
849
+ "Show Icon#11840:27": {
850
+ "type": "BOOLEAN"
851
+ },
919
852
  "Interaction": {
920
853
  "type": "VARIANT",
921
854
  "variantOptions": [
@@ -948,10 +881,10 @@ declare const metadata$e: {
948
881
  };
949
882
 
950
883
  declare const metadata$d: {
951
- "name": "🟢 Manner Temp Badge",
952
- "key": "ac5331cec7a2c75b671df5b85ef247dfd820dd2f",
884
+ "name": "🟢 Manner Temp",
885
+ "key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
953
886
  "componentPropertyDefinitions": {
954
- "State": {
887
+ "Level": {
955
888
  "type": "VARIANT",
956
889
  "variantOptions": [
957
890
  "L1 (~29.9)",
@@ -966,44 +899,99 @@ declare const metadata$d: {
966
899
  };
967
900
 
968
901
  declare const metadata$c: {
969
- "name": "🟢 Multiline Text Field",
970
- "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
902
+ "name": "🟢 Manner Temp Badge",
903
+ "key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
971
904
  "componentPropertyDefinitions": {
972
- "Indicator#15327:286": {
905
+ "Level": {
906
+ "type": "VARIANT",
907
+ "variantOptions": [
908
+ "L1 (~29.9)",
909
+ "L2 (30.0~36.2)",
910
+ "L3 (36.3~37.5)",
911
+ "L4 (37.6~41.9)",
912
+ "L5 (42~51.9)",
913
+ "L6 (52~)"
914
+ ]
915
+ }
916
+ }
917
+ };
918
+
919
+ declare const metadata$b: {
920
+ "name": "🟢 Menu Sheet",
921
+ "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
922
+ "componentPropertyDefinitions": {
923
+ "Title Text#14599:0": {
973
924
  "type": "TEXT"
974
925
  },
975
- "Character Count#15327:360": {
976
- "type": "TEXT"
926
+ "Show Header#17043:12": {
927
+ "type": "BOOLEAN"
977
928
  },
978
- "Max Character Count#15327:175": {
929
+ "Description Text#21827:0": {
979
930
  "type": "TEXT"
980
931
  },
981
- "Label#15327:323": {
982
- "type": "TEXT"
932
+ "Show Safe Area#25531:15": {
933
+ "type": "BOOLEAN"
983
934
  },
984
- "Filled Text#1304:0": {
985
- "type": "TEXT"
935
+ "Show Description#32984:0": {
936
+ "type": "BOOLEAN"
986
937
  },
987
- "Show Character count#958:75": {
938
+ "Menu Group Count": {
939
+ "type": "VARIANT",
940
+ "variantOptions": [
941
+ "2",
942
+ "3",
943
+ "1"
944
+ ]
945
+ },
946
+ "Layout": {
947
+ "type": "VARIANT",
948
+ "variantOptions": [
949
+ "Text Only",
950
+ "Text with Icon"
951
+ ]
952
+ }
953
+ }
954
+ };
955
+
956
+ declare const metadata$a: {
957
+ "name": "🟢 Multiline Text Field",
958
+ "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
959
+ "componentPropertyDefinitions": {
960
+ "Show Header#870:0": {
988
961
  "type": "BOOLEAN"
989
962
  },
963
+ "Placeholder#958:0": {
964
+ "type": "TEXT"
965
+ },
990
966
  "Show Footer#958:25": {
991
967
  "type": "BOOLEAN"
992
968
  },
993
969
  "Show Description#958:50": {
994
970
  "type": "BOOLEAN"
995
971
  },
996
- "Description#15327:212": {
997
- "type": "TEXT"
972
+ "Show Character count#958:75": {
973
+ "type": "BOOLEAN"
998
974
  },
999
975
  "Show Indicator#1259:0": {
1000
976
  "type": "BOOLEAN"
1001
977
  },
1002
- "Placeholder#958:0": {
978
+ "Filled Text#1304:0": {
1003
979
  "type": "TEXT"
1004
980
  },
1005
- "Show Header#870:0": {
1006
- "type": "BOOLEAN"
981
+ "Max Character Count#15327:175": {
982
+ "type": "TEXT"
983
+ },
984
+ "Description#15327:212": {
985
+ "type": "TEXT"
986
+ },
987
+ "Indicator#15327:286": {
988
+ "type": "TEXT"
989
+ },
990
+ "Label#15327:323": {
991
+ "type": "TEXT"
992
+ },
993
+ "Character Count#15327:360": {
994
+ "type": "TEXT"
1007
995
  },
1008
996
  "Size": {
1009
997
  "type": "VARIANT",
@@ -1034,7 +1022,7 @@ declare const metadata$c: {
1034
1022
  }
1035
1023
  };
1036
1024
 
1037
- declare const metadata$b: {
1025
+ declare const metadata$9: {
1038
1026
  "name": "🟢 Progress Circle",
1039
1027
  "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
1040
1028
  "componentPropertyDefinitions": {
@@ -1050,7 +1038,8 @@ declare const metadata$b: {
1050
1038
  "variantOptions": [
1051
1039
  "Neutral",
1052
1040
  "Brand",
1053
- "Static White"
1041
+ "Static White",
1042
+ "Custom"
1054
1043
  ]
1055
1044
  },
1056
1045
  "Value": {
@@ -1066,21 +1055,21 @@ declare const metadata$b: {
1066
1055
  }
1067
1056
  };
1068
1057
 
1069
- declare const metadata$a: {
1058
+ declare const metadata$8: {
1070
1059
  "name": "🟢 Reaction Button",
1071
1060
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
1072
1061
  "componentPropertyDefinitions": {
1073
- "Icon#12379:0": {
1074
- "type": "INSTANCE_SWAP",
1075
- "preferredValues": []
1062
+ "Label#6397:0": {
1063
+ "type": "TEXT"
1076
1064
  },
1077
1065
  "Show Count#6397:33": {
1078
1066
  "type": "BOOLEAN"
1079
1067
  },
1080
- "Count#15816:0": {
1081
- "type": "TEXT"
1068
+ "Icon#12379:0": {
1069
+ "type": "INSTANCE_SWAP",
1070
+ "preferredValues": []
1082
1071
  },
1083
- "Label#6397:0": {
1072
+ "Count#15816:0": {
1084
1073
  "type": "TEXT"
1085
1074
  },
1086
1075
  "Size": {
@@ -1106,7 +1095,7 @@ declare const metadata$a: {
1106
1095
  }
1107
1096
  };
1108
1097
 
1109
- declare const metadata$9: {
1098
+ declare const metadata$7: {
1110
1099
  "name": "🟢 Segmented Control",
1111
1100
  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
1112
1101
  "componentPropertyDefinitions": {
@@ -1130,18 +1119,18 @@ declare const metadata$9: {
1130
1119
  }
1131
1120
  };
1132
1121
 
1133
- declare const metadata$8: {
1122
+ declare const metadata$6: {
1134
1123
  "name": "🟢 Select Box",
1135
1124
  "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
1136
1125
  "componentPropertyDefinitions": {
1137
- "Label#3635:0": {
1138
- "type": "TEXT"
1126
+ "Show Description#3033:0": {
1127
+ "type": "BOOLEAN"
1139
1128
  },
1140
1129
  "Description #3033:5": {
1141
1130
  "type": "TEXT"
1142
1131
  },
1143
- "Show Description#3033:0": {
1144
- "type": "BOOLEAN"
1132
+ "Label#3635:0": {
1133
+ "type": "TEXT"
1145
1134
  },
1146
1135
  "Control": {
1147
1136
  "type": "VARIANT",
@@ -1162,7 +1151,7 @@ declare const metadata$8: {
1162
1151
  }
1163
1152
  };
1164
1153
 
1165
- declare const metadata$7: {
1154
+ declare const metadata$5: {
1166
1155
  "name": "🟢 Skeleton",
1167
1156
  "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
1168
1157
  "componentPropertyDefinitions": {
@@ -1174,22 +1163,29 @@ declare const metadata$7: {
1174
1163
  "16",
1175
1164
  "Full"
1176
1165
  ]
1166
+ },
1167
+ "Tone": {
1168
+ "type": "VARIANT",
1169
+ "variantOptions": [
1170
+ "Magic",
1171
+ "Neutral"
1172
+ ]
1177
1173
  }
1178
1174
  }
1179
1175
  };
1180
1176
 
1181
- declare const metadata$6: {
1177
+ declare const metadata$4: {
1182
1178
  "name": "🟢 Snackbar",
1183
1179
  "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
1184
1180
  "componentPropertyDefinitions": {
1185
- "Action Button Label#1528:8": {
1186
- "type": "TEXT"
1181
+ "Show Action#1528:0": {
1182
+ "type": "BOOLEAN"
1187
1183
  },
1188
1184
  "Message#1528:4": {
1189
1185
  "type": "TEXT"
1190
1186
  },
1191
- "Show Action Button#1528:0": {
1192
- "type": "BOOLEAN"
1187
+ "Action Label#1528:8": {
1188
+ "type": "TEXT"
1193
1189
  },
1194
1190
  "Variant": {
1195
1191
  "type": "VARIANT",
@@ -1202,42 +1198,18 @@ declare const metadata$6: {
1202
1198
  }
1203
1199
  };
1204
1200
 
1205
- declare const metadata$5: {
1206
- "name": "🟢 Standard Navigation",
1207
- "key": "c07bfe331cf214375fce9ad47cb6fdb459d1fb1b",
1201
+ declare const metadata$3: {
1202
+ "name": "🟢 Switch",
1203
+ "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3",
1208
1204
  "componentPropertyDefinitions": {
1209
- "Title#28176:5": {
1210
- "type": "BOOLEAN"
1205
+ "Label#15191:2": {
1206
+ "type": "TEXT"
1211
1207
  },
1212
- "Variant": {
1208
+ "Size": {
1213
1209
  "type": "VARIANT",
1214
1210
  "variantOptions": [
1215
- "Layer Default",
1216
- "Transparent"
1217
- ]
1218
- },
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"
1211
+ "Small",
1212
+ "Medium"
1241
1213
  ]
1242
1214
  },
1243
1215
  "State": {
@@ -1246,166 +1218,89 @@ declare const metadata$4: {
1246
1218
  "Enabled",
1247
1219
  "Selected",
1248
1220
  "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"
1271
- ]
1272
- },
1273
- "Tab Count": {
1274
- "type": "VARIANT",
1275
- "variantOptions": [
1276
- "2",
1277
- "3",
1278
- "4",
1279
- "5+"
1221
+ "Selected-Disabled"
1280
1222
  ]
1281
1223
  }
1282
1224
  }
1283
1225
  };
1284
1226
 
1285
1227
  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
1228
  "name": "🟢 Text Field",
1333
1229
  "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
1334
1230
  "componentPropertyDefinitions": {
1335
- "Suffix Text#15327:138": {
1336
- "type": "TEXT"
1231
+ "Show Header#870:0": {
1232
+ "type": "BOOLEAN"
1337
1233
  },
1338
- "Indicator#15327:249": {
1234
+ "Placeholder#958:0": {
1339
1235
  "type": "TEXT"
1340
1236
  },
1341
- "Label#14964:0": {
1342
- "type": "TEXT"
1237
+ "Show Footer#958:25": {
1238
+ "type": "BOOLEAN"
1343
1239
  },
1344
- "Character Count#15327:64": {
1345
- "type": "TEXT"
1240
+ "Show Description#958:50": {
1241
+ "type": "BOOLEAN"
1346
1242
  },
1347
- "Description#12626:5": {
1348
- "type": "TEXT"
1243
+ "Show Character Count#958:75": {
1244
+ "type": "BOOLEAN"
1349
1245
  },
1350
- "Filled Text#1304:0": {
1351
- "type": "TEXT"
1246
+ "Show Suffix#958:100": {
1247
+ "type": "BOOLEAN"
1352
1248
  },
1353
- "Show Suffix Icon#1267:75": {
1249
+ "Show Prefix#958:125": {
1354
1250
  "type": "BOOLEAN"
1355
1251
  },
1356
- "Show Prefix Icon#1267:50": {
1252
+ "Show Indicator#1259:0": {
1253
+ "type": "BOOLEAN"
1254
+ },
1255
+ "Show Prefix Text#1267:0": {
1357
1256
  "type": "BOOLEAN"
1358
1257
  },
1359
1258
  "Prefix Icon#1267:25": {
1360
1259
  "type": "INSTANCE_SWAP",
1361
1260
  "preferredValues": []
1362
1261
  },
1363
- "Show Prefix#958:125": {
1262
+ "Show Prefix Icon#1267:50": {
1364
1263
  "type": "BOOLEAN"
1365
1264
  },
1366
- "Show Suffix#958:100": {
1265
+ "Show Suffix Icon#1267:75": {
1367
1266
  "type": "BOOLEAN"
1368
1267
  },
1369
- "Show Character Count#958:75": {
1370
- "type": "BOOLEAN"
1268
+ "Suffix Icon #1267:100": {
1269
+ "type": "INSTANCE_SWAP",
1270
+ "preferredValues": []
1371
1271
  },
1372
- "Show Footer#958:25": {
1272
+ "Show Suffix Text#1267:125": {
1373
1273
  "type": "BOOLEAN"
1374
1274
  },
1375
- "Max Character Count#15327:27": {
1275
+ "Filled Text#1304:0": {
1376
1276
  "type": "TEXT"
1377
1277
  },
1378
- "Show Prefix Text#1267:0": {
1379
- "type": "BOOLEAN"
1278
+ "Description#12626:5": {
1279
+ "type": "TEXT"
1380
1280
  },
1381
- "Show Suffix Text#1267:125": {
1382
- "type": "BOOLEAN"
1281
+ "Label#14964:0": {
1282
+ "type": "TEXT"
1383
1283
  },
1384
- "Suffix Icon #1267:100": {
1385
- "type": "INSTANCE_SWAP",
1386
- "preferredValues": []
1284
+ "Max Character Count#15327:27": {
1285
+ "type": "TEXT"
1387
1286
  },
1388
- "Show Description#958:50": {
1389
- "type": "BOOLEAN"
1287
+ "Character Count#15327:64": {
1288
+ "type": "TEXT"
1390
1289
  },
1391
1290
  "Prefix Text#15327:101": {
1392
1291
  "type": "TEXT"
1393
1292
  },
1394
- "Show Indicator#1259:0": {
1395
- "type": "BOOLEAN"
1396
- },
1397
- "Placeholder#958:0": {
1293
+ "Suffix Text#15327:138": {
1398
1294
  "type": "TEXT"
1399
1295
  },
1400
- "Show Header#870:0": {
1401
- "type": "BOOLEAN"
1296
+ "Indicator#15327:249": {
1297
+ "type": "TEXT"
1402
1298
  },
1403
1299
  "Size": {
1404
1300
  "type": "VARIANT",
1405
1301
  "variantOptions": [
1406
1302
  "Medium",
1407
- "Large",
1408
- "XLarge"
1303
+ "Large(Default)"
1409
1304
  ]
1410
1305
  },
1411
1306
  "State": {
@@ -1429,26 +1324,26 @@ declare const metadata$1: {
1429
1324
  }
1430
1325
  };
1431
1326
 
1432
- declare const metadata: {
1327
+ declare const metadata$1: {
1433
1328
  "name": "🟢 Toggle Button",
1434
1329
  "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
1435
1330
  "componentPropertyDefinitions": {
1436
- "Suffix Icon#6122:343": {
1331
+ "Label#6122:49": {
1332
+ "type": "TEXT"
1333
+ },
1334
+ "Prefix Icon#6122:98": {
1437
1335
  "type": "INSTANCE_SWAP",
1438
1336
  "preferredValues": []
1439
1337
  },
1440
- "Show Prefix Icon#6122:392": {
1441
- "type": "BOOLEAN"
1442
- },
1443
1338
  "Show Suffix Icon#6122:147": {
1444
1339
  "type": "BOOLEAN"
1445
1340
  },
1446
- "Prefix Icon#6122:98": {
1341
+ "Suffix Icon#6122:343": {
1447
1342
  "type": "INSTANCE_SWAP",
1448
1343
  "preferredValues": []
1449
1344
  },
1450
- "Label#6122:49": {
1451
- "type": "TEXT"
1345
+ "Show Prefix Icon#6122:392": {
1346
+ "type": "BOOLEAN"
1452
1347
  },
1453
1348
  "Size": {
1454
1349
  "type": "VARIANT",
@@ -1480,76 +1375,153 @@ declare const metadata: {
1480
1375
  }
1481
1376
  };
1482
1377
 
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": {
1378
+ declare const metadata: {
1379
+ "name": "🟢 Top Navigation",
1380
+ "key": "f6d069d65f8ffc8b430fd8f3013910557f36e9da",
1381
+ "componentPropertyDefinitions": {
1382
+ "Show Title#33588:82": {
1383
+ "type": "BOOLEAN"
1384
+ },
1385
+ "OS (Figma Only)": {
1386
+ "type": "VARIANT",
1387
+ "variantOptions": [
1388
+ "iOS",
1389
+ "Android"
1390
+ ]
1391
+ },
1392
+ "Variant": {
1393
+ "type": "VARIANT",
1394
+ "variantOptions": [
1395
+ "Layer Default",
1396
+ "Transparent"
1397
+ ]
1398
+ },
1399
+ "Left": {
1400
+ "type": "VARIANT",
1401
+ "variantOptions": [
1402
+ "Back",
1403
+ "Close",
1404
+ "Custom",
1405
+ "None"
1406
+ ]
1407
+ },
1408
+ "Right": {
1409
+ "type": "VARIANT",
1410
+ "variantOptions": [
1411
+ "1 Icon Button",
1412
+ "2 Icon Button",
1413
+ "3 Icon Button",
1414
+ "Text Button",
1415
+ "None"
1416
+ ]
1417
+ }
1418
+ }
1419
+ };
1420
+
1421
+ type ActionButtonProperties = InferComponentDefinition<typeof metadata$r.componentPropertyDefinitions>;
1422
+ type ActionButtonGhostProperties = InferComponentDefinition<{
1423
+ "Label#30511:2": {
1488
1424
  type: "TEXT";
1489
- defaultValue: "액션 버튼";
1425
+ defaultValue: "라벨";
1490
1426
  };
1491
- Tone: {
1492
- type: "VARIANT";
1493
- defaultValue: "Default";
1494
- variantOptions: ["Default", "Critical"];
1427
+ "Prefix Icon#30511:3": {
1428
+ type: "INSTANCE_SWAP";
1429
+ defaultValue: "26621:24682";
1430
+ preferredValues: [];
1495
1431
  };
1496
- State: {
1432
+ "Suffix Icon#30525:0": {
1433
+ type: "INSTANCE_SWAP";
1434
+ defaultValue: "26621:23545";
1435
+ preferredValues: [
1436
+ {
1437
+ type: "COMPONENT_SET";
1438
+ key: "c8415f85843e5aea5a1d3620d03d16b643bf86cd";
1439
+ },
1440
+ {
1441
+ type: "COMPONENT_SET";
1442
+ key: "0d0a2bc648a2c4e1f06a56a30ef16299b6e91037";
1443
+ },
1444
+ {
1445
+ type: "COMPONENT_SET";
1446
+ key: "8f28ae559baf8f388d84ccc3ad65a282966e1b05";
1447
+ },
1448
+ {
1449
+ type: "COMPONENT_SET";
1450
+ key: "57341e8a9961bf31590240dd288e57c76969098d";
1451
+ }
1452
+ ];
1453
+ };
1454
+ "Icon#30525:15": {
1455
+ type: "INSTANCE_SWAP";
1456
+ defaultValue: "34885:102336";
1457
+ preferredValues: [];
1458
+ };
1459
+ Bleed: {
1497
1460
  type: "VARIANT";
1498
- defaultValue: "Enabled";
1499
- variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
1461
+ defaultValue: "true";
1462
+ variantOptions: ["true", "false"];
1500
1463
  };
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: "라벨";
1464
+ Size: {
1465
+ type: "VARIANT";
1466
+ defaultValue: "Medium";
1467
+ variantOptions: ["Xsmall", "Small", "Medium", "Large"];
1512
1468
  };
1513
- Variant: {
1469
+ Layout: {
1514
1470
  type: "VARIANT";
1515
- defaultValue: "Neutral Solid";
1516
- variantOptions: ["Neutral Solid", "Brand Solid"];
1471
+ defaultValue: "Icon First";
1472
+ variantOptions: ["Text Only", "Icon First", "Icon Last", "Icon Only"];
1517
1473
  };
1518
1474
  State: {
1519
1475
  type: "VARIANT";
1520
1476
  defaultValue: "Enabled";
1477
+ variantOptions: ["Enabled", "Pressed", "Loading", "Disabled"];
1478
+ };
1479
+ }>;
1480
+ type AlertDialogProperties = InferComponentDefinition<typeof metadata$q.componentPropertyDefinitions>;
1481
+ type AlertDialogFooterProperties = InferComponentDefinition<{
1482
+ Type: {
1483
+ type: "VARIANT";
1484
+ defaultValue: "Single";
1521
1485
  variantOptions: [
1522
- "Enabled",
1523
- "Enabled-Pressed",
1524
- "Enabled-Selected",
1525
- "Enabled-Selected-Pressed",
1526
- "Disabled",
1527
- "Disabled-Selected"
1486
+ "Single",
1487
+ "Neutral",
1488
+ "Neutral (Overflow)",
1489
+ "Critical",
1490
+ "Critical (Overflow)",
1491
+ "Nonpreferred"
1528
1492
  ];
1529
1493
  };
1530
1494
  }>;
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<{
1495
+ type AvatarProperties = InferComponentDefinition<typeof metadata$p.componentPropertyDefinitions>;
1496
+ type AvatarStackProperties = InferComponentDefinition<typeof metadata$o.componentPropertyDefinitions>;
1497
+ type BadgeProperties = InferComponentDefinition<typeof metadata$n.componentPropertyDefinitions>;
1498
+ type BottomSheetProperties = InferComponentDefinition<typeof metadata$m.componentPropertyDefinitions>;
1499
+ type CalloutProperties = InferComponentDefinition<typeof metadata$l.componentPropertyDefinitions>;
1500
+ type CheckboxProperties = InferComponentDefinition<typeof metadata$k.componentPropertyDefinitions>;
1501
+ type ChipProperties = InferComponentDefinition<typeof metadata$j.componentPropertyDefinitions>;
1502
+ type ContextualFloatingButtonProperties = InferComponentDefinition<typeof metadata$i.componentPropertyDefinitions>;
1503
+ type DividerProperties = InferComponentDefinition<typeof metadata$h.componentPropertyDefinitions>;
1504
+ type ErrorStateProperties = InferComponentDefinition<typeof metadata$t.componentPropertyDefinitions>;
1505
+ type MenuSheetProperties = InferComponentDefinition<typeof metadata$b.componentPropertyDefinitions>;
1506
+ type MenuSheetGroupProperties = InferComponentDefinition<{
1535
1507
  "Action Count": {
1536
1508
  type: "VARIANT";
1537
1509
  defaultValue: "8";
1538
1510
  variantOptions: ["1", "2", "3", "4", "5", "6", "7", "8"];
1539
1511
  };
1540
1512
  }>;
1541
- type ExtendedActionSheetItemProperties = InferComponentDefinition<{
1513
+ type MenuSheetItemProperties = InferComponentDefinition<{
1542
1514
  "Show Prefix Icon#17043:5": {
1543
1515
  type: "BOOLEAN";
1544
1516
  defaultValue: true;
1545
1517
  };
1546
1518
  "Label#55905:8": {
1547
1519
  type: "TEXT";
1548
- defaultValue: "액션 버튼";
1520
+ defaultValue: "라벨";
1549
1521
  };
1550
1522
  "Prefix Icon#55948:0": {
1551
1523
  type: "INSTANCE_SWAP";
1552
- defaultValue: "17024:100799";
1524
+ defaultValue: "26621:23245";
1553
1525
  preferredValues: [];
1554
1526
  };
1555
1527
  Tone: {
@@ -1560,97 +1532,100 @@ type ExtendedActionSheetItemProperties = InferComponentDefinition<{
1560
1532
  State: {
1561
1533
  type: "VARIANT";
1562
1534
  defaultValue: "Enabled";
1563
- variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
1535
+ variantOptions: ["Enabled", "Pressed", "Disabled"];
1536
+ };
1537
+ Layout: {
1538
+ type: "VARIANT";
1539
+ defaultValue: "Text Only";
1540
+ variantOptions: ["Text with Icon", "Text Only"];
1564
1541
  };
1565
1542
  }>;
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": {
1543
+ type FloatingActionButtonProperties = InferComponentDefinition<typeof metadata$g.componentPropertyDefinitions>;
1544
+ type FloatingActionButtonButtonItemProperties = InferComponentDefinition<{
1545
+ "Icon#29766:18": {
1546
+ type: "INSTANCE_SWAP";
1547
+ defaultValue: "26621:24681";
1548
+ preferredValues: [];
1549
+ };
1550
+ "Label#29808:0": {
1578
1551
  type: "TEXT";
1579
1552
  defaultValue: "라벨";
1580
1553
  };
1581
1554
  State: {
1582
1555
  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
- ];
1556
+ defaultValue: "Enabled";
1557
+ variantOptions: ["Enabled", "Pressed"];
1558
+ };
1559
+ Extended: {
1560
+ type: "VARIANT";
1561
+ defaultValue: "True";
1562
+ variantOptions: ["True", "False"];
1592
1563
  };
1593
1564
  }>;
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": {
1565
+ type FloatingActionButtonMenuItemProperties = InferComponentDefinition<{
1566
+ "Icon#29766:0": {
1567
+ type: "INSTANCE_SWAP";
1568
+ defaultValue: "26621:24681";
1569
+ preferredValues: [];
1570
+ };
1571
+ "Label#29766:9": {
1602
1572
  type: "TEXT";
1603
1573
  defaultValue: "라벨";
1604
1574
  };
1605
- Size: {
1575
+ State: {
1606
1576
  type: "VARIANT";
1607
- defaultValue: "Small";
1608
- variantOptions: ["Small", "Medium"];
1577
+ defaultValue: "Enabled";
1578
+ variantOptions: ["Pressed", "Enabled"];
1609
1579
  };
1610
- Notification: {
1580
+ Extended: {
1581
+ type: "VARIANT";
1582
+ defaultValue: "True";
1583
+ variantOptions: ["True", "False"];
1584
+ };
1585
+ Open: {
1611
1586
  type: "VARIANT";
1612
1587
  defaultValue: "False";
1613
1588
  variantOptions: ["True", "False"];
1614
1589
  };
1615
- State: {
1590
+ }>;
1591
+ type HelpBubbleProperties = InferComponentDefinition<typeof metadata$f.componentPropertyDefinitions>;
1592
+ type IdentityPlaceholderProperties = InferComponentDefinition<{
1593
+ Identity: {
1616
1594
  type: "VARIANT";
1617
- defaultValue: "Enabled-Selected";
1618
- variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
1595
+ defaultValue: "Person";
1596
+ variantOptions: ["Person", "Business"];
1619
1597
  };
1620
1598
  }>;
1621
- type TabsFillItemProperties = InferComponentDefinition<{
1622
- "Label#4478:2": {
1599
+ type InlineBannerProperties = InferComponentDefinition<typeof metadata$e.componentPropertyDefinitions>;
1600
+ type MannerTempProperties = InferComponentDefinition<typeof metadata$d.componentPropertyDefinitions>;
1601
+ type MannerTempBadgeProperties = InferComponentDefinition<typeof metadata$c.componentPropertyDefinitions>;
1602
+ type MultilineTextFieldProperties = InferComponentDefinition<typeof metadata$a.componentPropertyDefinitions>;
1603
+ type ProgressCircleProperties = InferComponentDefinition<typeof metadata$9.componentPropertyDefinitions>;
1604
+ type ReactionButtonProperties = InferComponentDefinition<typeof metadata$8.componentPropertyDefinitions>;
1605
+ type SegmentedControlProperties = InferComponentDefinition<typeof metadata$7.componentPropertyDefinitions>;
1606
+ type SegmentedControlItemProperties = InferComponentDefinition<{
1607
+ "Label#11366:15": {
1623
1608
  type: "TEXT";
1624
1609
  defaultValue: "라벨";
1625
1610
  };
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
1611
  State: {
1637
1612
  type: "VARIANT";
1638
- defaultValue: "Enabled-Selected";
1639
- variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
1613
+ defaultValue: "Enabled";
1614
+ variantOptions: ["Enabled", "Pressed", "Selected", "Disabled", "Disabled-Selected"];
1640
1615
  };
1641
1616
  }>;
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>;
1617
+ type SkeletonProperties = InferComponentDefinition<typeof metadata$5.componentPropertyDefinitions>;
1618
+ type SnackbarProperties = InferComponentDefinition<typeof metadata$4.componentPropertyDefinitions>;
1619
+ type SwitchProperties = InferComponentDefinition<typeof metadata$3.componentPropertyDefinitions>;
1620
+ type ToggleButtonProperties = InferComponentDefinition<typeof metadata$1.componentPropertyDefinitions>;
1621
+ type SelectBoxGroupProperties = InferComponentDefinition<typeof metadata$s.componentPropertyDefinitions>;
1622
+ type SelectBoxProperties = InferComponentDefinition<typeof metadata$6.componentPropertyDefinitions>;
1623
+ type TextFieldProperties = InferComponentDefinition<typeof metadata$2.componentPropertyDefinitions>;
1624
+ type AppBarProperties = InferComponentDefinition<typeof metadata.componentPropertyDefinitions>;
1646
1625
  type AppBarMainProperties = InferComponentDefinition<{
1647
- "Show Right#16958:13": {
1648
- type: "BOOLEAN";
1649
- defaultValue: false;
1650
- };
1651
- "Subtitle#16958:9": {
1626
+ "Title#16944:0": {
1652
1627
  type: "TEXT";
1653
- defaultValue: "서브타이틀";
1628
+ defaultValue: "타이틀";
1654
1629
  };
1655
1630
  "Logo#16958:5": {
1656
1631
  type: "INSTANCE_SWAP";
@@ -1662,32 +1637,134 @@ type AppBarMainProperties = InferComponentDefinition<{
1662
1637
  }
1663
1638
  ];
1664
1639
  };
1665
- "Show Left#16958:17": {
1640
+ "Subtitle#16958:9": {
1641
+ type: "TEXT";
1642
+ defaultValue: "서브타이틀";
1643
+ };
1644
+ "Show Right#16958:13": {
1666
1645
  type: "BOOLEAN";
1667
1646
  defaultValue: false;
1668
1647
  };
1669
- "Title#16944:0": {
1670
- type: "TEXT";
1671
- defaultValue: "타이틀";
1648
+ "Show Left#16958:17": {
1649
+ type: "BOOLEAN";
1650
+ defaultValue: false;
1672
1651
  };
1673
1652
  Type: {
1674
1653
  type: "VARIANT";
1675
1654
  defaultValue: "Title";
1676
- variantOptions: ["Title", "Title-Subtitle", "Logo"];
1655
+ variantOptions: ["Title", "Title-Subtitle", "Logo (Figma Only)"];
1656
+ };
1657
+ }>;
1658
+ type AppBarLeftIconButtonProperties = InferComponentDefinition<{
1659
+ "Icon#33580:0": {
1660
+ type: "INSTANCE_SWAP";
1661
+ defaultValue: "26621:23427";
1662
+ preferredValues: [];
1663
+ };
1664
+ }>;
1665
+ type AppBarRightIconButtonProperties = InferComponentDefinition<{
1666
+ "Icon#6406:3": {
1667
+ type: "INSTANCE_SWAP";
1668
+ defaultValue: "34885:102301";
1669
+ preferredValues: [
1670
+ {
1671
+ type: "COMPONENT_SET";
1672
+ key: "bc7bc98e19d8ffdd9efdc94b610c6af28156f867";
1673
+ },
1674
+ {
1675
+ type: "COMPONENT_SET";
1676
+ key: "d766c026e52ee6c78cbf1a474068264e831ddfe3";
1677
+ },
1678
+ {
1679
+ type: "COMPONENT_SET";
1680
+ key: "a4cb85e4d25a320d27a48c3e8132a6c01b45ab3c";
1681
+ },
1682
+ {
1683
+ type: "COMPONENT_SET";
1684
+ key: "e262d9b447adff63d15a6f1af60ae47cbc1ca47f";
1685
+ },
1686
+ {
1687
+ type: "COMPONENT_SET";
1688
+ key: "1d3918afcac320eff3aafc2719b98cf5141afa55";
1689
+ },
1690
+ {
1691
+ type: "COMPONENT_SET";
1692
+ key: "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa";
1693
+ },
1694
+ {
1695
+ type: "COMPONENT_SET";
1696
+ key: "98ee886122c725ac9e3e682f31efd1d1a1bec90d";
1697
+ },
1698
+ {
1699
+ type: "COMPONENT_SET";
1700
+ key: "bf71b0c5c8664149298fe1b3c58905715a523e19";
1701
+ },
1702
+ {
1703
+ type: "COMPONENT_SET";
1704
+ key: "47a8df3d59bc52aef1c584d992c05771a8125965";
1705
+ },
1706
+ {
1707
+ type: "COMPONENT_SET";
1708
+ key: "0fcbc3c123d5c7ee7a5dd20e0860ee25bdc19e30";
1709
+ }
1710
+ ];
1711
+ };
1712
+ Notification: {
1713
+ type: "VARIANT";
1714
+ defaultValue: "False";
1715
+ variantOptions: ["False", "True"];
1716
+ };
1717
+ }>;
1718
+ type TabsUnderlineHugItemProperties = InferComponentDefinition<{
1719
+ "Label#4478:2": {
1720
+ type: "TEXT";
1721
+ defaultValue: "라벨";
1722
+ };
1723
+ "Has Notification#32892:0": {
1724
+ type: "BOOLEAN";
1725
+ defaultValue: false;
1726
+ };
1727
+ Size: {
1728
+ type: "VARIANT";
1729
+ defaultValue: "Small";
1730
+ variantOptions: ["Small", "Medium"];
1731
+ };
1732
+ State: {
1733
+ type: "VARIANT";
1734
+ defaultValue: "Selected";
1735
+ variantOptions: ["Enabled", "Selected", "Disabled"];
1677
1736
  };
1678
1737
  }>;
1679
- type AppBarLeftProperties = InferComponentDefinition<{
1680
- Action: {
1738
+ type TabsUnderlineFillItemProperties = 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: {
1681
1753
  type: "VARIANT";
1682
- defaultValue: "Back";
1683
- variantOptions: ["Back", "Close", "Other"];
1754
+ defaultValue: "Selected";
1755
+ variantOptions: ["Enabled", "Selected", "Disabled"];
1684
1756
  };
1685
1757
  }>;
1686
- type AppBarRightProperties = InferComponentDefinition<{
1687
- Type: {
1758
+ type TabsChipItemProperties = InferComponentDefinition<{
1759
+ Size: {
1760
+ type: "VARIANT";
1761
+ defaultValue: "Large";
1762
+ variantOptions: ["Medium", "Large"];
1763
+ };
1764
+ Variant: {
1688
1765
  type: "VARIANT";
1689
- defaultValue: "1 Icon";
1690
- variantOptions: ["1 Icon", "2 Icons", "3 Icons", "1 Text"];
1766
+ defaultValue: "Solid";
1767
+ variantOptions: ["Solid", "Outline"];
1691
1768
  };
1692
1769
  }>;
1693
1770
 
@@ -1697,7 +1774,10 @@ interface CreatePipelineConfig {
1697
1774
  }
1698
1775
  declare function createPipeline(options?: CreatePipelineConfig): CodeGenerator;
1699
1776
 
1700
- type FigmaValueResolver = ValueResolver<string, number, number, number>;
1777
+ type FigmaValueResolver = ValueResolver<string, {
1778
+ value: string;
1779
+ direction?: string;
1780
+ }, number, number, number>;
1701
1781
 
1702
1782
  interface PropsConverters {
1703
1783
  containerLayout: PropsConverter<ContainerLayoutTrait, ContainerLayoutProps>;
@@ -1840,5 +1920,5 @@ declare namespace index {
1840
1920
  }
1841
1921
 
1842
1922
  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 };
1923
+ export type { ActionButtonGhostProperties, ActionButtonProperties, AlertDialogFooterProperties, AlertDialogProperties, AppBarLeftIconButtonProperties, AppBarMainProperties, AppBarProperties, AppBarRightIconButtonProperties, AvatarProperties, AvatarStackProperties, BadgeProperties, BottomSheetProperties, CalloutProperties, CheckboxProperties, 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
1924
  //# sourceMappingURL=index.d.ts.map