@draftbit/core 47.0.1-df014a.2 → 47.0.1-e04fa3.2

package/lib/module/mappings/NativeBase/AlertDialog.js

@@ -0,0 +1,95 @@
+import { COMPONENT_TYPES, StylesPanelSections, Triggers, createBoolProp, createStaticBoolProp, createTextEnumProp, createActionProp, createStaticNumberProp } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBAlert,
+  packageName: "native-base",
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
+  layout: {}
+};
+export const SEED_DATA = [{
+  name: "Alert Dialog",
+  tag: "AlertDialog",
+  description: "AlertDialog is used when a user needs to be interrupted with a mandatory confirmation or call-to-action. AlertDialog composes Modal so you can use all its props.",
+  ...SHARED_SEED_DATA,
+  triggers: [Triggers.OnClose],
+  props: {
+    /* https://github.com/GeekyAnts/NativeBase/blob/master/src/components/composites/AlertDialog/types.tsx */
+    isOpen: createBoolProp({
+      label: "Is Open",
+      description: "If true, the modal will open. Useful for controllable state behavior."
+    }),
+    defaultIsOpen: createStaticBoolProp({
+      label: "Default Is Open",
+      description: "If true, the modal will be opened by default."
+    }),
+    size: createStaticNumberProp({
+      label: "Size",
+      description: "The size of the AlertDialog"
+    }),
+    avoidKeyboard: createStaticBoolProp({
+      label: "Avoid Keyboard",
+      description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
+      defaultValue: false
+    }),
+    closeOnOverlayClick: createStaticBoolProp({
+      label: "Close on Overlay Click",
+      description: "If true, the modal will close when the overlay is clicked.",
+      defaultValue: true
+    }),
+    isKeyboardDismissable: createStaticBoolProp({
+      label: "Is Keyboard Dismissable",
+      description: "If true, the modal will close when the keyboard is dismissed.",
+      defaultValue: true
+    }),
+    overlayVisible: createStaticBoolProp({
+      label: "Overlay Visible",
+      description: "If true, the overlay element is visible.",
+      defaultValue: true
+    }),
+    backdropVisible: createStaticBoolProp({
+      label: "Backdrop Visible",
+      description: "If true, the backdrop element is visible.",
+      defaultValue: true
+    }),
+    animationPreset: createTextEnumProp({
+      label: "Animation Preset",
+      description: "The animation preset to use for the modal.",
+      options: ["slide", "fade", "none"],
+      defaultValue: "fade"
+    }),
+    useRNModal: createStaticBoolProp({
+      label: "Use RN Modal",
+      description: "If true, the modal will use the RN Modal component."
+    }),
+    onClose: createActionProp()
+  }
+}, {
+  name: "Alert Header",
+  tag: "AlertDialog.Header",
+  description: "Contains the title announced by screen readers.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Body",
+  tag: "AlertDialog.Body",
+  description: "Contains the description announced by screen readers.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Footer",
+  tag: "AlertDialog.Footer",
+  description: "Contains the actions of the dialog.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Content",
+  tag: "AlertDialog.Content",
+  description: "The wrapper for the alert dialog's content.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Alert Close Button",
+  tag: "AlertDialog.CloseButton",
+  description: "The button that closes the dialog",
+  ...SHARED_SEED_DATA,
+  props: {}
+}];

package/lib/module/mappings/NativeBase/Button.js

