@bolio-ui/core 1.1.7 → 1.1.8

package/esm/Tabs/stories.js

@@ -1,92 +0,0 @@
-import Tabs from '.';
-import Text from '../Text';
-import Grid from '../Grid';
-import { Instagram, Facebook } from '@bolio-ui/icons';
-export default {
-  title: 'Navigation/Tabs',
-  component: Tabs
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tabs, {
-    initialValue: "1"
-  }, /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Declarative",
-    value: "1"
-  }, "React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes."), /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Component-Based",
-    value: "2"
-  }, "Build encapsulated components that manage their own state, then compose them to make complex UIs."))));
-};
-export var Disabled = function Disabled() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tabs, {
-    initialValue: "1"
-  }, /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Declarative",
-    value: "1"
-  }, "React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes."), /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Component-Based",
-    value: "2",
-    disabled: true
-  }))));
-};
-export var HideDivider = function HideDivider() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tabs, {
-    initialValue: "react",
-    hideDivider: true
-  }, /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Declarative",
-    value: "react"
-  }, /*#__PURE__*/React.createElement(Text, {
-    mt: 0
-  }, "React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.")), /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Component-Based",
-    value: "component-based"
-  }, /*#__PURE__*/React.createElement(Text, {
-    mt: 0
-  }, "Build encapsulated components that manage their own state, then compose them to make complex UIs.")))));
-};
-export var HideBorder = function HideBorder() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tabs, {
-    initialValue: "react",
-    hideDivider: true,
-    hideBorder: true,
-    leftSpace: 0
-  }, /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Declarative",
-    value: "react"
-  }, /*#__PURE__*/React.createElement(Text, {
-    mt: 0
-  }, "React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.")), /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: "Component-Based",
-    value: "component-based"
-  }, /*#__PURE__*/React.createElement(Text, {
-    mt: 0
-  }, "Build encapsulated components that manage their own state, then compose them to make complex UIs.")))));
-};
-export var WithIcon = function WithIcon() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tabs, {
-    initialValue: "1",
-    align: "center",
-    leftSpace: 0
-  }, /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Instagram, null), " Instagram"),
-    value: "1"
-  }, /*#__PURE__*/React.createElement(Text, {
-    mt: 0
-  }, "Hello, this is my profile.")), /*#__PURE__*/React.createElement(Tabs.Item, {
-    label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Facebook, null), " Facebook"),
-    value: "2"
-  }, /*#__PURE__*/React.createElement(Text, {
-    mt: 0
-  }, "Hi, this is my page.")))));
-};

package/esm/Tag/stories.js

@@ -1,58 +0,0 @@
-import Tag from '.';
-import Grid from '../Grid';
-export default {
-  title: 'Data Display/Tag',
-  component: Tag
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, null, "Status: Unstable")));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, null, "Default")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "primary"
-  }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "secondary"
-  }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "success"
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "warning"
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "error"
-  }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "dark"
-  }, "Dark")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "lite"
-  }, "Lite")));
-};
-export var TypesInvert = function TypesInvert() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    invert: true
-  }, "Default")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "primary",
-    invert: true
-  }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "secondary",
-    invert: true
-  }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "success",
-    invert: true
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "warning",
-    invert: true
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "error",
-    invert: true
-  }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "dark",
-    invert: true
-  }, "Dark")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tag, {
-    type: "lite",
-    invert: true
-  }, "Lite")));
-};

package/esm/Text/stories.js

@@ -1,104 +0,0 @@
-import Text from '.';
-import Grid from '../Grid';
-export default {
-  title: 'General/Text',
-  component: Text
-};
-export var Heading = function Heading() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    h1: true
-  }, "Hello my friend, have fun with Bolio UI \uD83E\uDD77\uD83C\uDFFC")));
-};
-export var Paragraph = function Paragraph() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    p: true
-  }, "Make your development more creative and with amazing tools for React."), /*#__PURE__*/React.createElement(Text, {
-    p: true,
-    b: true
-  }, "Make your development more creative and with amazing tools for React.")));
-};
-export var Small = function Small() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    small: true
-  }, "React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes."), /*#__PURE__*/React.createElement(Text, {
-    small: true,
-    i: true
-  }, "React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.")));
-};
-export var Blockquote = function Blockquote() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    blockquote: true,
-    my: 0
-  }, "Build encapsulated components that manage their own state, then compose them to make complex UIs.")));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    b: true,
-    i: true,
-    style: {
-      letterSpacing: '0.6px'
-    }
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    span: true,
-    type: "default"
-  }, "Text colored")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    span: true,
-    type: "primary"
-  }, "Text colored")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    span: true,
-    type: "secondary"
-  }, "Text colored")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    span: true,
-    type: "success"
-  }, "Text colored")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    span: true,
-    type: "warning"
-  }, "Text colored")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    span: true,
-    type: "error"
-  }, "Text colored")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    span: true,
-    type: "info"
-  }, "Text colored")))));
-};
-export var Sizes = function Sizes() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    font: "12px",
-    mt: 0
-  }, "Font Size: 12px;"), /*#__PURE__*/React.createElement(Text, {
-    font: "14px"
-  }, "Font Size: 14px;"), /*#__PURE__*/React.createElement(Text, {
-    font: "1rem"
-  }, "Font Size: 1rem;"), /*#__PURE__*/React.createElement(Text, {
-    scale: 1.25,
-    mb: 0
-  }, "Font Size Scale: 1.25;")));
-};
-export var Compose = function Compose() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Text, {
-    p: true,
-    mt: 0
-  }, "Build encapsulated components that manage their own state, then compose them to make complex UIs."), /*#__PURE__*/React.createElement(Text, {
-    mb: 0
-  }, /*#__PURE__*/React.createElement(Text, {
-    small: true,
-    del: true
-  }, "Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM."), /*#__PURE__*/React.createElement(Text, {
-    small: true,
-    b: true
-  }, "We don\u2019t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code."))));
-};

