@draftbit/core 46.4.4-1a94b9.2 → 46.4.4-1c81cf.2

package/src/mappings/AudioPlayer.js

@@ -1,10 +1,27 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Audio Player",
     tag: "AudioPlayer",
     description: "Given a source URL, plays sounds & audio!",
     category: COMPONENT_TYPES.media,
-    layout: {},
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.Background,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+    ],
+    layout: {
+        backgroundColor: "#eee",
+        paddingLeft: 16,
+        paddingRight: 16,
+        paddingTop: 8,
+        paddingBottom: 8,
+        borderRadius: 24,
+        flexDirection: "row",
+        alignItems: "center",
+    },
     props: {
         source: {
             group: GROUPS.data,
@@ -16,5 +33,25 @@ export const SEED_DATA = {
             formType: FORM_TYPES.sourceUrl,
             propType: PROP_TYPES.OBJECT,
         },
+        sliderColor: createColorProp({
+            label: "Thumb Color",
+            defaultValue: "strong",
+        }),
+        completedTrackColor: createColorProp({
+            label: "Completed Track Color",
+            defaultValue: "background",
+        }),
+        remainingTrackColor: createColorProp({
+            label: "Remaining Track Color",
+            defaultValue: "light",
+        }),
+        trackThumbSize: createNumberProp({
+            label: "Thumb Size",
+            defaultValue: 24,
+        }),
+        playIconColor: createColorProp({
+            label: "Play Icon Color",
+            defaultValue: "strong",
+        }),
     },
 };

package/src/mappings/AudioPlayer.ts

@@ -3,6 +3,9 @@ import {
   COMPONENT_TYPES,
   FORM_TYPES,
   PROP_TYPES,
+  StylesPanelSections,
+  createColorProp,
+  createNumberProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -10,7 +13,24 @@ export const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Background,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+  ],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center",
+  },
   props: {
     source: {
       group: GROUPS.data,
@@ -23,5 +43,25 @@ export const SEED_DATA = {
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT,
     },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "strong",
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "background",
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remaining Track Color",
+      defaultValue: "light",
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24,
+    }),
+    playIconColor: createColorProp({
+      label: "Play Icon Color",
+      defaultValue: "strong",
+    }),
   },
 };

package/src/mappings/DatePicker.js

@@ -28,10 +28,10 @@ const SEED_DATA_PROPS = {
         group: GROUPS.basic,
     },
     borderColor: createColorProp({
-        label: "Border Color",
+        label: "Default Border Color",
     }),
     borderColorActive: createColorProp({
-        label: "Border Color",
+        label: "Active Border Color",
     }),
     format: {
         label: "Format",
@@ -41,7 +41,7 @@ const SEED_DATA_PROPS = {
         formType: FORM_TYPES.string,
         propType: PROP_TYPES.STRING,
         defaultValue: null,
-        group: GROUPS.basic,
+        group: GROUPS.data,
     },
     assistiveText: {
         label: "Assistive text",
@@ -51,7 +51,7 @@ const SEED_DATA_PROPS = {
         defaultValue: null,
         editable: true,
         required: false,
-        group: GROUPS.basic,
+        group: GROUPS.data,
     },
     // locale: {
     //   label: "Locale",
@@ -93,7 +93,7 @@ const SEED_DATA_PROPS = {
         defaultValue: false,
         editable: true,
         required: false,
-        group: GROUPS.basic,
+        group: GROUPS.data,
     },
     // error: {
     //   label: "Error",
@@ -152,12 +152,12 @@ export const SEED_DATA = [
         layout: null,
         triggers: [Triggers.OnDateChange],
         StylesPanelSections: [
+            StylesPanelSections.Typography,
             StylesPanelSections.Background,
             StylesPanelSections.Borders,
             StylesPanelSections.MarginsAndPaddings,
             StylesPanelSections.Position,
             StylesPanelSections.Size,
-            StylesPanelSections.Typography,
         ],
         props: {
             ...SEED_DATA_PROPS,

package/src/mappings/DatePicker.ts

@@ -39,10 +39,10 @@ const SEED_DATA_PROPS = {
     group: GROUPS.basic,
   },
   borderColor: createColorProp({
-    label: "Border Color",
+    label: "Default Border Color",
   }),
   borderColorActive: createColorProp({
-    label: "Border Color",
+    label: "Active Border Color",
   }),
   format: {
     label: "Format",
@@ -52,7 +52,7 @@ const SEED_DATA_PROPS = {
     formType: FORM_TYPES.string,
     propType: PROP_TYPES.STRING,
     defaultValue: null,
-    group: GROUPS.basic,
+    group: GROUPS.data,
   },
   assistiveText: {
     label: "Assistive text",
@@ -62,7 +62,7 @@ const SEED_DATA_PROPS = {
     defaultValue: null,
     editable: true,
     required: false,
-    group: GROUPS.basic,
+    group: GROUPS.data,
   },
   // locale: {
   //   label: "Locale",
@@ -105,7 +105,7 @@ const SEED_DATA_PROPS = {
     defaultValue: false,
     editable: true,
     required: false,
-    group: GROUPS.basic,
+    group: GROUPS.data,
   },
   // error: {
   //   label: "Error",
@@ -166,12 +166,12 @@ export const SEED_DATA = [
     layout: null,
     triggers: [Triggers.OnDateChange],
     StylesPanelSections: [
+      StylesPanelSections.Typography,
       StylesPanelSections.Background,
       StylesPanelSections.Borders,
       StylesPanelSections.MarginsAndPaddings,
       StylesPanelSections.Position,
       StylesPanelSections.Size,
-      StylesPanelSections.Typography,
     ],
     props: {
       ...SEED_DATA_PROPS,