@seed-design/figma 0.0.2

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 (121) hide show
  1. package/lib/index.cjs +13918 -0
  2. package/lib/index.d.ts +63 -0
  3. package/lib/index.js +13916 -0
  4. package/package.json +44 -0
  5. package/src/color.ts +78 -0
  6. package/src/component/index.ts +1688 -0
  7. package/src/component/properties.ts +20 -0
  8. package/src/component/type-helper.ts +29 -0
  9. package/src/component/type.ts +318 -0
  10. package/src/data/__generated__/component-sets/action-button.d.ts +59 -0
  11. package/src/data/__generated__/component-sets/action-button.mjs +59 -0
  12. package/src/data/__generated__/component-sets/action-chip.d.ts +57 -0
  13. package/src/data/__generated__/component-sets/action-chip.mjs +57 -0
  14. package/src/data/__generated__/component-sets/action-sheet.d.ts +40 -0
  15. package/src/data/__generated__/component-sets/action-sheet.mjs +40 -0
  16. package/src/data/__generated__/component-sets/avatar-stack.d.ts +32 -0
  17. package/src/data/__generated__/component-sets/avatar-stack.mjs +32 -0
  18. package/src/data/__generated__/component-sets/avatar.d.ts +25 -0
  19. package/src/data/__generated__/component-sets/avatar.mjs +25 -0
  20. package/src/data/__generated__/component-sets/badge.d.ts +41 -0
  21. package/src/data/__generated__/component-sets/badge.mjs +41 -0
  22. package/src/data/__generated__/component-sets/bottom-navigation-global.d.ts +20 -0
  23. package/src/data/__generated__/component-sets/bottom-navigation-global.mjs +20 -0
  24. package/src/data/__generated__/component-sets/bottom-navigation-kr.d.ts +13 -0
  25. package/src/data/__generated__/component-sets/bottom-navigation-kr.mjs +13 -0
  26. package/src/data/__generated__/component-sets/bottom-sheet.d.ts +14 -0
  27. package/src/data/__generated__/component-sets/bottom-sheet.mjs +14 -0
  28. package/src/data/__generated__/component-sets/callout.d.ts +57 -0
  29. package/src/data/__generated__/component-sets/callout.mjs +57 -0
  30. package/src/data/__generated__/component-sets/checkbox.d.ts +44 -0
  31. package/src/data/__generated__/component-sets/checkbox.mjs +44 -0
  32. package/src/data/__generated__/component-sets/chip-tablist.d.ts +24 -0
  33. package/src/data/__generated__/component-sets/chip-tablist.mjs +24 -0
  34. package/src/data/__generated__/component-sets/control-chip.d.ts +60 -0
  35. package/src/data/__generated__/component-sets/control-chip.mjs +60 -0
  36. package/src/data/__generated__/component-sets/divider.d.ts +13 -0
  37. package/src/data/__generated__/component-sets/divider.mjs +13 -0
  38. package/src/data/__generated__/component-sets/error-state.d.ts +32 -0
  39. package/src/data/__generated__/component-sets/error-state.mjs +32 -0
  40. package/src/data/__generated__/component-sets/extended-action-sheet.d.ts +32 -0
  41. package/src/data/__generated__/component-sets/extended-action-sheet.mjs +32 -0
  42. package/src/data/__generated__/component-sets/extended-floating-action-button.d.ts +34 -0
  43. package/src/data/__generated__/component-sets/extended-floating-action-button.mjs +34 -0
  44. package/src/data/__generated__/component-sets/floating-action-button.d.ts +17 -0
  45. package/src/data/__generated__/component-sets/floating-action-button.mjs +17 -0
  46. package/src/data/__generated__/component-sets/help-bubble.d.ts +39 -0
  47. package/src/data/__generated__/component-sets/help-bubble.mjs +39 -0
  48. package/src/data/__generated__/component-sets/identity-placeholder.d.ts +13 -0
  49. package/src/data/__generated__/component-sets/identity-placeholder.mjs +13 -0
  50. package/src/data/__generated__/component-sets/index.d.ts +47 -0
  51. package/src/data/__generated__/component-sets/index.mjs +47 -0
  52. package/src/data/__generated__/component-sets/inline-banner.d.ts +40 -0
  53. package/src/data/__generated__/component-sets/inline-banner.mjs +40 -0
  54. package/src/data/__generated__/component-sets/main-tab-navigation-global.d.ts +26 -0
  55. package/src/data/__generated__/component-sets/main-tab-navigation-global.mjs +26 -0
  56. package/src/data/__generated__/component-sets/main-tab-navigation-kr.d.ts +23 -0
  57. package/src/data/__generated__/component-sets/main-tab-navigation-kr.mjs +23 -0
  58. package/src/data/__generated__/component-sets/manner-temp-badge.d.ts +17 -0
  59. package/src/data/__generated__/component-sets/manner-temp-badge.mjs +17 -0
  60. package/src/data/__generated__/component-sets/manner-temp-bar.d.ts +23 -0
  61. package/src/data/__generated__/component-sets/manner-temp-bar.mjs +23 -0
  62. package/src/data/__generated__/component-sets/manner-temp.d.ts +17 -0
  63. package/src/data/__generated__/component-sets/manner-temp.mjs +17 -0
  64. package/src/data/__generated__/component-sets/multiline-text-field.d.ts +68 -0
  65. package/src/data/__generated__/component-sets/multiline-text-field.mjs +68 -0
  66. package/src/data/__generated__/component-sets/progress-circle.d.ts +31 -0
  67. package/src/data/__generated__/component-sets/progress-circle.mjs +31 -0
  68. package/src/data/__generated__/component-sets/radio.d.ts +27 -0
  69. package/src/data/__generated__/component-sets/radio.mjs +27 -0
  70. package/src/data/__generated__/component-sets/range-slider.d.ts +31 -0
  71. package/src/data/__generated__/component-sets/range-slider.mjs +31 -0
  72. package/src/data/__generated__/component-sets/reaction-button.d.ts +39 -0
  73. package/src/data/__generated__/component-sets/reaction-button.mjs +39 -0
  74. package/src/data/__generated__/component-sets/segmented-control.d.ts +23 -0
  75. package/src/data/__generated__/component-sets/segmented-control.mjs +23 -0
  76. package/src/data/__generated__/component-sets/select-box.d.ts +31 -0
  77. package/src/data/__generated__/component-sets/select-box.mjs +31 -0
  78. package/src/data/__generated__/component-sets/skeleton.d.ts +15 -0
  79. package/src/data/__generated__/component-sets/skeleton.mjs +15 -0
  80. package/src/data/__generated__/component-sets/slider.d.ts +31 -0
  81. package/src/data/__generated__/component-sets/slider.mjs +31 -0
  82. package/src/data/__generated__/component-sets/snackbar.d.ts +23 -0
  83. package/src/data/__generated__/component-sets/snackbar.mjs +23 -0
  84. package/src/data/__generated__/component-sets/standard-navigation.d.ts +23 -0
  85. package/src/data/__generated__/component-sets/standard-navigation.mjs +23 -0
  86. package/src/data/__generated__/component-sets/switch.d.ts +25 -0
  87. package/src/data/__generated__/component-sets/switch.mjs +25 -0
  88. package/src/data/__generated__/component-sets/tablist.d.ts +29 -0
  89. package/src/data/__generated__/component-sets/tablist.mjs +29 -0
  90. package/src/data/__generated__/component-sets/template-bottom-fixed-bar.d.ts +42 -0
  91. package/src/data/__generated__/component-sets/template-bottom-fixed-bar.mjs +42 -0
  92. package/src/data/__generated__/component-sets/template-button-group.d.ts +51 -0
  93. package/src/data/__generated__/component-sets/template-button-group.mjs +51 -0
  94. package/src/data/__generated__/component-sets/template-chip-group.d.ts +26 -0
  95. package/src/data/__generated__/component-sets/template-chip-group.mjs +26 -0
  96. package/src/data/__generated__/component-sets/template-select-box-group.d.ts +24 -0
  97. package/src/data/__generated__/component-sets/template-select-box-group.mjs +24 -0
  98. package/src/data/__generated__/component-sets/template-top-navigation.d.ts +25 -0
  99. package/src/data/__generated__/component-sets/template-top-navigation.mjs +25 -0
  100. package/src/data/__generated__/component-sets/text-button.d.ts +45 -0
  101. package/src/data/__generated__/component-sets/text-button.mjs +45 -0
  102. package/src/data/__generated__/component-sets/text-field.d.ts +100 -0
  103. package/src/data/__generated__/component-sets/text-field.mjs +100 -0
  104. package/src/data/__generated__/component-sets/toggle-button.d.ts +50 -0
  105. package/src/data/__generated__/component-sets/toggle-button.mjs +50 -0
  106. package/src/data/icons.ts +2774 -0
  107. package/src/data/styles.ts +142 -0
  108. package/src/data/variables.ts +7772 -0
  109. package/src/generate-code.ts +213 -0
  110. package/src/icon.ts +46 -0
  111. package/src/index.ts +3 -0
  112. package/src/jsx.ts +104 -0
  113. package/src/layout.ts +289 -0
  114. package/src/node-util.ts +49 -0
  115. package/src/normalizer/from-plugin.ts +345 -0
  116. package/src/normalizer/from-rest.ts +178 -0
  117. package/src/normalizer/types.ts +94 -0
  118. package/src/sizing.ts +58 -0
  119. package/src/text.ts +20 -0
  120. package/src/util.ts +17 -0
  121. package/src/variable.ts +66 -0
