@bolio-ui/core 1.1.7 → 1.1.8

package/esm/Popover/stories.js

@@ -1,84 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import Popover from '.';
-import Link from '../Link';
-import Spacer from '../Spacer';
-import Grid from '../Grid';
-export default {
-  title: 'Data Display/Popover',
-  component: Popover
-};
-export var Default = function Default() {
-  var content = function content() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '0 10px'
-      }
-    }, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "A hyperlink"), /*#__PURE__*/React.createElement(Spacer, {
-      h: 0.5
-    }), /*#__PURE__*/React.createElement(Link, {
-      color: true,
-      href: "#"
-    }, "External link"));
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Popover, {
-    content: content
-  }, "Menu")));
-};
-export var PresetItem = function PresetItem() {
-  var content = function content() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Item, {
-      title: true
-    }, /*#__PURE__*/React.createElement("span", null, "User Settings")), /*#__PURE__*/React.createElement(Popover.Item, null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "A hyperlink")), /*#__PURE__*/React.createElement(Popover.Item, null, /*#__PURE__*/React.createElement(Link, {
-      color: true,
-      href: "#"
-    }, "A hyperlink for edit profile")), /*#__PURE__*/React.createElement(Popover.Item, {
-      line: true
-    }), /*#__PURE__*/React.createElement(Popover.Item, null, /*#__PURE__*/React.createElement("span", null, "Command-Line")));
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Popover, {
-    content: content
-  }, "Menu")));
-};
-export var CloseManual = function CloseManual() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var changeHandler = function changeHandler(next) {
-    setVisible(next);
-  };
-
-  var content = function content() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: '0 10px'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      onClick: function onClick() {
-        return setVisible(false);
-      }
-    }, "Click to close"), /*#__PURE__*/React.createElement(Spacer, {
-      h: 0.5
-    }), /*#__PURE__*/React.createElement("span", null, "Nothing"));
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Popover, {
-    content: content,
-    visible: visible,
-    onVisibleChange: changeHandler
-  }, "Menu")));
-};

package/esm/Progress/stories.js

@@ -1,114 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import useTheme from '../use-theme';
-import Progress from '.';
-import Grid from '../Grid';
-import Button from '../Button';
-export default {
-  title: 'Feedback/Progress',
-  component: Progress
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: 50
-  })));
-};
-export var CustomMax = function CustomMax() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: 45,
-    max: 50
-  })));
-};
-export var DynamicColors = function DynamicColors() {
-  var theme = useTheme();
-
-  var _useState = useState(20),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var colors = {
-    20: theme.palette.error,
-    40: theme.palette.warning,
-    60: theme.palette.success,
-    80: '#000'
-  };
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: value,
-    colors: colors
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return setValue(value + 20);
-    },
-    auto: true,
-    scale: 0.5
-  }, "Add")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return setValue(20);
-    },
-    auto: true,
-    scale: 0.5,
-    type: "error"
-  }, "Remove")));
-};
-export var Type = function Type() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    value: 3
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "primary",
-    value: 74
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "secondary",
-    value: 10
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "success",
-    value: 45
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "warning",
-    value: 100
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "error",
-    value: 21
-  })), /*#__PURE__*/React.createElement(Grid, {
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React.createElement(Progress, {
-    type: "info",
-    value: 34
-  })));
-};

package/esm/Radio/stories.js

@@ -1,98 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import Radio from '.';
-import Grid from '../Grid';
-export default {
-  title: 'Data Entry/Radio',
-  component: Radio
-};
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false
-  }, "Option 1")));
-};
-export var Text = function Text() {
-  var _useState = useState('1'),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var handler = function handler(val) {
-    setState(val);
-    console.log(val);
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
-    value: state,
-    onChange: handler
-  }, /*#__PURE__*/React.createElement(Radio, {
-    value: "1"
-  }, "Option 1"), /*#__PURE__*/React.createElement(Radio, {
-    value: "2"
-  }, "Option 2"))));
-};
-export var Type = function Type() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false
-  }, "Default")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false,
-    type: "primary"
-  }, "Primary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false,
-    type: "secondary"
-  }, "Secondary")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false,
-    type: "success"
-  }, "Success")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false,
-    type: "warning"
-  }, "Warning")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false,
-    type: "error"
-  }, "Error")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio, {
-    checked: false,
-    type: "info"
-  }, "Info")));
-};
-export var Description = function Description() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
-    value: "1",
-    onChange: function onChange(val) {
-      return console.log(val);
-    }
-  }, /*#__PURE__*/React.createElement(Radio, {
-    value: "1"
-  }, "Option 1", /*#__PURE__*/React.createElement(Radio.Description, null, "Example description for Option 1")))));
-};
-export var Disabled = function Disabled() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
-    value: "1",
-    disabled: true
-  }, /*#__PURE__*/React.createElement(Radio, {
-    value: "1"
-  }, "Option 1"), /*#__PURE__*/React.createElement(Radio, {
-    value: "2"
-  }, "Option 2"))));
-};
-export var Row = function Row() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Radio.Group, {
-    value: "1",
-    useRow: true
-  }, /*#__PURE__*/React.createElement(Radio, {
-    value: "1"
-  }, "Option 1", /*#__PURE__*/React.createElement(Radio.Desc, null, "Description for Option1")), /*#__PURE__*/React.createElement(Radio, {
-    value: "2"
-  }, "Option 2", /*#__PURE__*/React.createElement(Radio.Desc, null, "Description for Option2")))));
-};

