react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

package/dist/components/button/index.stories.js

@@ -1,304 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.YellowSecondaryDisabled = exports.YellowSecondary = exports.YellowPrimaryDisabled = exports.YellowPrimary = exports.WithSpecificWidth = exports.WithReactNodeChildren = exports.WithIcon = exports.WideButton = exports.TertiaryDisabled = exports.Tertiary = exports.SmallWithIcon = exports.Small = exports.SecondaryDisabled = exports.Secondary = exports.RedSecondaryDisabled = exports.RedSecondary = exports.RedPrimaryDisabled = exports.RedPrimary = exports.PrimaryDisabled = exports.Primary = exports.MediumWithIcon = exports.Medium = exports.LinkButton = exports.LargeWithIcon = exports.Large = exports.GreenSecondaryDisabled = exports.GreenSecondary = exports.GreenPrimaryDisabled = exports.GreenPrimary = exports.GrayPrimary = exports.ExtraSmallWithIcon = exports.ExtraSmall = exports.ExternalLinkButton = exports.Default = exports.BlueSecondaryDisabled = exports.BlueSecondary = exports.BluePrimaryDisabled = exports.BluePrimary = void 0;var _react = _interopRequireDefault(require("react"));
-var _index = _interopRequireDefault(require("./index"));
-
-var _typography = require("../typography");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };} // import '../storybook.css';
-var _default = exports.default =
-{
-  title: 'Button',
-  component: _index.default,
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['sm', 'md', 'lg', 'xs'],
-      defaultValue: 'md'
-    },
-    icon: {
-      control: 'select',
-      options: ['warning', 'arrow-down-on-square', 'bell-alert', 'help'],
-      defaultValue: undefined
-    },
-    wide: {
-      control: 'boolean',
-      defaultValue: false
-    },
-    disabled: {
-      control: 'boolean',
-      defaultValue: false
-    },
-    styleType: {
-      control: 'select',
-      options: ['primary', 'secondary', 'tertiary'],
-      defaultValue: 'primary'
-    },
-    mainColor: {
-      control: 'select',
-      options: ['red', 'blue', 'green', 'yellow', 'darkBlue', 'gray'],
-      defaultValue: 'blue'
-    },
-    children: {
-      control: 'text',
-      defaultValue: 'متن زیبای داخل دکمه'
-    }
-  }
-};
-
-const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
-
-const Default = exports.Default = Template.bind({});
-Default.args = {
-  size: 'md',
-  styleType: 'primary',
-  mainColor: 'blue',
-  children: 'متن زیبای داخل دکمه'
-};
-
-const WithIcon = exports.WithIcon = Template.bind({});
-WithIcon.args = {
-  icon: 'watch-later',
-  children: 'دکمه‌ با آیکون'
-};
-
-const WithSpecificWidth = exports.WithSpecificWidth = Template.bind({});
-WithSpecificWidth.args = {
-  icon: 'watch-later',
-  width: '184px',
-  children: 'دکمه‌ با آیکون'
-};
-
-const WideButton = exports.WideButton = Template.bind({});
-WideButton.args = {
-  wide: true,
-  children: 'دکمه‌ی تمام عرض'
-};
-
-const ExtraSmall = exports.ExtraSmall = Template.bind({});
-ExtraSmall.args = {
-  size: 'xs',
-  children: 'دکمه‌ی خیلی کوچک'
-};
-
-const Small = exports.Small = Template.bind({});
-Small.args = {
-  size: 'sm',
-  children: 'دکمه‌ی کوچک'
-};
-
-const Medium = exports.Medium = Template.bind({});
-Medium.args = {
-  size: 'md',
-  children: 'دکمه‌ی متوسط'
-};
-
-const Large = exports.Large = Template.bind({});
-Large.args = {
-  size: 'lg',
-  children: 'دکمه‌ی بزرگ'
-};
-
-const ExtraSmallWithIcon = exports.ExtraSmallWithIcon = Template.bind({});
-ExtraSmallWithIcon.args = {
-  size: 'xs',
-  icon: 'watch-later',
-  children: 'دکمه‌ی خیلی کوچک با آیکون'
-};
-
-const SmallWithIcon = exports.SmallWithIcon = Template.bind({});
-SmallWithIcon.args = {
-  size: 'sm',
-  icon: 'watch-later',
-  children: 'دکمه‌ی کوچک با آیکون'
-};
-
-const MediumWithIcon = exports.MediumWithIcon = Template.bind({});
-MediumWithIcon.args = {
-  size: 'md',
-  icon: 'watch-later',
-  children: 'دکمه‌ی متوسط با آیکون'
-};
-
-const LargeWithIcon = exports.LargeWithIcon = Template.bind({});
-LargeWithIcon.args = {
-  size: 'lg',
-  icon: 'watch-later',
-  children: 'دکمه‌ی بزرگ با آیکون'
-};
-
-const Primary = exports.Primary = Template.bind({});
-Primary.args = {
-  styleType: 'primary',
-  children: 'دکمه‌ی دیفالت اولیه'
-};
-
-const Secondary = exports.Secondary = Template.bind({});
-Secondary.args = {
-  styleType: 'secondary',
-  children: 'دکمه‌ی دیفالت ثانویه'
-};
-
-const Tertiary = exports.Tertiary = Template.bind({});
-Tertiary.args = {
-  styleType: 'tertiary',
-  children: 'دکمه‌ی دیفالت ثالثیه'
-};
-
-const PrimaryDisabled = exports.PrimaryDisabled = Template.bind({});
-PrimaryDisabled.args = {
-  disabled: true,
-  children: 'دکمه‌ی دیفالت غیر فعال'
-};
-
-const SecondaryDisabled = exports.SecondaryDisabled = Template.bind({});
-SecondaryDisabled.args = {
-  styleType: 'secondary',
-  disabled: true,
-  children: 'دکمه‌ی دیفالت ثانویه غیر فعال'
-};
-
-const TertiaryDisabled = exports.TertiaryDisabled = Template.bind({});
-TertiaryDisabled.args = {
-  styleType: 'tertiary',
-  disabled: true,
-  children: 'دکمه‌ی دیفالت ثالثیه غیر فعال'
-};
-
-const RedPrimary = exports.RedPrimary = Template.bind({});
-RedPrimary.args = {
-  styleType: 'primary',
-  mainColor: 'red',
-  children: 'دکمه‌ی قرمز اولیه'
-};
-
-const RedSecondary = exports.RedSecondary = Template.bind({});
-RedSecondary.args = {
-  styleType: 'secondary',
-  mainColor: 'red',
-  children: 'دکمه‌ی قرمز ثانویه'
-};
-
-const RedPrimaryDisabled = exports.RedPrimaryDisabled = Template.bind({});
-RedPrimaryDisabled.args = {
-  mainColor: 'red',
-  disabled: true,
-  children: 'دکمه‌ی قرمز اولیه غیر فعال'
-};
-
-const RedSecondaryDisabled = exports.RedSecondaryDisabled = Template.bind({});
-RedSecondaryDisabled.args = {
-  styleType: 'secondary',
-  mainColor: 'red',
-  disabled: true,
-  children: 'دکمه‌ی قرمز ثانویه غیر فعال'
-};
-
-const BluePrimary = exports.BluePrimary = Template.bind({});
-BluePrimary.args = {
-  styleType: 'primary',
-  mainColor: 'blue',
-  children: 'دکمه‌ی آبی اولیه'
-};
-
-const BlueSecondary = exports.BlueSecondary = Template.bind({});
-BlueSecondary.args = {
-  styleType: 'secondary',
-  mainColor: 'blue',
-  children: 'دکمه‌ی آبی ثانویه'
-};
-
-const BluePrimaryDisabled = exports.BluePrimaryDisabled = Template.bind({});
-BluePrimaryDisabled.args = {
-  mainColor: 'blue',
-  disabled: true,
-  children: 'دکمه‌ی آبی اولیه غیر فعال'
-};
-
-const BlueSecondaryDisabled = exports.BlueSecondaryDisabled = Template.bind({});
-BlueSecondaryDisabled.args = {
-  styleType: 'secondary',
-  mainColor: 'blue',
-  disabled: true,
-  children: 'دکمه‌ی آبیه ثانویه غیر فعال'
-};
-
-const GrayPrimary = exports.GrayPrimary = Template.bind({});
-GrayPrimary.args = {
-  styleType: 'primary',
-  mainColor: 'gray',
-  icon: 'watch-later',
-  children: 'دکمه‌ی خاکستری اولیه'
-};
-
-const GreenPrimary = exports.GreenPrimary = Template.bind({});
-GreenPrimary.args = {
-  styleType: 'primary',
-  mainColor: 'green',
-  children: 'دکمه‌ی سبز اولیه'
-};
-
-const GreenSecondary = exports.GreenSecondary = Template.bind({});
-GreenSecondary.args = {
-  styleType: 'secondary',
-  mainColor: 'green',
-  children: 'دکمه‌ی سبز ثانویه'
-};
-
-const GreenPrimaryDisabled = exports.GreenPrimaryDisabled = Template.bind({});
-GreenPrimaryDisabled.args = {
-  mainColor: 'green',
-  disabled: true,
-  children: 'دکمه‌ی سبز اولیه غیر فعال'
-};
-
-const GreenSecondaryDisabled = exports.GreenSecondaryDisabled = Template.bind({});
-GreenSecondaryDisabled.args = {
-  styleType: 'secondary',
-  mainColor: 'green',
-  disabled: true,
-  children: 'دکمه‌ی سبز ثانویه غیر فعال'
-};
-
-const YellowPrimary = exports.YellowPrimary = Template.bind({});
-YellowPrimary.args = {
-  styleType: 'primary',
-  mainColor: 'yellow',
-  children: 'دکمه‌ی زرد اولیه'
-};
-
-const YellowSecondary = exports.YellowSecondary = Template.bind({});
-YellowSecondary.args = {
-  styleType: 'secondary',
-  mainColor: 'yellow',
-  children: 'دکمه‌ی زرد ثانویه'
-};
-
-const YellowPrimaryDisabled = exports.YellowPrimaryDisabled = Template.bind({});
-YellowPrimaryDisabled.args = {
-  mainColor: 'yellow',
-  disabled: true,
-  children: 'دکمه‌ی زرد اولیه غیر فعال'
-};
-
-const YellowSecondaryDisabled = exports.YellowSecondaryDisabled = Template.bind({});
-YellowSecondaryDisabled.args = {
-  styleType: 'secondary',
-  mainColor: 'yellow',
-  disabled: true,
-  children: 'دکمه‌ی زرد ثانویه غیر فعال'
-};
-
-const LinkButton = exports.LinkButton = Template.bind({});
-LinkButton.args = {
-  renderLink: (element) => /*#__PURE__*/_react.default.createElement("a", { href: "http://google.com" }, element),
-  children: 'لینک به گوگل'
-};
-
-const ExternalLinkButton = exports.ExternalLinkButton = Template.bind({});
-ExternalLinkButton.args = {
-  linkTo: 'http://google.com',
-  children: 'لینک به گوگل'
-};
-
-const WithReactNodeChildren = exports.WithReactNodeChildren = Template.bind({});
-WithReactNodeChildren.args = {
-  size: 'md',
-  children: /*#__PURE__*/_react.default.createElement(_typography.Text, { color: "white" }, "\u0627\u06CC\u0646 \u06CC\u06A9 \u0645\u062A\u0646  \u062A\u0633\u062A\u06CC \u0627\u0633\u062A")
-};