package/lib/index.d.ts ADDED
@@ -0,0 +1,63 @@
1
+ import * as FigmaRestSpec from '@figma/rest-api-spec';
2
+
3
+ type CommonProps = "type" | "id" | "name" | "boundVariables";
4
+ type RadiusProps = "cornerRadius" | "rectangleCornerRadii";
5
+ type ShapeProps = "layoutGrow" | "layoutAlign" | "layoutSizingHorizontal" | "layoutSizingVertical" | "absoluteBoundingBox" | "fills" | "strokes" | "strokeWeight";
6
+ type LayoutProps = "layoutMode" | "layoutWrap" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "primaryAxisAlignItems" | "counterAxisAlignItems" | "primaryAxisSizingMode" | "counterAxisSizingMode" | "itemSpacing" | "counterAxisSpacing";
7
+ interface NormalizedFrameNode extends Pick<FigmaRestSpec.FrameNode, CommonProps | ShapeProps | RadiusProps | LayoutProps> {
8
+ children: NormalizedSceneNode[];
9
+ }
10
+ interface NormalizedRectangleNode extends Pick<FigmaRestSpec.RectangleNode, CommonProps | ShapeProps | RadiusProps> {
11
+ }
12
+ interface NormalizedTextNode extends Pick<FigmaRestSpec.TextNode, CommonProps | "layoutGrow" | "layoutAlign" | "style" | "characters" | "fills"> {
13
+ segments: NormalizedTextSegment[];
14
+ textStyleKey?: string;
15
+ }
16
+ interface NormalizedTextSegment {
17
+ characters: string;
18
+ start: number;
19
+ end: number;
20
+ style: {
21
+ fontFamily?: string;
22
+ fontWeight?: number;
23
+ fontSize?: number;
24
+ italic?: boolean;
25
+ textDecoration?: string;
26
+ letterSpacing?: number;
27
+ lineHeight?: number | {
28
+ unit: string;
29
+ value: number;
30
+ };
31
+ };
32
+ }
33
+ interface NormalizedComponentNode extends Pick<FigmaRestSpec.ComponentNode, CommonProps | ShapeProps | RadiusProps | LayoutProps> {
34
+ children: NormalizedSceneNode[];
35
+ }
36
+ interface NormalizedInstanceNode extends Pick<FigmaRestSpec.InstanceNode, CommonProps | ShapeProps | RadiusProps | LayoutProps> {
37
+ componentProperties: {
38
+ [key: string]: FigmaRestSpec.ComponentProperty & {
39
+ componentKey?: string;
40
+ };
41
+ };
42
+ componentKey: string;
43
+ componentSetKey?: string;
44
+ children: NormalizedSceneNode[];
45
+ }
46
+ interface NormalizedVectorNode extends Pick<FigmaRestSpec.VectorNode, CommonProps | ShapeProps> {
47
+ }
48
+ interface NormalizedBooleanOperationNode extends Pick<FigmaRestSpec.BooleanOperationNode, CommonProps | "fills"> {
49
+ }
50
+ type NormalizedSceneNode = NormalizedFrameNode | NormalizedRectangleNode | NormalizedTextNode | NormalizedComponentNode | NormalizedInstanceNode | NormalizedVectorNode | NormalizedBooleanOperationNode;
51
+
52
+ declare function generateCode(selection: NormalizedSceneNode): Promise<string>;
53
+
54
+ declare function createPluginNormalizer(): (node: SceneNode) => Promise<NormalizedSceneNode>;
55
+
56
+ interface RestNormalizerContext {
57
+ styles: Record<string, FigmaRestSpec.Style>;
58
+ components: Record<string, FigmaRestSpec.Component>;
59
+ componentSets: Record<string, FigmaRestSpec.ComponentSet>;
60
+ }
61
+ declare function createRestNormalizer(ctx: RestNormalizerContext): (node: FigmaRestSpec.Node) => NormalizedSceneNode;
62
+
63
+ export { createPluginNormalizer, createRestNormalizer, generateCode };