@@ -0,0 +1,86 @@
+/* Temporarily Commented Out
+
+
+import {
+  COMPONENT_TYPES,
+  StylesPanelSections,
+  createTextEnumProp,
+  createBoolProp,
+  createIconProp,
+} from "@draftbit/types";
+
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBForms,
+  packageName: "native-base",
+  stylesPanelSections: [
+    StylesPanelSections.LayoutFlexItems,
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.LayoutContent,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
+  layout: {},
+  triggers: {},
+};
+
+export const SEED_DATA = [
+  {
+    name: "Button",
+    tag: "Button",
+    description:
+      "The Button component triggers an event or an action. Examples can be submitting forms and deleting a data point.",
+    ...SHARED_SEED_DATA,
+    props: {
+      isLoading: createBoolProp({
+        label: "Loading",
+        description: "If true, the button will show a spinner.",
+      }),
+      isDisabled: createBoolProp({
+        label: "Disabled",
+        description: "If true, the button will be disabled.",
+      }),
+      leftIcon: createIconProp({
+        label: "Left Icon",
+        description: "The icon to display on the left side of the button",
+      }),
+      rightIcon: createIconProp({
+        label: "Right Icon",
+        description: "The icon to display on the right side of the button",
+      }),
+      spinnerPlacement: createTextEnumProp({
+        label: "Spinner Placement",
+        description: "The placement of the spinner",
+        options: ["start", "end"],
+        defaultValue: "start",
+      }),
+    },
+  },
+  {
+    name: "Button Group",
+    tag: "ButtonGroup",
+    description:
+      "Used to group buttons whose actions are related, with an option to flush them together.",
+    ...SHARED_SEED_DATA,
+    allowChildren: true,
+    props: {
+      direction: createTextEnumProp({
+        label: "Direction",
+        description: "The direction of the button group",
+        options: ["row", "column"],
+        defaultValue: "row",
+      }),
+      isAttached: createBoolProp({
+        label: "Attached",
+        description: "If true, the buttons will be attached",
+      }),
+    },
+  },
+];
+ */ },
+  },
+];
+ */

package/lib/module/mappings/NativeBase/DataDisplay.js

@@ -0,0 +1,54 @@
+import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createIconProp, createStaticNumberProp } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBDataDisplay,
+  packageName: "native-base",
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
+  layout: {},
+  triggers: {}
+};
+export const SEED_DATA = [{
+  name: "Badge",
+  tag: "Badge",
+  doc_link: "https://docs.nativebase.io/badge",
+  code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Badge",
+  description: "Badges allow the highlighting of an item’s status. This provides quick recognition.",
+  ...SHARED_SEED_DATA,
+  props: {
+    /*  */
+    leftIcon: createIconProp({
+      label: "Left Icon",
+      description: "The left icon element to use in the button."
+    }),
+    rightIcon: createIconProp({
+      label: "Right Icon",
+      description: "The right icon element to use in the button."
+    }),
+    startIcon: createIconProp({
+      label: "Start Icon",
+      description: "The start icon element to use in the button."
+    }),
+    endIcon: createIconProp({
+      label: "End Icon",
+      description: "The end icon element to use in the button."
+    })
+  }
+}, {
+  name: "Divider",
+  tag: "Divider",
+  doc_link: "https://docs.nativebase.io/divider",
+  code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Divider",
+  description: "Divider can visually separate content in a given list or group.",
+  ...SHARED_SEED_DATA,
+  props: {
+    orientation: createTextEnumProp({
+      label: "Orientation",
+      description: "The orientation of the divider",
+      options: ["horizontal", "vertical"]
+    }),
+    thickness: createStaticNumberProp({
+      label: "Thickness",
+      description: "The thickness of the divider",
+      defaultValue: 1
+    })
+  }
+}];

package/lib/module/mappings/NativeBase/Feedback.js