package/esm/Textarea/stories.js

@@ -1,104 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import Textarea from '.';
-import Grid from '../Grid';
-import Button from '../Button';
-import useInput from '../use-input';
-export default {
-  title: 'Data Entry/Textarea',
-  component: Textarea
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    placeholder: "Enter a message."
-  })));
-};
-export var Disabled = function Disabled() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    width: "100%",
-    disabled: true,
-    placeholder: "This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation on a separate page. Note that documentation for past versions is snapshotted at the time of the release, and isn\u2019t being continuously updated."
-  })));
-};
-export var Type = function Type() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    height: "65px",
-    value: "Default"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    type: "primary",
-    height: "65px",
-    value: "Primary"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    type: "secondary",
-    height: "65px",
-    value: "Secondary"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    type: "success",
-    height: "65px",
-    value: "Success"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    type: "warning",
-    height: "65px",
-    value: "Warning"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    type: "error",
-    height: "65px",
-    value: "Error"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    type: "info",
-    height: "65px",
-    value: "Info"
-  })));
-};
-export var GetChange = function GetChange() {
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var handler = function handler(e) {
-    setValue(e.target.value);
-    console.log(e.target.value);
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, {
-    width: "100%",
-    value: value,
-    onChange: handler,
-    placeholder: "This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation on a separate page. Note that documentation for past versions is snapshotted at the time of the release, and isn\u2019t being continuously updated."
-  })));
-};
-export var WithUseInput = function WithUseInput() {
-  var _useInput = useInput('This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation on a separate page. Note that documentation for past versions is snapshotted at the time of the release, and isn’t being continuously updated.'),
-      setState = _useInput.setState,
-      reset = _useInput.reset,
-      bindings = _useInput.bindings;
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Textarea, _extends({
-    width: "100%"
-  }, bindings))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    type: "secondary",
-    scale: 1 / 3,
-    onClick: function onClick() {
-      return setState(Math.random().toString(32));
-    }
-  }, "insert value")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    scale: 1 / 3,
-    onClick: function onClick() {
-      return reset();
-    }
-  }, "clear value")));
-};

package/esm/Toggle/stories.js

@@ -1,55 +0,0 @@
-import Toggle from '.';
-import Grid from '../Grid';
-export default {
-  title: 'Data Entry/Toggle',
-  component: Toggle
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, null)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    initialChecked: true
-  })));
-};
-export var Type = function Type() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    scale: 2,
-    initialChecked: true
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    type: "primary",
-    scale: 2,
-    initialChecked: true
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    type: "secondary",
-    scale: 2,
-    initialChecked: true
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    type: "success",
-    scale: 2,
-    initialChecked: true
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    type: "warning",
-    scale: 2,
-    initialChecked: true
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    type: "error",
-    scale: 2,
-    initialChecked: true
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    type: "info",
-    scale: 2,
-    initialChecked: true
-  })));
-};
-export var Disabled = function Disabled() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    disabled: true
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Toggle, {
-    initialChecked: true,
-    disabled: true
-  })));
-};

package/esm/Tooltip/stories.js

