glints-aries 4.0.185 → 4.0.187

package/lib/Display/Slider/Slider.stories.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.RemoveDots = exports.Interactive = exports.InitialItem = exports.FullContent = exports.CustomizedRenderRightIcon = exports.CustomizedRenderLeftIcon = exports.Autoplay = exports.ArrowWhite = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Slider = require("./Slider");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Colors = require("../../Utils/Colors");
-var _components = require("../../General/Icon/components");
-var _ArrowNextDoubleIcon = _interopRequireDefault(require("../../General/Icon/components/ArrowNextDoubleIcon"));
-var _default = {
-  title: 'Display/Slider',
-  component: _Slider.Slider,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    containerRef: {
-      table: {
-        disable: true
-      }
-    },
-    afterChange: {
-      control: {
-        type: null
-      }
-    },
-    renderLeftIcon: {
-      control: {
-        type: null
-      }
-    },
-    renderRightIcon: {
-      control: {
-        type: null
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(_ref) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_Slider.Slider, args, /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  })), /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  })), /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  })));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {};
-var Autoplay = Template.bind({});
-exports.Autoplay = Autoplay;
-Autoplay.args = {
-  autoplay: true
-};
-var FullContent = Template.bind({});
-exports.FullContent = FullContent;
-FullContent.args = {
-  fullContent: true
-};
-var ArrowWhite = Template.bind({});
-exports.ArrowWhite = ArrowWhite;
-ArrowWhite.args = {
-  arrowWhite: true
-};
-var RemoveDots = Template.bind({});
-exports.RemoveDots = RemoveDots;
-RemoveDots.args = {
-  removeDots: true
-};
-var InitialItem = Template.bind({});
-exports.InitialItem = InitialItem;
-InitialItem.args = {
-  initialItem: 2
-};
-var CustomizedRenderLeftIcon = function CustomizedRenderLeftIcon() {
-  return /*#__PURE__*/_react["default"].createElement(_Slider.Slider, {
-    renderLeftIcon: function renderLeftIcon(disabled) {
-      var color = disabled ? _Colors.Greyscale.grey : _Colors.SecondaryColor.actionblue;
-      return /*#__PURE__*/_react["default"].createElement(_components.ArrowBackDoubleIcon, {
-        color: color
-      });
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  })), /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  })), /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  })));
-};
-exports.CustomizedRenderLeftIcon = CustomizedRenderLeftIcon;
-var CustomizedRenderRightIcon = function CustomizedRenderRightIcon() {
-  return /*#__PURE__*/_react["default"].createElement(_Slider.Slider, {
-    renderRightIcon: function renderRightIcon(disabled) {
-      var color = disabled ? _Colors.Greyscale.grey : _Colors.SecondaryColor.actionblue;
-      return /*#__PURE__*/_react["default"].createElement(_ArrowNextDoubleIcon["default"], {
-        color: color
-      });
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1512979797260-1a645592b48f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2fc2ca84d8c407bd48ab15ea27c87eaf&auto=format&fit=crop&h=500&q=80",
-    alt: "Profile Picture"
-  })), /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1599335937498-90b82b84d603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Nature"
-  })), /*#__PURE__*/_react["default"].createElement(_Slider.Slider.Item, null, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "https://images.unsplash.com/photo-1598662779094-110c2bad80b5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&h=500&q=80",
-    alt: "Keyboard"
-  })));
-};
-exports.CustomizedRenderRightIcon = CustomizedRenderRightIcon;

package/lib/Display/Swipeable/Swipeable.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Default = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Swipeable = require("./Swipeable");
-var _SwipeableStyle = require("./SwipeableStyle");
-var _default = {
-  title: 'Display/Swipeable',
-  component: _Swipeable.Swipeable,
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(_ref) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_Swipeable.Swipeable, args, Array.from(Array(10).keys()).map(function (number) {
-    return /*#__PURE__*/_react["default"].createElement(_Swipeable.Swipeable.Item, {
-      key: number
-    }, /*#__PURE__*/_react["default"].createElement(_SwipeableStyle.SwipeableCardExample, null, /*#__PURE__*/_react["default"].createElement("h1", null, "Card. ", number)));
-  }));
-};
-var Default = Template.bind({});
-exports.Default = Default;

