@bolio-ui/core 1.1.7 → 2.0.0-alpha.0

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/esm/styled-jsx-server.es.js

@@ -1,5 +0,0 @@
-import { server } from './styled-jsx.es'
-const { flushToHTML } = server
-
-export { server, flushToHTML }
-export default server