npm - @draftbit/core - Versions diffs - 46.4.4-04eaf1.2 → 46.4.4-10b0a9.2 - Mend

@draftbit/core 46.4.4-04eaf1.2 → 46.4.4-10b0a9.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 (11) hide show

package/lib/commonjs/mappings/AudioPlayer.js +28 -2
package/lib/module/mappings/AudioPlayer.js +29 -3
package/lib/typescript/src/mappings/AudioPlayer.d.ts +52 -1
package/package.json +3 -4
package/src/mappings/AudioPlayer.js +35 -2
package/src/mappings/AudioPlayer.ts +37 -1
package/lib/commonjs/mappings/Elements.js +0 -121
package/lib/module/mappings/Elements.js +0 -112
package/lib/typescript/src/mappings/Elements.d.ts +0 -30
package/src/mappings/Elements.js +0 -135
package/src/mappings/Elements.ts +0 -145

package/lib/commonjs/mappings/AudioPlayer.js CHANGED Viewed

@@ -12,7 +12,17 @@ const SEED_DATA = {
   tag: "AudioPlayer",
   description: "Given a source URL, plays sounds & audio!",
   category: _types.COMPONENT_TYPES.media,
-  layout: {},
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position],
+  layout: {
+    backgroundColor: "#eee",
+    paddingLeft: 16,
+    paddingRight: 16,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 24,
+    flexDirection: "row",
+    alignItems: "center"
+  },
   props: {
     source: {
       group: _types.GROUPS.data,
@@ -23,7 +33,23 @@ const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: _types.FORM_TYPES.sourceUrl,
       propType: _types.PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: (0, _types.createColorProp)({
+      label: "Thumb Color",
+      defaultValue: "black"
+    }),
+    completedTrackColor: (0, _types.createColorProp)({
+      label: "Completed Track Color",
+      defaultValue: "white"
+    }),
+    remainingTrackColor: (0, _types.createColorProp)({
+      label: "Remanining Track Color",
+      defaultValue: "#333333"
+    }),
+    trackThumbSize: (0, _types.createNumberProp)({
+      label: "Thumb Size",
+      defaultValue: 24
+    })
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/AudioPlayer.js CHANGED Viewed

@@ -1,10 +1,20 @@
-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,
@@ -15,6 +25,22 @@ export const SEED_DATA = {
       defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT
-    }
+    },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "black"
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "white"
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remanining Track Color",
+      defaultValue: "#333333"
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24
+    })
   }
 };

package/lib/typescript/src/mappings/AudioPlayer.d.ts CHANGED Viewed

@@ -3,7 +3,17 @@ export declare const SEED_DATA: {
     tag: string;
     description: string;
     category: string;
-    layout: {};
+    stylesPanelSections: string[];
+    layout: {
+        backgroundColor: string;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        paddingBottom: number;
+        borderRadius: number;
+        flexDirection: string;
+        alignItems: string;
+    };
     props: {
         source: {
             group: string;
@@ -15,5 +25,46 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        sliderColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        completedTrackColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        remainingTrackColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
+        trackThumbSize: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
     };
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.4.4-04eaf1.2+04eaf19",
+  "version": "46.4.4-10b0a9.2+10b0a9d",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,8 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.4.4-04eaf1.2+04eaf19",
-    "@expo/html-elements": "^0.2.0",
+    "@draftbit/types": "^46.4.4-10b0a9.2+10b0a9d",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -82,5 +81,5 @@
       ]
     ]
   },
-  "gitHead": "04eaf19a6f0f35bb910fbe3bd16d8f5be1b5fb55"
+  "gitHead": "10b0a9d7ee23dc626f17be8ef74a3605af1fe541"
 }

package/src/mappings/AudioPlayer.js CHANGED Viewed

@@ -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,21 @@ export const SEED_DATA = {
             formType: FORM_TYPES.sourceUrl,
             propType: PROP_TYPES.OBJECT,
         },
+        sliderColor: createColorProp({
+            label: "Thumb Color",
+            defaultValue: "black",
+        }),
+        completedTrackColor: createColorProp({
+            label: "Completed Track Color",
+            defaultValue: "white",
+        }),
+        remainingTrackColor: createColorProp({
+            label: "Remanining Track Color",
+            defaultValue: "#333333",
+        }),
+        trackThumbSize: createNumberProp({
+            label: "Thumb Size",
+            defaultValue: 24,
+        }),
     },
 };