@@ -0,0 +1,67 @@
+import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createNumberProp, createIconProp } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBFeedback,
+  packageName: "native-base",
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
+  layout: {},
+  triggers: {}
+};
+export const SEED_DATA = [{
+  name: "Alert",
+  tag: "Alert",
+  description: "Wrapper component. Alerts convey a state that can influence a system, feature, or page.",
+  ...SHARED_SEED_DATA,
+  props: {
+    status: createTextEnumProp({
+      label: "Status",
+      description: "The status of the alert",
+      options: ["success", "warning", "error", "info"],
+      defaultValue: "info"
+    }),
+    variant: createTextEnumProp({
+      label: "Variant",
+      description: "The variant of the alert style to use.",
+      options: ["subtle", "solid", "outline", "left-accent", "top-accent", "outline-light"],
+      defaultValue: "subtle"
+    })
+  }
+}, {
+  name: "Alert Icon",
+  tag: "Alert.Icon",
+  description: "The visual icon for the alert that changes based on the status prop.",
+  ...SHARED_SEED_DATA,
+  props: {
+    icon: createIconProp({
+      label: "Icon",
+      description: "The icon to display"
+    })
+  }
+}, {
+  name: "Progress",
+  tag: "Progress",
+  description: "Progress helps show the progress status for a time-consuming task that consists of several steps.",
+  ...SHARED_SEED_DATA,
+  props: {
+    value: createNumberProp({
+      label: "Value",
+      description: "The value of the progress bar",
+      defaultValue: 0,
+      min: 0,
+      max: 100
+    }),
+    min: createNumberProp({
+      label: "Min",
+      description: "The minimum value of the progress bar",
+      defaultValue: 0,
+      min: 0,
+      max: 100
+    }),
+    max: createNumberProp({
+      label: "Max",
+      description: "The maximum value of the progress bar",
+      defaultValue: 100,
+      min: 0,
+      max: 100
+    })
+  }
+}, {}];

package/lib/module/mappings/NativeBase/Layout.js

@@ -0,0 +1,107 @@
+import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createBoolProp } from "@draftbit/types";
+const NB_LAYOUT_PROPS = {
+  category: COMPONENT_TYPES.NBLayout,
+  packageName: "native-base",
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
+  allowChildren: true,
+  layout: {},
+  triggers: {}
+};
+export const SEED_DATA = [{
+  name: "Aspect Ratio",
+  tag: "AspectRatio",
+  description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
+  ...NB_LAYOUT_PROPS,
+  props: {
+    ratio: createTextEnumProp({
+      label: "Ratio",
+      description: "The aspect ratio of the container",
+      options: ["1 / 1", "4 / 3", "3 / 2", "16 / 9", "2 / 1", "3 / 4", "2 / 3", "9 / 16", "1 / 2"],
+      defaultValue: "4 / 3"
+    })
+  }
+}, {
+  name: "Box",
+  tag: "Box",
+  description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Center",
+  tag: "Center",
+  description: "Centers its child",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Square",
+  tag: "Square",
+  description: "Centers its child inside a square",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Circle",
+  tag: "Circle",
+  description: "Centers its child inside a circle",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Column",
+  tag: "Column",
+  description: "Column aligns items vertically",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Container",
+  tag: "Container",
+  description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Flex",
+  tag: "Flex",
+  description: "A Box with Flexbox properties. ",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Spacer",
+  tag: "Spacer",
+  description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
+  ...NB_LAYOUT_PROPS
+}, {
+  name: "Row",
+  tag: "Row",
+  description: "Column aligns items horizontally",
+  ...NB_LAYOUT_PROPS,
+  props: {}
+}, {
+  name: "Stack",
+  tag: "Stack",
+  description: "Stack aligns items vertically or horizontally based on the direction prop.",
+  ...NB_LAYOUT_PROPS,
+  props: {
+    direction: createTextEnumProp({
+      label: "Direction",
+      description: "The direction of the Stack",
+      options: ["row", "column"],
+      defaultValue: "column"
+    }),
+    reversed: createBoolProp({
+      label: "Reversed",
+      description: "Determines whether to reverse the direction of items."
+    }),
+    isDisabled: createBoolProp({
+      label: "Disabled",
+      description: "If true, the Stack will be disabled."
+    }),
+    isInvalid: createBoolProp({
+      label: "Invalid",
+      description: "If true, the Stack will be invalid."
+    })
+  }
+}, {
+  name: "ZStack",
+  tag: "ZStack",
+  description: "ZStack aligns items to the z-axis.",
+  ...NB_LAYOUT_PROPS,
+  props: {
+    reversed: createBoolProp({
+      label: "Reversed",
+      description: "Determines whether to reverse the direction of items."
+    })
+  }
+}];