package/dist/components/button/index.styles.js

@@ -1,104 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.StyledIcon = exports.InternalLink = exports.ExternalLink = exports.BaseButton = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _theme = require("../utils/theme");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
-
-const BaseButton = exports.BaseButton = _styledComponents.default.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: ${(_ref) => {let { width, wide } = _ref;return width ? `${width}` : wide ? '100%' : 'auto';}};
-  height: ${(_ref2) => {let { height } = _ref2;return height ? `${height}` : 'auto';}};
-  min-width: ${(_ref3) => {let { size, theme, width } = _ref3;return width ? `${width}` : `${theme.size[size].minWidth}px`;}};
-  min-height: ${(_ref4) => {let { size, theme, height } = _ref4;return height ? `${height}` : `${theme.size[size].height}px`;}};
-
-  padding: ${(_ref5) => {let { size, theme } = _ref5;return theme.size[size].padding;}};
-  box-sizing: border-box;
-
-  cursor: ${(_ref6) => {let { disabled } = _ref6;return disabled ? 'not-allowed' : 'pointer';}};
-  opacity: ${(_ref7) => {let { disabled } = _ref7;return disabled ? '0.25' : '1';}};
-  border-radius: ${(_ref8) => {let { theme } = _ref8;return `${theme.borderRadius}px`;}};
-
-  margin: ${(_ref9) => {let {
-    marginRight, marginLeft
-  } = _ref9;return `0 ${marginRight || 0}px 0 ${marginLeft || 0}px`;}};
-
-  &[data-styletype="primary"] {
-    border: none;
-    background: ${(_ref10) => {let { theme, mainColor } = _ref10;return (0, _theme.getColorFromName)(theme, mainColor);}};
-    
-    &:hover { 
-      transition: all 0.25s;
-      background: ${(_ref11) => {let { theme, mainColor, disabled } = _ref11;return !disabled ? (0, _theme.getHoverColorFromName)(theme, mainColor) : (0, _theme.getColorFromName)(theme, mainColor);}};
-    }
-    &:active {
-      transition: all 0.25s;
-      background: ${(_ref12) => {let { theme, mainColor, disabled } = _ref12;return !disabled ? (0, _theme.getFocusColorFromName)(theme, mainColor) : (0, _theme.getColorFromName)(theme, mainColor);}};
-    }
-  }
-  
-  &[data-styletype="secondary"] {
-    border: 1px solid ${(_ref13) => {let { theme, mainColor } = _ref13;return (0, _theme.getColorFromName)(theme, mainColor);}};
-    background: transparent;
-
-    &:hover { 
-      border-color: ${(_ref14) => {let { theme, disabled, mainColor } = _ref14;return !disabled ? 'transparent' : (0, _theme.getColorFromName)(theme, mainColor);}};
-      transition: all 0.25s;
-      background: ${(_ref15) => {let { theme, mainColor, disabled } = _ref15;return !disabled ? (0, _theme.getColorFromName)(theme, mainColor) : 'transparent';}};
-      * {
-        transition: all 0.25s;
-        color: ${(_ref16) => {let { theme, mainColor, disabled } = _ref16;return !disabled ? theme.colors.white : (0, _theme.getColorFromName)(theme, mainColor);}};
-      }
-    }
-    &:active {
-      border-color: ${(_ref17) => {let { theme, disabled, mainColor } = _ref17;return !disabled ? 'transparent' : (0, _theme.getColorFromName)(theme, mainColor);}};
-      background: ${(_ref18) => {let { theme, mainColor, disabled } = _ref18;return !disabled ? (0, _theme.getFocusColorFromName)(theme, mainColor) : 'transparent';}};
-      * {
-        transition: all 0.25s;
-        color: ${(_ref19) => {let { theme, mainColor, disabled } = _ref19;return !disabled ? theme.colors.white : (0, _theme.getColorFromName)(theme, mainColor);}};
-      }
-    }
-  }
-
-  &[data-styletype="tertiary"] {
-    border: none;
-    background: transparent;
-
-    &:hover { 
-      * {
-        transition: all 0.25s;
-        color: ${(_ref20) => {let { theme } = _ref20;return theme.colors.darkBlue400;}};
-      }
-    }
-    &:active {
-      * {
-        transition: all 0.25s;
-        color: ${(_ref21) => {let { theme } = _ref21;return theme.colors.darkBlue800;}};
-      }
-    }
-
-  }
-`;
-
-const StyledIcon = exports.StyledIcon = (0, _styledComponents.default)(_icon.default)`
-  margin-right: 0;
-`;
-
-const ExternalLink = exports.ExternalLink = _styledComponents.default.a`
-  color: ${(_ref22) => {let { theme, color } = _ref22;return (0, _theme.getColorFromName)(theme, color);}};
-  text-decoration: none;
-  &:hover {
-    text-decoration: none;
-  }
-  &:visited {
-    color: ${(_ref23) => {let { theme, color } = _ref23;return (0, _theme.getColorFromName)(theme, color);}};
-    text-decoration: none;
-  }
-`;
-
-const InternalLink = exports.InternalLink = _styledComponents.default.div`
-  a {
-    color: ${(_ref24) => {let { theme, color } = _ref24;return (0, _theme.getColorFromName)(theme, color);}};
-    text-decoration: none;
-  }
-`;

package/dist/components/button/theme.js

@@ -1,58 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.theme = exports.sizes = exports.colorMap = void 0;var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
-
-const theme = exports.theme = {
-  colors: _themes.default.colors,
-  borderRadius: _themes.default.borderRadius.low
-};
-const sizes = exports.sizes = {
-  xs: 'px-2 py-1 text-xs min-h-[24px]',
-  sm: 'px-3 py-1 text-xs min-h-[32px]',
-  md: 'px-4 py-2 text-sm min-h-[40px]',
-  lg: 'px-6 py-3 text-base min-h-[48px]'
-};
-
-// Color mapping to Tailwind colors
-const colorMap = exports.colorMap = {
-  red: {
-    base: 'red-600',
-    hover: 'red-700',
-    active: 'red-800',
-    light: 'red-50',
-    lighter: 'red-100'
-  },
-  blue: {
-    base: 'secondary',
-    hover: 'secondary/90',
-    active: 'secondary/80',
-    light: 'secondary/10',
-    lighter: 'secondary/20'
-  },
-  green: {
-    base: 'green-600',
-    hover: 'green-700',
-    active: 'green-800',
-    light: 'green-50',
-    lighter: 'green-100'
-  },
-  yellow: {
-    base: 'yellow-500',
-    hover: 'yellow-600',
-    active: 'yellow-700',
-    light: 'yellow-50',
-    lighter: 'yellow-100'
-  },
-  darkBlue: {
-    base: 'main',
-    hover: 'main/90',
-    active: 'main/80',
-    light: 'main/10',
-    lighter: 'main/20'
-  },
-  gray: {
-    base: 'gray-600',
-    hover: 'gray-700',
-    active: 'gray-800',
-    light: 'gray-50',
-    lighter: 'gray-100'
-  }
-};

package/dist/components/button/utils.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;function setFontColor(styleType, mainColor) {
-  switch (styleType) {
-    case 'secondary':
-      return mainColor;
-    case 'tertiary':
-      return 'darkBlue';
-    default:
-      return 'white';
-  }
-}var _default = exports.default =
-
-setFontColor;

package/dist/components/card/card-template/index.js

@@ -1,74 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = require("styled-components");
-var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
-var _themes = _interopRequireDefault(require("../../themes"));
-var _index = _interopRequireDefault(require("./index.style"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
-
-const CardTemplate = (_ref) =>
-
-
-
-
-
-
-
-
-{let { level = 1, hoverToLevel = 1, maxWidth = null, renderLink = undefined, direction = 'vertical', background = '', children, ...rest } = _ref;
-  const renderContent = () => {
-    if (renderLink) {
-      return renderLink(/*#__PURE__*/
-        _react.default.createElement(_index.default, _extends({
-          maxWidth: maxWidth,
-          level: level,
-          hoverToLevel: hoverToLevel,
-          direction: direction,
-          "data-test": "card-template",
-          background: background },
-        rest),
-
-        children
-        )
-      );
-    }
-    return (/*#__PURE__*/
-      _react.default.createElement(_index.default, _extends({
-        maxWidth: maxWidth,
-        level: level,
-        hoverToLevel: hoverToLevel,
-        direction: direction,
-        "data-test": "card-template",
-        background: background },
-      rest),
-
-      children
-      ));
-
-  };
-
-  return (/*#__PURE__*/
-    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _themes.default }, /*#__PURE__*/
-    _react.default.createElement(_globalStyle.default, null),
-    renderContent()
-    ));
-
-};
-
-CardTemplate.propTypes = {
-  children: _propTypes.default.oneOfType([
-  _propTypes.default.arrayOf(_propTypes.default.node),
-  _propTypes.default.node,
-  _propTypes.default.string]
-  ).isRequired,
-  level: _propTypes.default.oneOf([1, 2, 3, 4, 5]),
-  hoverToLevel: _propTypes.default.number,
-  maxWidth: _propTypes.default.oneOfType([
-  _propTypes.default.number,
-  _propTypes.default.string]
-  ),
-  renderLink: _propTypes.default.func,
-  direction: _propTypes.default.oneOf(['vertical', 'horizontal']),
-  background: _propTypes.default.string
-};var _default = exports.default =
-
-CardTemplate;

package/dist/components/card/card-template/index.stories.js

@@ -1,110 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithLink = exports.WithBackground = exports.VerticalDirection = exports.Level5 = exports.Level4 = exports.Level3 = exports.Level2 = exports.HoverLevel1To4 = exports.HorizontalDirection = exports.Default = void 0;var _react = _interopRequireDefault(require("react"));
-var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
-
-{
-  title: 'Components/Card/CardTemplate',
-  component: _index.default,
-  argTypes: {
-    level: {
-      control: 'number',
-      description: 'The level of the card (1-5)'
-    },
-    hoverToLevel: {
-      control: 'number',
-      description: 'The level to hover to'
-    },
-    direction: {
-      control: 'select',
-      options: ['vertical', 'horizontal'],
-      description: 'The direction of the card content'
-    },
-    background: {
-      control: 'text',
-      description: 'The background image URL'
-    },
-    renderLink: {
-      control: 'function',
-      description: 'Function to render a link wrapper'
-    },
-    style: {
-      control: 'object',
-      description: 'Additional styles to apply'
-    },
-    children: {
-      control: 'text',
-      description: 'The content of the card'
-    }
-  }
-};
-
-const Template = (args) => /*#__PURE__*/
-_react.default.createElement(_index.default, args, /*#__PURE__*/
-_react.default.createElement("div", { style: { height: '100px' } }, "Hello card template.")
-);
-
-
-const Default = exports.Default = Template.bind({});
-
-const Level2 = exports.Level2 = Template.bind({});
-Level2.args = {
-  level: 2,
-  style: { marginTop: '50px' }
-};
-
-const Level3 = exports.Level3 = Template.bind({});
-Level3.args = {
-  level: 3,
-  style: { marginTop: '50px' }
-};
-
-const Level4 = exports.Level4 = Template.bind({});
-Level4.args = {
-  level: 4,
-  style: { marginTop: '50px' }
-};
-
-const Level5 = exports.Level5 = Template.bind({});
-Level5.args = {
-  level: 5,
-  style: { marginTop: '50px' }
-};
-
-const HoverLevel1To4 = exports.HoverLevel1To4 = Template.bind({});
-HoverLevel1To4.args = {
-  level: 1,
-  hoverToLevel: 4,
-  style: { marginTop: '50px' }
-};
-
-const WithLink = exports.WithLink = Template.bind({});
-WithLink.args = {
-  renderLink: (el) => /*#__PURE__*/_react.default.createElement("a", { href: "http://google.com" }, el),
-  children: /*#__PURE__*/_react.default.createElement("div", { style: { height: '100px' } }, "with link to google")
-};
-
-const VerticalDirection = exports.VerticalDirection = Template.bind({});
-VerticalDirection.args = {
-  direction: 'vertical',
-  children: /*#__PURE__*/
-  _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-  _react.default.createElement("div", { style: { height: '100px', backgroundColor: 'lightgray' } }, "Hello card template."), /*#__PURE__*/
-  _react.default.createElement("div", { style: { height: '100px', backgroundColor: 'oldlace' } }, "Hello card template.")
-  )
-
-};
-
-const HorizontalDirection = exports.HorizontalDirection = Template.bind({});
-HorizontalDirection.args = {
-  direction: 'horizontal',
-  children: /*#__PURE__*/
-  _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-  _react.default.createElement("div", { style: { height: '100px', backgroundColor: 'lightgray' } }, "Hello card template."), /*#__PURE__*/
-  _react.default.createElement("div", { style: { height: '100px', backgroundColor: 'oldlace' } }, "Hello card template.")
-  )
-
-};
-
-const WithBackground = exports.WithBackground = Template.bind({});
-WithBackground.args = {
-  background: 'http://static.simpledesktops.com/uploads/desktops/2019/11/08/Jupiter.png'
-};

package/dist/components/card/card-template/index.style.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
-
-const TemplateContainer = _styledComponents.default.section`
-  display: flex;
-  flex-direction: ${(_ref) => {let { direction } = _ref;return direction === 'vertical' ? 'column' : 'row';}};
-  border-radius: ${(_ref2) => {let { theme } = _ref2;return `${theme.borderRadius.low}px`;}};
-  overflow: hidden;
-  ${(_ref3) => {let { maxWidth } = _ref3;return maxWidth ? `max-width: ${maxWidth}px` : '';}};
-  box-shadow: ${(_ref4) => {let { theme, level } = _ref4;return (
-    `0 0 ${theme.shadows[level].blur}px ${theme.shadows[level].spread}px rgba(0, 0, 0, ${theme.shadows[level].opacity})`);}};
-  text-decoration: none;
-  transition: ${
-(_ref5) => {let { theme } = _ref5;return `all ${theme.animation.time}s ${theme.animation.method}`;}};
-  ${(_ref6) => {let { background } = _ref6;return background ? `background: url(${background}) bottom left / 142px no-repeat` : '';}};
-
-  &:hover {
-    ${(_ref7) => {let { theme, level, hoverToLevel } = _ref7;return (
-    hoverToLevel > level ?
-    `box-shadow: 0 0 ${theme.shadows[hoverToLevel].blur}px ${theme.shadows[hoverToLevel].spread}px rgba(0, 0, 0, ${theme.shadows[hoverToLevel].opacity})` :
-    '');}};
-  }
-`;var _default = exports.default =
-
-
-TemplateContainer;