package/src/mappings/AudioPlayer.ts CHANGED Viewed

@@ -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,21 @@ export const SEED_DATA = {
       formType: FORM_TYPES.sourceUrl,
       propType: PROP_TYPES.OBJECT,
     },
+    sliderColor: createColorProp({
+      label: "Thumb Color",
+      defaultValue: "black",
+    }),
+    completedTrackColor: createColorProp({
+      label: "Completed Track Color",
+      defaultValue: "white",
+    }),
+    remainingTrackColor: createColorProp({
+      label: "Remanining Track Color",
+      defaultValue: "#333333",
+    }),
+    trackThumbSize: createNumberProp({
+      label: "Thumb Size",
+      defaultValue: 24,
+    }),
   },
 };

package/lib/commonjs/mappings/Elements.js DELETED Viewed

@@ -1,121 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA_TRIGGERS = [_types.Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: _types.COMPONENT_TYPES.element,
-  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: (0, _types.createTextProp)({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: _types.GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: _types.FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strong",
-  tag: "Strong",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strike",
-  tag: "S",
-  ...ELEMENT_PROPS
-}, {
-  name: "Italic",
-  tag: "I",
-  ...ELEMENT_PROPS
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/Elements.js DELETED Viewed

@@ -1,112 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, Triggers } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0
-  },
-  triggers: SEED_DATA_TRIGGERS
-};
-const HEADING_PROPS = { ...ELEMENT_PROPS
-};
-export const SEED_DATA = [{
-  name: "H1",
-  tag: "H1",
-  ...HEADING_PROPS
-}, {
-  name: "H2",
-  tag: "H2",
-  ...HEADING_PROPS
-}, {
-  name: "H3",
-  tag: "H3",
-  ...HEADING_PROPS
-}, {
-  name: "H4",
-  tag: "H4",
-  ...HEADING_PROPS
-}, {
-  name: "H5",
-  tag: "H5",
-  ...HEADING_PROPS
-}, {
-  name: "H6",
-  tag: "H6",
-  ...HEADING_PROPS
-}, {
-  name: "Anchor",
-  tag: "A",
-  ...ELEMENT_PROPS,
-  props: {
-    href: createTextProp({
-      label: "href",
-      description: "Specify the URL",
-      defaultValue: ""
-    }),
-    target: {
-      group: GROUPS.basic,
-      label: "target",
-      description: "decide where link should open",
-      formType: FORM_TYPES.flatArray,
-      defaultValue: "_blank",
-      options: ["_blank", "_self", "_parent", "_top"]
-    }
-  }
-}, {
-  name: "Paragraph",
-  tag: "P",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strong",
-  tag: "Strong",
-  ...ELEMENT_PROPS
-}, {
-  name: "Strike",
-  tag: "S",
-  ...ELEMENT_PROPS
-}, {
-  name: "Italic",
-  tag: "I",
-  ...ELEMENT_PROPS
-}, {
-  name: "Code",
-  tag: "Code",
-  ...ELEMENT_PROPS
-}, {
-  name: "Pre",
-  tag: "Pre",
-  ...ELEMENT_PROPS
-}, {
-  name: "Mark",
-  tag: "Mark",
-  ...ELEMENT_PROPS
-}, {
-  name: "BR",
-  tag: "BR",
-  ...ELEMENT_PROPS
-}, {
-  name: "Quote",
-  tag: "Q",
-  ...ELEMENT_PROPS
-}, {
-  name: "BlockQuote",
-  tag: "BlockQuote",
-  ...ELEMENT_PROPS
-}, {
-  name: "Time",
-  tag: "Time",
-  ...ELEMENT_PROPS
-}, {
-  name: "UL",
-  tag: "UL",
-  ...ELEMENT_PROPS
-}, {
-  name: "LI",
-  tag: "LI",
-  ...ELEMENT_PROPS
-}, {
-  name: "HR",
-  tag: "HR",
-  ...ELEMENT_PROPS
-}];

package/lib/typescript/src/mappings/Elements.d.ts DELETED Viewed

@@ -1,30 +0,0 @@
-export declare const SEED_DATA: ({
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-} | {
-    props: {
-        href: any;
-        target: {
-            group: string;
-            label: string;
-            description: string;
-            formType: string;
-            defaultValue: string;
-            options: string[];
-        };
-    };
-    category: string;
-    stylesPanelSections: string[];
-    layout: {
-        margin: number;
-    };
-    triggers: string[];
-    name: string;
-    tag: string;
-})[];

