Merge pull request #20 from bettyblocks/feat/introduce-size-option-he…

…lper-PAGE-1873

feat: new helper for size option

src/prefabs/factories/options/index.ts

@@ -4,6 +4,7 @@ export { font } from './font';
 export { option } from './option';
 export { toggle } from './toggle';
 export { sizes } from './sizes';
+export { size } from './size';
 export { variable } from './variable';
 export { buttongroup } from './buttongroup';
 export { dropdown } from './dropdown';

src/prefabs/factories/options/size.ts

@@ -0,0 +1,29 @@
+import {
+  PrefabComponentOption,
+  ValueDefault,
+  ValueRef,
+} from '../../types/options';
+
+type OptionProducer = (key: string) => PrefabComponentOption;
+
+// typescript issue #36981
+// Omit is currently desctructive to union/extended types see
+// So we have to Omit each variant as a work around
+type RedundantKeys = 'type' | 'key' | 'label';
+type Attributes =
+  | Omit<ValueDefault, RedundantKeys>
+  | Omit<ValueRef, RedundantKeys>;
+
+const defaultAttributes = {
+  value: [],
+};
+
+export const size =
+  (label: string, attrs: Attributes): OptionProducer =>
+  (key) => ({
+    ...defaultAttributes,
+    ...attrs,
+    key,
+    type: 'SIZE',
+    label,
+  });

src/prefabs/types/prefabs/theme-color.ts

@@ -13,5 +13,5 @@ export enum ThemeColor {
   ACCENT_1 = 'Accent1',
   ACCENT_2 = 'Accent2',
   ACCENT_3 = 'Accent3',
-  TRANSPARENT = 'transparent',
+  TRANSPARENT = 'Transparent',
 }