glints-aries 4.0.185 → 4.0.187

package/es/Display/Tabs/Tabs.stories.js

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

package/es/Display/Tooltip/Tooltip.stories.js

@@ -1,49 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["text"],
-  _excluded2 = ["text"];
-import React from 'react';
-import styled from 'styled-components';
-import { Tooltip } from './Tooltip';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import Tag from '../../General/Tag/BasicTag';
-var Container = styled(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';
-export default {
-  title: 'General/Tooltip',
-  component: Tooltip,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(Container, null, Story());
-  }]
-};
-var StringTooltipTemplate = function StringTooltipTemplate(_ref) {
-  var text = _ref.text,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, args, {
-    text: text || defaultText
-  }), /*#__PURE__*/React.createElement(Tag, null, "Glints Aries"));
-};
-var HtmlTooltipTemplate = function HtmlTooltipTemplate(_ref2) {
-  var text = _ref2.text,
-    args = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, args, {
-    text: text || defaultText
-  }), /*#__PURE__*/React.createElement(Tag, null, "Glints Aries"));
-};
-export var Interactive = StringTooltipTemplate.bind({});
-Interactive.args = {
-  text: defaultText,
-  position: 'top'
-};
-export var DifferentPosition = StringTooltipTemplate.bind({});
-DifferentPosition.args = {
-  position: 'left'
-};
-export var WithHtmlContent = HtmlTooltipTemplate.bind({});
-WithHtmlContent.args = {
-  text: /*#__PURE__*/React.createElement("b", null, "Hello World"),
-  textAsString: 'Hello World'
-};

package/es/General/Alert/Alert.stories.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useState } from 'react';
-import { Alert } from './Alert';
-import { Button } from '../Button';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'General/Alert',
-  component: Alert,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      control: {
-        disable: true
-      }
-    }
-  }
-};
-var Template = function Template(args) {
-  var _useState = useState(args.isOpen),
-    isOpen = _useState[0],
-    setOpen = _useState[1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return setOpen(true);
-    },
-    variant: "solid-blue"
-  }, "Show Pop up"), /*#__PURE__*/React.createElement(Alert, _extends({}, args, {
-    isOpen: isOpen,
-    onClose: function onClose() {
-      return setOpen(false);
-    }
-  })));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  type: 'info',
-  message: 'You have successfully applied to Glints as Software Engineer.'
-};

package/es/General/Badge/Badge.stories.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Badge } from './Badge';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import styled from 'styled-components';
-var BadgeStack = styled('div').withConfig({
-  displayName: "Badgestories__BadgeStack",
-  componentId: "sc-imkkqn-0"
-})(["display:flex;align-items:flex-start;"]);
-export default {
-  title: 'General/Badge',
-  component: Badge,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Badge, args);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  label: 'hello'
-};
-export var Variants = function Variants() {
-  return /*#__PURE__*/React.createElement(BadgeStack, null, /*#__PURE__*/React.createElement(Badge, {
-    label: "4",
-    variant: "default"
-  }), /*#__PURE__*/React.createElement(Badge, {
-    label: "4",
-    variant: "dimmed"
-  }), /*#__PURE__*/React.createElement(Badge, {
-    label: "4",
-    variant: "white"
-  }), /*#__PURE__*/React.createElement(Badge, {
-    label: "4",
-    variant: "blue"
-  }));
-};

package/es/General/Brand/Brand.stories.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import { Brand } from './index';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'General/Brand',
-  component: 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.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Brand, args);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  asset: 'glints-black'
-};
-export var RedirectToGlintsWhenRightClick = Template.bind({});
-RedirectToGlintsWhenRightClick.args = {
-  asset: 'glints-black',
-  rightClickURL: 'https://glints.com'
-};

package/es/General/Button/Button.stories.js

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

package/es/General/Divider/Divider.stories.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { Divider } from './Divider';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'General/Divider',
-  component: Divider,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Divider, args);
-};
-export var Interactive = Template.bind({});
-export var dividerWithGreyTheme = Template.bind({});
-dividerWithGreyTheme.args = {
-  theme: 'grey'
-};

package/es/General/Heading/Heading.stories.js

@@ -1,21 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children"];
-import React from 'react';
-import { Heading } from './Heading';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'General/Heading',
-  component: Heading,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(_ref) {
-  var children = _ref.children,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Heading, args, children || 'Glints Aries');
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  children: 'Glints Aries'
-};

package/es/General/Loading/Loading.stories.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { Loading } from './Loading';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'General/Loading',
-  component: Loading,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Loading, args);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};

package/es/General/ProfilePicture/ProfilePicture.stories.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import ProfilePicture from './ProfilePicture';
-export default {
-  title: 'General/ProfilePicture',
-  component: ProfilePicture
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(ProfilePicture, args, /*#__PURE__*/React.createElement("img", {
-    src: "https://images.unsplash.com/photo-1537530360953-3b8b369e01fe?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=ecc5073c4eb34e6c480e32b48e6208db&auto=format&fit=crop&w=750&q=80",
-    alt: "Ying Cong"
-  }));
-};
-export var Interactive = Template.bind({});
-export var ShowEditIconOnHover = Template.bind({});
-ShowEditIconOnHover.args = {
-  editable: true
-};