@@ -1,183 +0,0 @@
-import Tooltip from '.';
-import Grid from '../Grid';
-import Button from '../Button';
-import Link from '../Link';
-import Code from '../Code';
-import Text from '../Text';
-import Badge from '../Badge';
-export default {
-  title: 'Data Display/Tooltip',
-  component: Tooltip
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: 'Push to Git and your website is live.'
-  }, "Tooltip")));
-};
-export var Trigger = function Trigger() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: 'Push to Git and your website is live.',
-    trigger: "click",
-    type: "dark"
-  }, "Click me")));
-};
-export var WithComponents = function WithComponents() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: 'Push to Git and your website is live.',
-    type: "dark"
-  }, /*#__PURE__*/React.createElement(Button, {
-    auto: true,
-    scale: 1 / 2
-  }, "Button"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: 'Push to Git and your website is live.',
-    type: "dark"
-  }, /*#__PURE__*/React.createElement(Badge, null, "1000+"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: 'Push to Git and your website is live.',
-    type: "dark"
-  }, /*#__PURE__*/React.createElement(Link, {
-    href: "#",
-    color: true
-  }, "Hyperlink"))));
-};
-export var CustomContent = function CustomContent() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: /*#__PURE__*/React.createElement(React.Fragment, null, "Perfect for working with a ", /*#__PURE__*/React.createElement(Code, null, "CMS"), ".")
-  }, "Top")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-      b: true
-    }, "Perfect"), " for working with a CMS."),
-    placement: "bottom"
-  }, "Bottom")));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: "Perfect for working with a CMS.",
-    type: "dark"
-  }, "Dark")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: "Perfect for working with a CMS.",
-    type: "success"
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: "Perfect for working with a CMS.",
-    type: "warning"
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: "Perfect for working with a CMS.",
-    type: "error"
-  }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: "Perfect for working with a CMS.",
-    type: "secondary"
-  }, "Secondary")));
-};
-export var Variants = function Variants() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: "Push to Git and your website is live.",
-    type: "lite"
-  }, "Lite")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Tooltip, {
-    text: "Push to Git and your website is live.",
-    hideArrow: true
-  }, "No Arrow")));
-};
-export var Placements = function Placements() {
-  var text = 'HTTP is stateless, but not sessionless';
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2,
-    justify: "center",
-    alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 4,
-    justify: "flex-end"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "topStart",
-    type: "dark"
-  }, "topStart")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 4,
-    justify: "center"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "top",
-    type: "dark"
-  }, "top")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 4
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "topEnd",
-    type: "dark"
-  }, "topEnd")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    justify: "flex-end"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "leftStart",
-    type: "dark"
-  }, "leftStart")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 6
-  }), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "rightStart",
-    type: "dark"
-  }, "rightStart")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    justify: "flex-end"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "left",
-    type: "dark"
-  }, "left")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 6
-  }), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "right",
-    type: "dark"
-  }, "right")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3,
-    justify: "flex-end"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "leftEnd",
-    type: "dark"
-  }, "leftEnd")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 6
-  }), /*#__PURE__*/React.createElement(Grid, {
-    xs: 3
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "rightEnd",
-    type: "dark"
-  }, "rightEnd")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 4,
-    justify: "flex-end"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "bottomStart",
-    type: "dark"
-  }, "bottomStart")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 4,
-    justify: "center"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "bottom",
-    type: "dark"
-  }, "bottom")), /*#__PURE__*/React.createElement(Grid, {
-    xs: 4
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    text: text,
-    placement: "bottomEnd",
-    type: "dark"
-  }, "bottomEnd")));
-};

package/examples/create-redwoodjs/.redwood/README.md

@@ -1,44 +0,0 @@
-# .redwood
-
-## What is this directory?
-
-Redwood uses this `.redwood` directory to store transitory data that aids in the smooth and convenient operation of your Redwood project.
-
-## Do I need to do anything with this directory?
-
-No. You shouldn't have to create, edit or delete anything in this directory in your day-to-day work with Redwood.
-
-You don't need to commit any other contents of this directory to your version control system. It's ignored by default.
-
-## What's in this directory?
-
-### Files
-
-| Name              | Description                                                                                                        |
-| :---------------- | :----------------------------------------------------------------------------------------------------------------- |
-| commandCache.json | This file contains mappings to assist the Redwood CLI in efficiently executing commands.                           |
-| schema.graphql    | This is the GraphQL schema which has been automatically generated from your Redwood project.                       |
-| studio.db         | The sqlite database used by the experimental `rw exp studio` feature.                                              |
-| telemetry.txt     | Contains a unique ID used for telemetry. This value is rotated every 24 hours to protect your project's anonymity. |
-| test.db           | The sqlite database used when running tests.                                                                       |
-
-### Directories
-
-| Name        | Description                                                                                                                                      |
-| :---------- | :----------------------------------------------------------------------------------------------------------------------------------------------- |
-| locks       | Stores temporary files that Redwood uses to keep track of the execution of async/background tasks between processes.                             |
-| logs        | Stores log files for background tasks such as update checking.                                                                                   |
-| prebuild    | Stores transpiled JavaScript that is generated as part of Redwood's build process.                                                               |
-| telemetry   | Stores the recent telemetry that the Redwood CLI has generated. You may inspect these files to see everything Redwood is anonymously collecting. |
-| types       | Stores the results of type generation.                                                                                                           |
-| updateCheck | Stores a file which contains the results of checking for Redwood updates.                                                                        |
-
-We try to keep this README up to date but you may, from time to time, find other files or directories in this `.redwood` directory that have not yet been documented here. This is likely nothing to worry about but feel free to let us know and we'll update this list.
-
-### Telemetry
-
-RedwoodJS collects completely anonymous telemetry data about general usage. For transparency, that data is viewable in the respective directories and files. To learn more and manage your project's settings, visit [telemetry.redwoodjs.com](https://telemetry.redwoodjs.com).
-
-### Have any questions?
-
-Feel free to reach out to us in the [RedwoodJS Community](https://community.redwoodjs.com/) forum if you have any questions.