package/lib/module/mappings/NativeBase/Media.js

@@ -0,0 +1,42 @@
+import { COMPONENT_TYPES, StylesPanelSections, createImageProp, createTextEnumProp, createTextProp } from "@draftbit/types";
+const NB_MEDIA_PROPS = {
+  category: COMPONENT_TYPES.NBLayout,
+  packageName: "native-base",
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
+  layout: {},
+  triggers: {}
+};
+const AVATAR_PROPS = {
+  props: {
+    source: createImageProp(),
+    size: createTextEnumProp({
+      label: "Size",
+      description: "The size of the avatar.",
+      options: ["xs", "sm", "md", "lg", "xl", "2xl"]
+    }),
+    wrapperRef: createTextProp({
+      label: "Reference",
+      description: "Reference to be attached to the Avatar wrapper.",
+      defaultValue: "User Avatar"
+    })
+  }
+};
+export const SEED_DATA = [{
+  name: "Avatar",
+  tag: "Avatar",
+  description: "An image that represents the user",
+  ...NB_MEDIA_PROPS,
+  ...AVATAR_PROPS
+}, {
+  name: "Avatar Badge",
+  tag: "AvatarBadge",
+  description: "A wrapper that displays its content on the bottom right corner of the avatar.",
+  ...NB_MEDIA_PROPS
+}, {
+  name: "Avatar Group",
+  tag: "AvatarGroup",
+  description: "A wrapper to stack multiple avatars together",
+  ...NB_MEDIA_PROPS
+}];

package/lib/module/mappings/NativeBase/Menu.js