package/src/mappings/Elements.js DELETED Viewed

@@ -1,135 +0,0 @@
-import { BLOCK_STYLES_SECTIONS, COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, Triggers, } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-    category: COMPONENT_TYPES.element,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
-    layout: {
-        margin: 0,
-    },
-    triggers: SEED_DATA_TRIGGERS,
-};
-const HEADING_PROPS = {
-    ...ELEMENT_PROPS,
-};
-export const SEED_DATA = [
-    {
-        name: "H1",
-        tag: "H1",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H2",
-        tag: "H2",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H3",
-        tag: "H3",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H4",
-        tag: "H4",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H5",
-        tag: "H5",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "H6",
-        tag: "H6",
-        ...HEADING_PROPS,
-    },
-    {
-        name: "Anchor",
-        tag: "A",
-        ...ELEMENT_PROPS,
-        props: {
-            href: createTextProp({
-                label: "href",
-                description: "Specify the URL",
-                defaultValue: "",
-            }),
-            target: {
-                group: GROUPS.basic,
-                label: "target",
-                description: "decide where link should open",
-                formType: FORM_TYPES.flatArray,
-                defaultValue: "_blank",
-                options: ["_blank", "_self", "_parent", "_top"],
-            },
-        },
-    },
-    {
-        name: "Paragraph",
-        tag: "P",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Strong",
-        tag: "Strong",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Strike",
-        tag: "S",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Italic",
-        tag: "I",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Code",
-        tag: "Code",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Pre",
-        tag: "Pre",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Mark",
-        tag: "Mark",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BR",
-        tag: "BR",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Quote",
-        tag: "Q",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "BlockQuote",
-        tag: "BlockQuote",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "Time",
-        tag: "Time",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "UL",
-        tag: "UL",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "LI",
-        tag: "LI",
-        ...ELEMENT_PROPS,
-    },
-    {
-        name: "HR",
-        tag: "HR",
-        ...ELEMENT_PROPS,
-    },
-];

package/src/mappings/Elements.ts DELETED Viewed

@@ -1,145 +0,0 @@
-import {
-  BLOCK_STYLES_SECTIONS,
-  COMPONENT_TYPES,
-  createTextProp,
-  FORM_TYPES,
-  GROUPS,
-  Triggers,
-} from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
-const ELEMENT_PROPS = {
-  category: COMPONENT_TYPES.element,
-  stylesPanelSections: BLOCK_STYLES_SECTIONS,
-  layout: {
-    margin: 0,
-  },
-  triggers: SEED_DATA_TRIGGERS,
-};
-const HEADING_PROPS = {
-  ...ELEMENT_PROPS,
-};
-export const SEED_DATA = [
-  {
-    name: "H1",
-    tag: "H1",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H2",
-    tag: "H2",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H3",
-    tag: "H3",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H4",
-    tag: "H4",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H5",
-    tag: "H5",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "H6",
-    tag: "H6",
-    ...HEADING_PROPS,
-  },
-  {
-    name: "Anchor",
-    tag: "A",
-    ...ELEMENT_PROPS,
-    props: {
-      href: createTextProp({
-        label: "href",
-        description: "Specify the URL",
-        defaultValue: "",
-      }),
-      target: {
-        group: GROUPS.basic,
-        label: "target",
-        description: "decide where link should open",
-        formType: FORM_TYPES.flatArray,
-        defaultValue: "_blank",
-        options: ["_blank", "_self", "_parent", "_top"],
-      },
-    },
-  },
-  {
-    name: "Paragraph",
-    tag: "P",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Strong",
-    tag: "Strong",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Strike",
-    tag: "S",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Italic",
-    tag: "I",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Code",
-    tag: "Code",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Pre",
-    tag: "Pre",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Mark",
-    tag: "Mark",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "BR",
-    tag: "BR",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Quote",
-    tag: "Q",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "BlockQuote",
-    tag: "BlockQuote",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "Time",
-    tag: "Time",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "UL",
-    tag: "UL",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "LI",
-    tag: "LI",
-    ...ELEMENT_PROPS,
-  },
-  {
-    name: "HR",
-    tag: "HR",
-    ...ELEMENT_PROPS,
-  },
-];