package/es/General/Tag/Tag.stories.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import Tag from './Tag';
-import { CloseIcon } from '../Icon/components';
-import styled from 'styled-components';
-var TagStack = styled('div').withConfig({
-  displayName: "Tagstories__TagStack",
-  componentId: "sc-1uupdfc-0"
-})(["div{margin-right:20px;}"]);
-export default {
-  title: 'General/Tag',
-  component: Tag,
-  argTypes: {
-    icon: {
-      control: {
-        disable: true
-      }
-    }
-  }
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Tag, args, "hello");
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  icon: /*#__PURE__*/React.createElement(CloseIcon, {
-    onClick: function onClick() {
-      return alert('Clicked!');
-    }
-  }),
-  onClick: function onClick() {
-    return alert('Clicked!');
-  }
-};
-export var BasicTag = function BasicTag() {
-  return /*#__PURE__*/React.createElement(TagStack, null, /*#__PURE__*/React.createElement(Tag, null, "Default"), /*#__PURE__*/React.createElement(Tag, {
-    block: true
-  }, "Block"), /*#__PURE__*/React.createElement(Tag, {
-    outline: true
-  }, "Outline"), /*#__PURE__*/React.createElement(Tag, {
-    block: true,
-    outline: true
-  }, "Block and Outline"));
-};
-export var ButtonTag = function ButtonTag() {
-  return /*#__PURE__*/React.createElement(TagStack, null, /*#__PURE__*/React.createElement(Tag, {
-    variant: "button",
-    icon: /*#__PURE__*/React.createElement(CloseIcon, {
-      onClick: function onClick() {
-        return alert('Clicked!');
-      }
-    })
-  }, "Close"));
-};
-export var ActionTag = function ActionTag() {
-  return /*#__PURE__*/React.createElement(TagStack, null, /*#__PURE__*/React.createElement(Tag, {
-    variant: "action",
-    action: "add",
-    onClick: function onClick() {
-      return alert('Clicked!');
-    }
-  }, "Add"), /*#__PURE__*/React.createElement(Tag, {
-    variant: "action",
-    action: "reset",
-    onClick: function onClick() {
-      return alert('Clicked!');
-    }
-  }, "Reset"));
-};

package/es/General/Typography/Paragraph.stories.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import { Paragraph } from './Paragraph';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import { PrimaryColor } from '../../Utils/Colors';
-import { PARAGRAPH_FONT_SIZES, PARAGRAPH_VARIANTS } from './ParagraphStyles';
-Paragraph.displayName = 'Typography.Paragraph';
-export default {
-  title: 'Typography/Paragraph',
-  component: Paragraph,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    variant: {
-      description: Object.values(PARAGRAPH_VARIANTS).map(function (variant) {
-        return variant + " (" + PARAGRAPH_FONT_SIZES[variant] + "px)";
-      }).join(' · ')
-    },
-    color: {
-      control: 'color'
-    }
-  }
-};
-var defaultText = "Tanya farnuva naar cam utinu en lokirim tanka tel' taurnin. Lirimaerea vedui' il'er Lotesse Shaalth.";
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Paragraph, args, args.children || defaultText);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};
-export var Color = Template.bind({});
-Color.args = {
-  color: PrimaryColor.glintsblue
-};
-export var Ellipsis = Template.bind({});
-Ellipsis.args = {
-  ellipsis: true,
-  children: "'Quel re amrun undome Beikaerea lle auta yeste' Mellonea. Guinahiroo ai' atar diola lle Mith'quessir. Tanya nae sai eina quel undome mani naa tanya nat' loomi en gurth. A! manke naa nae lle tinechor Tarion. Guinahiroo tanya awra! Heruamin Hallaerea. Mani uma lle merna ten' ta toror' taur'ohtarie Iire Cermie. Mankoi bragol alaa Morierea tal dagore."
-};
-export var Bold = Template.bind({});
-Bold.args = {
-  bold: true
-};
-export var Variant = Template.bind({});
-Variant.args = {
-  variant: 'subtitle'
-};
-export var ShouldSetLineHeight = Template.bind({});
-ShouldSetLineHeight.args = {
-  shouldSetLineHeight: 'subtitle'
-};

package/es/General/Typography/Title.stories.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { Title } from './Title';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import { PrimaryColor } from '../../Utils/Colors';
-Title.displayName = 'Typography.Title';
-export default {
-  title: 'Typography/Title',
-  component: Title,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }],
-  argTypes: {
-    className: {
-      table: {
-        disable: true
-      }
-    },
-    color: {
-      control: 'color'
-    },
-    tag: {
-      control: 'radio'
-    }
-  }
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Title, args, args.children || 'Glints Aries');
-};
-export var Interactive = Template.bind({});
-Interactive.args = {};
-export var Color = Template.bind({});
-Color.args = {
-  color: PrimaryColor.glintsblue
-};
-export var Ellipsis = Template.bind({});
-Ellipsis.args = {
-  ellipsis: true,
-  children: "Tanya farnuva naar cam utinu en lokirim tanka tel' taurnin. Lirimaerea vedui' il'er Lotesse Shaalth."
-};
-export var Tag = Template.bind({});
-Tag.args = {
-  tag: 'h6'
-};
-export var Uppercase = Template.bind({});
-Uppercase.args = {
-  uppercase: true
-};