@@ -0,0 +1,104 @@
+import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createStaticNumberProp, createDisabledProp, createTextProp } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBMenu,
+  packageName: "native-base",
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
+  layout: {},
+  allowChildren: true
+};
+export const SEED_DATA = [{
+  name: "Menu",
+  tag: "Menu",
+  description: "Menu generates a dropdown menu along with the menu button design pattern.",
+  ...SHARED_SEED_DATA,
+  triggers: [Triggers.OnOpen, Triggers.OnClose],
+  props: {
+    onOpen: createActionProp(),
+    onClose: createActionProp(),
+    closeOnSelect: createStaticBoolProp({
+      label: "Close on Select",
+      description: "Close the menu when an item is selected",
+      defaultValue: true
+    }),
+    defaultIsOpen: createStaticBoolProp({
+      label: "Default Is Open",
+      description: "Whether the menu is open by default",
+      defaultValue: false
+    }),
+    placement: createTextEnumProp({
+      label: "Placement",
+      description: "The placement of the menu",
+      options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
+      defaultValue: "bottom left"
+    }),
+    offset: createStaticNumberProp({
+      label: "Offset",
+      description: "The distance applied along the main axis between the trigger and the menu."
+    }),
+    crossOffset: createStaticNumberProp({
+      label: "Cross Offset",
+      description: "The distance applied along the cross axis between the trigger and the menu."
+    }),
+    shouldFlip: createStaticBoolProp({
+      label: "Should Flip",
+      description: "Whether popover should flip when it reaches the edge of the screen.",
+      defaultValue: true
+    })
+  }
+}, {
+  name: "Menu Item",
+  tag: "Menu.Item",
+  description: "An individual item in the menu.",
+  ...SHARED_SEED_DATA,
+  props: {
+    isDisabled: createDisabledProp(),
+    textValue: createTextProp({
+      label: "Text Value",
+      description: "The text value available for the typeahead menu feature."
+    })
+  }
+}, {
+  name: "Menu Group",
+  tag: "Menu.Group",
+  description: "A wrapper to group related menu items.",
+  ...SHARED_SEED_DATA,
+  props: {
+    title: createTextProp({
+      label: "Title",
+      description: "The title of the menu group."
+    })
+  }
+}, {
+  name: "Menu Option Group",
+  tag: "Menu.OptionGroup",
+  description: "A wrapper for checkable menu items (radio and checkbox).",
+  ...SHARED_SEED_DATA,
+  triggers: [Triggers.OnChange],
+  props: {
+    type: createTextEnumProp({
+      label: "Type",
+      description: "The type of the menu option group.",
+      options: ["checkbox", "radio"],
+      defaultValue: "checkbox"
+    }),
+    onChange: createActionProp()
+  }
+}, {
+  name: "Menu Item Option",
+  tag: "Menu.ItemOption",
+  description: "The checkable menu item to be used with Menu Option Group.",
+  ...SHARED_SEED_DATA,
+  props: {
+    isDisabled: createDisabledProp(),
+    textValue: createTextProp({
+      label: "Text Value",
+      description: "The text value available for the typeahead menu feature."
+    })
+  }
+}, {
+  name: "Menu Trigger",
+  tag: "Menu.Trigger",
+  description: "Used to wrap the reference (or trigger) element.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}];

package/lib/module/mappings/NativeBase/Modal.js

@@ -0,0 +1,86 @@
+import { COMPONENT_TYPES, createActionProp, createBoolProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers } from "@draftbit/types";
+const SHARED_SEED_DATA = {
+  category: COMPONENT_TYPES.NBModal,
+  packageName: "native-base",
+  stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects]
+};
+export const SEED_DATA = [{
+  name: "Modal",
+  tag: "Modal",
+  description: "A Modal is an overlay on the primary window or another dialog window. Content behind the modal dialog remains inert and users cannot interact with it.",
+  ...SHARED_SEED_DATA,
+  layout: {},
+  triggers: [Triggers.OnClose, Triggers.OnOpen],
+  props: {
+    isOpen: createBoolProp({
+      label: "Is Open",
+      description: "If true, the modal will open. Useful for controllable state behavior."
+    }),
+    defaultIsOpen: createStaticBoolProp({
+      label: "Default Is Open",
+      description: "If true, the modal will be opened by default."
+    }),
+    avoidKeyboard: createStaticBoolProp({
+      label: "Avoid Keyboard",
+      description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
+      defaultValue: false
+    }),
+    closeOnOverlayClick: createStaticBoolProp({
+      label: "Close on Overlay Click",
+      description: "If true, the modal will close when the overlay is clicked.",
+      defaultValue: true
+    }),
+    isKeyboardDismissable: createStaticBoolProp({
+      label: "Is Keyboard Dismissable",
+      description: "If true, the modal will close when the keyboard is dismissed.",
+      defaultValue: true
+    }),
+    backdropVisible: createStaticBoolProp({
+      label: "Backdrop Visible",
+      description: "If true, the backdrop element is visible.",
+      defaultValue: true
+    }),
+    animationPreset: createTextEnumProp({
+      label: "Animation Preset",
+      description: "The animation preset to use for the modal.",
+      options: ["slide", "fade", "none"],
+      defaultValue: "fade"
+    }),
+    useRNModal: createStaticBoolProp({
+      label: "Use RN Modal",
+      description: "If true, the modal will use the RN Modal component."
+    }),
+    onOpen: createActionProp(),
+    onClose: createActionProp()
+  }
+}, {
+  name: "Modal Content",
+  tag: "Modal.Content",
+  description: "The container for the modal dialog's content.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Modal Header",
+  tag: "Modal.Header",
+  description: "The header that labels the modal dialog.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Modal Footer",
+  tag: "Modal.Footer",
+  description: "The footer that houses the modal actions.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Modal Body",
+  tag: "Modal.Body",
+  description: "A wrapper that houses the modal's main content",
+  ...SHARED_SEED_DATA,
+  props: {}
+}, {
+  name: "Modal Close Button",
+  tag: "Modal.CloseButton",
+  description: "The button that closes the modal.",
+  ...SHARED_SEED_DATA,
+  props: {}
+}];