package/lib/Display/Tabs/Tabs.stories.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Theme = exports.OverflowEffect = exports.Interactive = exports.Alignment = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Tabs = require("./Tabs");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Badge = _interopRequireDefault(require("../../General/Badge"));
-var _default = {
-  title: 'Display/Tabs',
-  component: _Tabs.Tabs,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    activeTab: {
-      control: {
-        type: null
-      }
-    },
-    onTabClick: {
-      control: {
-        type: null
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(_ref) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, args, /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Location Tab'
-  }, "Tab Location"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: "Salary"
-  }, "Tab Salary"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: "Job"
-  }, "Tab Job"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-      label: 4
-    }), "Company")
-  }, "Tab Company"));
-};
-var OverflowTemplate = function OverflowTemplate(_ref2) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref2), _ref2));
-  return /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, args, /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 1'
-  }, "Tab 1"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 2'
-  }, "Tab 2"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 3'
-  }, "Tab 3"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 4'
-  }, " Tab 4"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 5'
-  }, "Tab 5"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 6'
-  }, "Tab 6"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 7'
-  }, "Tab 7"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 8'
-  }, "Tab 8"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 9'
-  }, "Tab 9"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 10'
-  }, "Tab 10"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 11'
-  }, "Tab 11"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 12'
-  }, "Tab 12"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 13'
-  }, "Tab 13"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 14'
-  }, "Tab 14"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 15'
-  }, "Tab 15"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 16'
-  }, "Tab 16"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 17'
-  }, "Tab 17"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 18'
-  }, "Tab 18"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 19'
-  }, "Tab 19"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 20'
-  }, "Tab 20"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 21'
-  }, "Tab 21"), /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs.Pane, {
-    tab: 'Tab 22'
-  }, "Tab 22"));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-var Alignment = Template.bind({});
-exports.Alignment = Alignment;
-Alignment.args = {
-  alignment: 'vertical'
-};
-var Theme = Template.bind({});
-exports.Theme = Theme;
-Theme.args = {
-  theme: 'blue'
-};
-var OverflowEffect = OverflowTemplate.bind({});
-exports.OverflowEffect = OverflowEffect;
-OverflowEffect.args = {
-  theme: 'blue'
-};

package/lib/Display/Tooltip/Tooltip.stories.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.WithHtmlContent = exports.Interactive = exports.DifferentPosition = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Tooltip = require("./Tooltip");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _BasicTag = _interopRequireDefault(require("../../General/Tag/BasicTag"));
-var _excluded = ["text"],
-  _excluded2 = ["text"];
-var Container = (0, _styledComponents["default"])(_GlintsContainer.BaseContainer).withConfig({
-  displayName: "Tooltipstories__Container",
-  componentId: "sc-qjslxe-0"
-})(["width:100%;height:150px;display:flex;align-items:center;justify-content:center;"]);
-var defaultText = 'Lorem Ipsum';
-var _default = {
-  title: 'General/Tooltip',
-  component: _Tooltip.Tooltip,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(Container, null, Story());
-  }]
-};
-exports["default"] = _default;
-var StringTooltipTemplate = function StringTooltipTemplate(_ref) {
-  var text = _ref.text,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Tooltip.Tooltip, (0, _extends2["default"])({}, args, {
-    text: text || defaultText
-  }), /*#__PURE__*/_react["default"].createElement(_BasicTag["default"], null, "Glints Aries"));
-};
-var HtmlTooltipTemplate = function HtmlTooltipTemplate(_ref2) {
-  var text = _ref2.text,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref2, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(_Tooltip.Tooltip, (0, _extends2["default"])({}, args, {
-    text: text || defaultText
-  }), /*#__PURE__*/_react["default"].createElement(_BasicTag["default"], null, "Glints Aries"));
-};
-var Interactive = StringTooltipTemplate.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  text: defaultText,
-  position: 'top'
-};
-var DifferentPosition = StringTooltipTemplate.bind({});
-exports.DifferentPosition = DifferentPosition;
-DifferentPosition.args = {
-  position: 'left'
-};
-var WithHtmlContent = HtmlTooltipTemplate.bind({});
-exports.WithHtmlContent = WithHtmlContent;
-WithHtmlContent.args = {
-  text: /*#__PURE__*/_react["default"].createElement("b", null, "Hello World"),
-  textAsString: 'Hello World'
-};

package/lib/General/Alert/Alert.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Alert = require("./Alert");
-var _Button = require("../Button");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = {
-  title: 'General/Alert',
-  component: _Alert.Alert,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      control: {
-        disable: true
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(args.isOpen),
-    isOpen = _useState[0],
-    setOpen = _useState[1];
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    onClick: function onClick() {
-      return setOpen(true);
-    },
-    variant: "solid-blue"
-  }, "Show Pop up"), /*#__PURE__*/_react["default"].createElement(_Alert.Alert, (0, _extends2["default"])({}, args, {
-    isOpen: isOpen,
-    onClose: function onClose() {
-      return setOpen(false);
-    }
-  })));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  type: 'info',
-  message: 'You have successfully applied to Glints as Software Engineer.'
-};

package/lib/General/Badge/Badge.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Variants = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Badge = require("./Badge");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var BadgeStack = (0, _styledComponents["default"])('div').withConfig({
-  displayName: "Badgestories__BadgeStack",
-  componentId: "sc-imkkqn-0"
-})(["display:flex;align-items:flex-start;"]);
-var _default = {
-  title: 'General/Badge',
-  component: _Badge.Badge,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Badge.Badge, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  label: 'hello'
-};
-var Variants = function Variants() {
-  return /*#__PURE__*/_react["default"].createElement(BadgeStack, null, /*#__PURE__*/_react["default"].createElement(_Badge.Badge, {
-    label: "4",
-    variant: "default"
-  }), /*#__PURE__*/_react["default"].createElement(_Badge.Badge, {
-    label: "4",
-    variant: "dimmed"
-  }), /*#__PURE__*/_react["default"].createElement(_Badge.Badge, {
-    label: "4",
-    variant: "white"
-  }), /*#__PURE__*/_react["default"].createElement(_Badge.Badge, {
-    label: "4",
-    variant: "blue"
-  }));
-};
-exports.Variants = Variants;