package/esm/Rating/stories.js

@@ -1,72 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import Rating from '.';
-import Grid from '../Grid';
-import { Umbrella, Zap } from '@bolio-ui/icons';
-export default {
-  title: 'Feedback/Rating',
-  component: Rating
-};
-export var Default = function Default() {
-  var _useState = useState(1),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      locked = _useState4[0],
-      setLocked = _useState4[1];
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    onLockedChange: setLocked,
-    value: value,
-    onValueChange: setValue
-  })), /*#__PURE__*/React.createElement(Grid, null, "Selection: ", value), /*#__PURE__*/React.createElement(Grid, null, "Locked: ", locked ? 'true' : 'false'));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, null)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    type: "primary"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    type: "secondary"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    type: "success"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    type: "error"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    type: "warning"
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    type: "info"
-  })));
-};
-export var CustomAmount = function CustomAmount() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    count: 2
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    value: 3,
-    count: 6
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    value: 4,
-    count: 8
-  })));
-};
-export var Icon = function Icon() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    value: 4,
-    count: 6,
-    type: "success",
-    icon: /*#__PURE__*/React.createElement(Umbrella, null)
-  })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Rating, {
-    count: 7,
-    type: "error",
-    icon: /*#__PURE__*/React.createElement(Zap, null)
-  })));
-};

package/esm/Select/stories.js

@@ -1,239 +0,0 @@
-import Select from '.';
-import Grid from '../Grid';
-import Code from '../Code';
-export default {
-  title: 'Data Entry/Select',
-  component: Select
-};
-export var Default = function Default() {
-  var handler = function handler(val) {
-    return console.log(val);
-  };
-
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Select one",
-    onChange: handler
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))));
-};
-export var Types = function Types() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Default"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    type: "primary",
-    initialValue: "1"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    type: "secondary",
-    initialValue: "2"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    type: "success",
-    initialValue: "1"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    type: "warning",
-    initialValue: "2"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    type: "error",
-    initialValue: "1"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    type: "info",
-    initialValue: "2"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))));
-};
-export var Disable = function Disable() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Select one",
-    disabled: true
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))));
-};
-export var DisabledOption = function DisabledOption() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Select one"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1",
-    disabled: true
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))));
-};
-export var WithoutIcon = function WithoutIcon() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Select one",
-    pure: true
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Value 1"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Value 2"))));
-};
-export var Labels = function Labels() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Technologies"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    label: true
-  }, "JavaScript"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "react"
-  }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "angular"
-  }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
-    label: true
-  }, "Ruby"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "rails"
-  }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "php"
-  }, "PHP"))));
-};
-export var Divider = function Divider() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Technologies"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "react"
-  }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "angular"
-  }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
-    divider: true
-  }), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "rails"
-  }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "php"
-  }, "PHP"))));
-};
-export var Multiple = function Multiple() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Technologies",
-    multiple: true,
-    width: "200px",
-    initialValue: ['1', '3', '4', '6']
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "3"
-  }, "Vue"), /*#__PURE__*/React.createElement(Select.Option, {
-    divider: true
-  }), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "4"
-  }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "5"
-  }, "PHP"), /*#__PURE__*/React.createElement(Select.Option, {
-    divider: true
-  }), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "6"
-  }, "Express"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "7"
-  }, "Koa"))));
-};
-export var MultipleWithoutClear = function MultipleWithoutClear() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Technologies",
-    multiple: true,
-    width: "200px",
-    clearable: false,
-    initialValue: ['1', '3', '4', '6']
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "React"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Angular"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "3"
-  }, "Vue"), /*#__PURE__*/React.createElement(Select.Option, {
-    divider: true
-  }), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "4"
-  }, "Rails"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "5"
-  }, "PHP"), /*#__PURE__*/React.createElement(Select.Option, {
-    divider: true
-  }), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "6"
-  }, "Express"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "7"
-  }, "Koa"))));
-};
-export var Component = function Component() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Value one",
-    initialValue: "1"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, /*#__PURE__*/React.createElement(Code, null, "TypeScript")), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, /*#__PURE__*/React.createElement(Code, null, "JavaScript")))));
-};
-export var OverWidth = function OverWidth() {
-  return /*#__PURE__*/React.createElement(Grid.Container, {
-    gap: 2
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Choose one",
-    value: "1",
-    width: "150px"
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Truncate an overly long string"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Option 2"))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Select, {
-    placeholder: "Choose one",
-    value: "1",
-    width: "150px",
-    disableMatchWidth: true
-  }, /*#__PURE__*/React.createElement(Select.Option, {
-    value: "1"
-  }, "Autoscale option width when text is too long"), /*#__PURE__*/React.createElement(Select.Option, {
-    value: "2"
-  }, "Option 2"))));
-};