package/lib/General/Brand/Brand.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.RedirectToGlintsWhenRightClick = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _index = require("./index");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _default = {
-  title: 'General/Brand',
-  component: _index.Brand,
-  argTypes: {
-    asset: {
-      control: {
-        type: 'radio',
-        options: ['glints-black', 'glints-white']
-      }
-    },
-    className: {
-      control: {
-        disable: true
-      }
-    },
-    onContextMenu: {
-      control: {
-        disable: true
-      }
-    }
-  },
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index.Brand, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  asset: 'glints-black'
-};
-var RedirectToGlintsWhenRightClick = Template.bind({});
-exports.RedirectToGlintsWhenRightClick = RedirectToGlintsWhenRightClick;
-RedirectToGlintsWhenRightClick.args = {
-  asset: 'glints-black',
-  rightClickURL: 'https://glints.com'
-};

package/lib/General/Button/Button.stories.js

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.WithRoundedCorner = exports.WithIcon = exports.WithDifferentTag = exports.Variants = exports.SolidBlue = exports.Sizes = exports.Disable = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Flex = require("../../Layout/Flex");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Button = require("./Button");
-var _components = require("../Icon/components");
-var _default = {
-  title: 'General/Button',
-  component: _Button.Button,
-  argTypes: {
-    startIcon: {
-      control: {
-        type: 'select',
-        options: {
-          'Example: ArrowBackIcon': /*#__PURE__*/_react["default"].createElement(_components.ArrowBackIcon, null),
-          'Example: ArrowBackDoubleIcon': /*#__PURE__*/_react["default"].createElement(_components.ArrowBackDoubleIcon, null)
-        }
-      }
-    },
-    endIcon: {
-      control: {
-        type: 'select',
-        options: {
-          'Example: ArrowBackIcon': /*#__PURE__*/_react["default"].createElement(_components.ArrowNextIcon, null),
-          'Example: ArrowNextDoubleIcon': /*#__PURE__*/_react["default"].createElement(_components.ArrowNextDoubleIcon, null)
-        }
-      }
-    },
-    tag: {
-      control: {
-        type: 'text'
-      }
-    },
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    ref: {
-      table: {
-        disable: true
-      }
-    },
-    theme: {
-      control: null
-    }
-  },
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Button.Button, args, "Button");
-};
-var SolidBlue = Template.bind({});
-exports.SolidBlue = SolidBlue;
-SolidBlue.args = {
-  variant: 'solid-blue'
-};
-var Variants = function Variants() {
-  return /*#__PURE__*/_react["default"].createElement(_Flex.Flex, {
-    flexWrap: "wrap",
-    style: {
-      gap: '10px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue"
-  }, "solid-blue"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "ghost"
-  }, "ghost"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "white-grey"
-  }, "white-grey"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "yellow"
-  }, "yellow"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-white"
-  }, "solid-white"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "link"
-  }, "link"));
-};
-exports.Variants = Variants;
-var Sizes = function Sizes() {
-  return /*#__PURE__*/_react["default"].createElement(_Flex.Flex, {
-    alignItems: "flex-end",
-    flexWrap: "wrap",
-    style: {
-      gap: '10px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    small: true
-  }, "Small"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue"
-  }, "Default"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    block: true,
-    small: true
-  }, "Small Block")), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    block: true
-  }, "Default Block")));
-};
-exports.Sizes = Sizes;
-var Disable = function Disable() {
-  return /*#__PURE__*/_react["default"].createElement(_Flex.Flex, {
-    style: {
-      gap: '10px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue"
-  }, "enabled"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    disabled: true
-  }, "disabled"));
-};
-exports.Disable = Disable;
-var WithIcon = function WithIcon() {
-  return /*#__PURE__*/_react["default"].createElement(_Flex.Flex, {
-    style: {
-      gap: '10px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    startIcon: /*#__PURE__*/_react["default"].createElement(_components.ViewIcon, null)
-  }, "button icon left"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    endIcon: /*#__PURE__*/_react["default"].createElement(_components.ArrowNextIcon, null)
-  }, "button icon right"));
-};
-exports.WithIcon = WithIcon;
-var WithDifferentTag = function WithDifferentTag() {
-  return /*#__PURE__*/_react["default"].createElement(_Flex.Flex, {
-    style: {
-      gap: '10px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    tag: "a"
-  }, "button as anchor"));
-};
-exports.WithDifferentTag = WithDifferentTag;
-var WithRoundedCorner = function WithRoundedCorner() {
-  return /*#__PURE__*/_react["default"].createElement(_Flex.Flex, {
-    style: {
-      gap: '10px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    variant: "solid-blue",
-    isRoundedCorner: true
-  }, "Rounded corner button"));
-};
-exports.WithRoundedCorner = WithRoundedCorner;