glints-aries 4.0.395 → 4.1.3

package/lib/Input/Textarea/Textarea.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const removeFloatingLabelIsTrue: any;

package/lib/Input/Textarea/Textarea.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/lib/Input/Textarea/TextareaStyle.d.ts

@@ -1,14 +0,0 @@
-export declare const TextareaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextareaLabel: import("styled-components").StyledComponent<"label", any, TextareaLabelProps, never>;
-interface TextareaLabelProps {
-    floating: boolean;
-    status?: string;
-    small?: boolean;
-}
-export declare const TextareaInput: import("styled-components").StyledComponent<"textarea", any, TextareaInputProps, never>;
-interface TextareaInputProps {
-    floating?: boolean;
-    status?: string;
-    small?: boolean;
-}
-export {};

package/lib/Input/Textarea/TextareaStyle.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.TextareaLabel = exports.TextareaInput = exports.TextareaContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Colors = require("../../Utils/Colors");
-var TextareaContainer = _styledComponents["default"].div.withConfig({
-  displayName: "TextareaStyle__TextareaContainer",
-  componentId: "sc-1998n74-0"
-})(["flex-grow:1;position:relative;display:flex;"]);
-exports.TextareaContainer = TextareaContainer;
-var TextareaLabel = _styledComponents["default"].label.withConfig({
-  displayName: "TextareaStyle__TextareaLabel",
-  componentId: "sc-1998n74-1"
-})(["position:absolute;left:22px;top:1em;color:", ";transition:all 0.2s;pointer-events:none;font-weight:400;font-size:16px;", ""], _Colors.Greyscale.devilsgrey, function (_ref) {
-  var floating = _ref.floating;
-  if (floating) {
-    return "\n        padding: 0 5px;\n        transform: translate3d(-15px,-20px,0);\n        transition: all .2s;\n        font-size: 12px;\n        background: " + _Colors.Greyscale.white + "\n      ";
-  }
-});
-exports.TextareaLabel = TextareaLabel;
-var TextareaInput = _styledComponents["default"].textarea.withConfig({
-  displayName: "TextareaStyle__TextareaInput",
-  componentId: "sc-1998n74-2"
-})(["position:relative;width:100%;outline:none;font-size:16px;line-height:1.5;padding:", ";background-color:", ";border:unset;transition:border 0.5s;resize:vertical;overflow:auto;height:auto;border-radius:", ";&:disabled{cursor:not-allowed;background:", ";+ ", "{background:transparent;color:", ";}&:hover{border:2px solid ", ";}}&:hover{background-color:", ";border:unset;+ ", "{color:", ";}}&:focus{background-color:", ";border:unset;+ ", "{padding:0 5px;transform:translate3d(-15px,-20px,0);transition:all 0.2s;color:", ";font-size:12px;background:", ";}}"], function (_ref2) {
-  var small = _ref2.small;
-  return small ? '8px 16px' : '12px 16px';
-}, function (_ref3) {
-  var status = _ref3.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.08)';
-}, function (_ref4) {
-  var small = _ref4.small;
-  return small ? '4px' : '8px';
-}, _Colors.Greyscale.softgrey, TextareaLabel, _Colors.Greyscale.grey, _Colors.Greyscale.lightgrey, function (_ref5) {
-  var status = _ref5.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.16)';
-}, TextareaLabel, _Colors.Greyscale.devilsgrey, function (_ref6) {
-  var status = _ref6.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.24)';
-}, TextareaLabel, _Colors.Greyscale.devilsgrey, _Colors.Greyscale.white);
-exports.TextareaInput = TextareaInput;

package/lib/Input/Textarea/index.d.ts

@@ -1,2 +0,0 @@
-import Textarea from './Textarea';
-export default Textarea;

package/lib/Input/Textarea/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _Textarea = _interopRequireDefault(require("./Textarea"));
-var _default = _Textarea["default"];
-exports["default"] = _default;

package/lib/Input/ToggleSwitch/Styles.d.ts

@@ -1,6 +0,0 @@
-interface ToggleProps {
-    active: boolean;
-}
-declare const Toggle: import("styled-components").StyledComponent<"button", any, ToggleProps, never>;
-declare const ToggleBall: import("styled-components").StyledComponent<"div", any, ToggleProps, never>;
-export { ToggleBall, Toggle };

package/lib/Input/ToggleSwitch/Styles.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.ToggleBall = exports.Toggle = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Colors = require("../../Utils/Colors");
-var DEFAULTS = {
-  activeBackgroundColor: _Colors.SecondaryColor.actionblue,
-  inactiveBackgroundColor: _Colors.Greyscale.grey,
-  inactiveBallColor: _Colors.Greyscale.white,
-  activeBallColor: _Colors.Greyscale.white
-};
-var Toggle = _styledComponents["default"].button.withConfig({
-  displayName: "Styles__Toggle",
-  componentId: "sc-bsue54-0"
-})(["cursor:pointer;display:flex;align-items:center;overflow:hidden;position:relative;transform:translate3d(0,0,0);background-color:", ";height:25px;width:56px;border-radius:14px;padding:0px;border:none;"], function (_ref) {
-  var active = _ref.active;
-  return active ? DEFAULTS.activeBackgroundColor : DEFAULTS.inactiveBackgroundColor;
-});
-exports.Toggle = Toggle;
-var ToggleBall = _styledComponents["default"].div.withConfig({
-  displayName: "Styles__ToggleBall",
-  componentId: "sc-bsue54-1"
-})(["display:flex;justify-content:center;align-items:center;border-radius:50%;transition:transform 0.3s cubic-bezier(1,0.19,0.15,0.7);transition-delay:0.1s;background-color:", ";height:19px;width:19px;margin:3px;transform:", ";&:active{background-color:", ";}"], DEFAULTS.inactiveBallColor, function (props) {
-  return props.active ? "translateX(31px)" : 'translateX(0px)';
-}, DEFAULTS.activeBallColor);
-exports.ToggleBall = ToggleBall;

package/lib/Input/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-export interface ToggleSwitchProps {
-    /** Determines whether the ToggleSwitch is in an active state */
-    active?: boolean;
-    /** This will determine whether or not the component renders with an active or inactive state at the start. */
-    defaultActive?: boolean;
-    /** The icon components that will be used in both active and inactive states. Both icons have to be defined when opting to use this. */
-    iconOptions?: {
-        active: React.ReactType;
-        inactive: React.ReactType;
-    };
-    /** Called when the state of the toggle has been changed. Called with true or false depending on whether the toggle became active or inactive. */
-    onChange?: (active: boolean) => void;
-    className?: string;
-}
-/** The className and ...defaultProps are passed to the main toggle container. */
-export declare const ToggleSwitch: React.FunctionComponent<ToggleSwitchProps>;
-export default ToggleSwitch;

package/lib/Input/ToggleSwitch/ToggleSwitch.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.ToggleSwitch = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Colors = require("../../Utils/Colors");
-var _Styles = require("./Styles");
-var _excluded = ["active", "defaultActive", "iconOptions", "onChange", "className"];
-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; }
-/** The className and ...defaultProps are passed to the main toggle container. */
-var ToggleSwitch = function ToggleSwitch(_ref) {
-  var active = _ref.active,
-    _ref$defaultActive = _ref.defaultActive,
-    defaultActive = _ref$defaultActive === void 0 ? false : _ref$defaultActive,
-    iconOptions = _ref.iconOptions,
-    onChange = _ref.onChange,
-    className = _ref.className,
-    defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _React$useState = React.useState(active || defaultActive),
-    innerActive = _React$useState[0],
-    setInnerActive = _React$useState[1];
-  var iconColor = innerActive ? _Colors.SecondaryColor.actionblue : _Colors.Greyscale.grey;
-  var ActiveIcon = iconOptions ? iconOptions.active : null;
-  var InactiveIcon = iconOptions ? iconOptions.inactive : null;
-  var Icon = innerActive ? ActiveIcon : InactiveIcon;
-  var isControlled = typeof active === 'boolean';
-  React.useEffect(function () {
-    if (!isControlled) {
-      return;
-    }
-    if (active !== innerActive) {
-      setInnerActive(active);
-    }
-  }, [active, innerActive, isControlled]);
-  var handleClick = function handleClick() {
-    var newActiveState = !innerActive;
-    if (!isControlled) {
-      setInnerActive(newActiveState);
-    }
-    if (onChange) onChange(newActiveState);
-  };
-  return /*#__PURE__*/React.createElement(_Styles.Toggle, (0, _extends2["default"])({
-    "aria-checked": innerActive,
-    role: "switch",
-    className: (0, _classnames["default"])('aries-toggle-switch', className),
-    onClick: handleClick,
-    active: innerActive
-  }, defaultProps), /*#__PURE__*/React.createElement(_Styles.ToggleBall, {
-    active: innerActive
-  }, ActiveIcon && InactiveIcon && /*#__PURE__*/React.createElement(Icon, {
-    color: iconColor
-  })));
-};
-exports.ToggleSwitch = ToggleSwitch;
-var _default = ToggleSwitch;
-exports["default"] = _default;

package/lib/Input/ToggleSwitch/ToggleSwitch.stories.d.ts

@@ -1,7 +0,0 @@
-import { Story, Meta } from '@storybook/react';
-import { ToggleSwitchProps } from './ToggleSwitch';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const ToggleSwitchWithIcons: Story<ToggleSwitchProps>;
-export declare const ToggleSwitchInAnActiveState: Story<ToggleSwitchProps>;

package/lib/Input/ToggleSwitch/ToggleSwitch.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/lib/Input/ToggleSwitch/index.d.ts

@@ -1,2 +0,0 @@
-import ToggleSwitch from './ToggleSwitch';
-export default ToggleSwitch;

package/lib/Input/ToggleSwitch/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _ToggleSwitch = _interopRequireDefault(require("./ToggleSwitch"));
-var _default = _ToggleSwitch["default"];
-exports["default"] = _default;

package/lib/Layout/Box/Box.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const ResponsiveSpacing: any;

package/lib/Layout/Box/Box.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/lib/Layout/Box/BoxStoryStyle.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const GreyBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Box: import("styled-components").StyledComponent<import("react").FC<import("./types").BoxProps>, any, {}, never>;

package/lib/Layout/Box/BoxStoryStyle.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.GreyBackground = exports.Content = exports.Box = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Box = require("../../../src/Layout/Box");
-var GreyBackground = _styledComponents["default"].div.withConfig({
-  displayName: "BoxStoryStyle__GreyBackground",
-  componentId: "sc-1avr4wr-0"
-})(["display:inline-block;background-color:#f3f3f3;"]);
-exports.GreyBackground = GreyBackground;
-var Content = _styledComponents["default"].span.withConfig({
-  displayName: "BoxStoryStyle__Content",
-  componentId: "sc-1avr4wr-1"
-})(["background-color:white;"]);
-exports.Content = Content;
-var Box = (0, _styledComponents["default"])(_Box.Box).withConfig({
-  displayName: "BoxStoryStyle__Box",
-  componentId: "sc-1avr4wr-2"
-})(["background-color:#4caf50;"]);
-exports.Box = Box;

package/lib/Layout/Box/constants.d.ts

@@ -1,17 +0,0 @@
-export declare const boxArgTypes: {
-    boxShadow: {
-        control: {
-            type: string;
-            options: {
-                'Example: Shadow.down4': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
-                'Example: Shadow.up4': "0 -12px 24px 0 rgba(0, 0, 0, 0.10)";
-            };
-        };
-        table: {
-            type: {
-                summary: string;
-                detail: string;
-            };
-        };
-    };
-};

package/lib/Layout/Box/constants.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.boxArgTypes = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _Shadow = require("../../Utils/Shadow");
-var _Spacing = require("../../Layout/Spacing");
-var allSpacingProps = ['p', 'pl', 'pr', 'pt', 'pb', 'px', 'py', 'm', 'ml', 'mr', 'mt', 'mb', 'mx', 'my'];
-var boxArgTypes = (0, _extends2["default"])({
-  boxShadow: {
-    control: {
-      type: 'select',
-      options: {
-        'Example: Shadow.down4': _Shadow.Shadow.down4,
-        'Example: Shadow.up4': _Shadow.Shadow.up4
-      }
-    },
-    table: {
-      type: {
-        summary: 'import { Shadow } from "glints-aries"',
-        detail: Object.keys(_Shadow.Shadow).map(function (key) {
-          return "Shadow." + key;
-        }).join(' | ')
-      }
-    }
-  }
-}, allSpacingProps.reduce(function (acc, propName) {
-  acc[propName] = {
-    table: {
-      type: {
-        summary: 'Spacing',
-        detail: Object.values(_Spacing.Spacing).join(' | ') + " | 'auto' | Responsive Space Object"
-      }
-    }
-  };
-  return acc;
-}, {}));
-exports.boxArgTypes = boxArgTypes;

package/lib/Layout/Box/index.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { BoxProps } from './types';
-export declare const StyledBox: import("styled-components").StyledComponent<"div", any, BoxProps, never>;
-export declare const Box: React.FC<BoxProps>;

package/lib/Layout/Box/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.StyledBox = exports.Box = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _StyleConfig = require("../../Utils/StyleConfig");
-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 theme = {
-  breakpoints: {
-    mobileS: _StyleConfig.ScreenSize.mobileS + "px",
-    mobileM: _StyleConfig.ScreenSize.mobileM + "px",
-    mobileL: _StyleConfig.ScreenSize.mobileL + "px",
-    tablet: _StyleConfig.ScreenSize.tablet + "px",
-    desktopS: _StyleConfig.ScreenSize.desktopS + "px",
-    desktopM: _StyleConfig.ScreenSize.desktopM + "px",
-    desktopL: _StyleConfig.ScreenSize.desktopL + "px"
-  },
-  /*
-    To overwrite default space theme in case <Box p={8} /> will be styled as
-    `padding: 512px` instead of `padding: 8px`. Because the index 8 of default
-    space theme is 512, can refer to https://styled-system.com/api/#defaults
-  */
-  space: [0]
-};
-var StyledBox = _styledComponents["default"].div.withConfig({
-  displayName: "Box__StyledBox",
-  componentId: "sc-pr7b7l-0"
-})(["", " ", ""], _styledSystem.space, _styledSystem.shadow);
-exports.StyledBox = StyledBox;
-var Box = function Box(props) {
-  return /*#__PURE__*/React.createElement(StyledBox, (0, _extends2["default"])({
-    theme: theme
-  }, props));
-};
-exports.Box = Box;

package/lib/Layout/Box/types.d.ts

@@ -1,42 +0,0 @@
-import { Spacing } from '../Spacing';
-import { ShadowValueType } from '../../Utils/Shadow';
-import { HTMLAttributes } from 'react';
-export declare type BreakpointAliases = 'default' | 'mobileS' | 'mobileM' | 'mobileL' | 'tablet' | 'desktopS' | 'desktopM' | 'desktopL';
-export declare type SpacingScaleValues = (typeof Spacing)[keyof typeof Spacing] | 'auto';
-export declare type ResponsiveSpacing = {
-    [key in BreakpointAliases]?: SpacingScaleValues;
-};
-declare type SpacingValueType = SpacingScaleValues | ResponsiveSpacing;
-export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
-    /** CSS property padding */
-    p?: SpacingValueType;
-    /** CSS property padding-top */
-    pt?: SpacingValueType;
-    /** CSS property padding-right */
-    pr?: SpacingValueType;
-    /** CSS property padding-bottom */
-    pb?: SpacingValueType;
-    /** CSS property padding-left */
-    pl?: SpacingValueType;
-    /** CSS property padding-left and padding-right */
-    px?: SpacingValueType;
-    /** CSS property padding-top and padding-bottom */
-    py?: SpacingValueType;
-    /** CSS property margin */
-    m?: SpacingValueType;
-    /** CSS property margin-top */
-    mt?: SpacingValueType;
-    /** CSS property margin-right */
-    mr?: SpacingValueType;
-    /** CSS property margin-bottom */
-    mb?: SpacingValueType;
-    /** CSS property margin-left */
-    ml?: SpacingValueType;
-    /** CSS property margin-left and margin-right */
-    mx?: SpacingValueType;
-    /** CSS property margin-top and margin-bottom */
-    my?: SpacingValueType;
-    /** CSS property box-shadow */
-    boxShadow?: ShadowValueType;
-}
-export {};

package/lib/Layout/Box/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/Layout/Flex/Flex.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;

package/lib/Layout/Flex/Flex.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/lib/Layout/Flex/FlexStoryStyle.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const Item: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Flex: import("styled-components").StyledComponent<import("react").FC<import("./types").FlexProps & import("../Box/types").BoxProps & {
-    style?: import("react").CSSProperties;
-}>, any, {}, never>;

package/lib/Layout/Flex/FlexStoryStyle.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.Item = exports.Flex = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Flex = require("../../../src/Layout/Flex");
-var Item = _styledComponents["default"].span.withConfig({
-  displayName: "FlexStoryStyle__Item",
-  componentId: "sc-jlb02q-0"
-})(["display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#f3f3f3;"]);
-exports.Item = Item;
-var Flex = (0, _styledComponents["default"])(_Flex.Flex).withConfig({
-  displayName: "FlexStoryStyle__Flex",
-  componentId: "sc-jlb02q-1"
-})(["width:500px;height:150px;padding:16px;background-color:#4caf50;"]);
-exports.Flex = Flex;

package/lib/Layout/Flex/index.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { BoxProps } from '../Box/types';
-import { FlexProps } from './types';
-declare type Props = FlexProps & BoxProps & {
-    style?: React.CSSProperties;
-};
-export declare const StyledFlex: import("styled-components").StyledComponent<React.FC<BoxProps>, any, FlexProps & BoxProps & {
-    style?: React.CSSProperties;
-}, never>;
-export declare const Flex: React.FC<Props>;
-export {};

package/lib/Layout/Flex/index.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.StyledFlex = exports.Flex = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Box = require("../Box");
-var _excluded = ["flexDirection", "justifyContent", "alignItems", "flexWrap", "gap"];
-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 StyledFlex = (0, _styledComponents["default"])(_Box.Box).withConfig({
-  displayName: "Flex__StyledFlex",
-  componentId: "sc-11ryoct-0"
-})(["display:flex;flex-direction:", ";justify-content:", ";align-items:", ";flex-wrap:", ";gap:", ";"], function (_ref) {
-  var flexDirection = _ref.flexDirection;
-  return flexDirection;
-}, function (_ref2) {
-  var justifyContent = _ref2.justifyContent;
-  return justifyContent;
-}, function (_ref3) {
-  var alignItems = _ref3.alignItems;
-  return alignItems;
-}, function (_ref4) {
-  var flexWrap = _ref4.flexWrap;
-  return flexWrap;
-}, function (_ref5) {
-  var gap = _ref5.gap;
-  return gap;
-});
-exports.StyledFlex = StyledFlex;
-var Flex = function Flex(_ref6) {
-  var _ref6$flexDirection = _ref6.flexDirection,
-    flexDirection = _ref6$flexDirection === void 0 ? 'row' : _ref6$flexDirection,
-    _ref6$justifyContent = _ref6.justifyContent,
-    justifyContent = _ref6$justifyContent === void 0 ? 'flex-start' : _ref6$justifyContent,
-    _ref6$alignItems = _ref6.alignItems,
-    alignItems = _ref6$alignItems === void 0 ? 'stretch' : _ref6$alignItems,
-    _ref6$flexWrap = _ref6.flexWrap,
-    flexWrap = _ref6$flexWrap === void 0 ? 'nowrap' : _ref6$flexWrap,
-    gap = _ref6.gap,
-    restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref6, _excluded);
-  return /*#__PURE__*/React.createElement(StyledFlex, (0, _extends2["default"])({
-    flexDirection: flexDirection,
-    justifyContent: justifyContent,
-    alignItems: alignItems,
-    flexWrap: flexWrap,
-    gap: gap
-  }, restProps));
-};
-exports.Flex = Flex;

package/lib/Layout/Flex/types.d.ts

@@ -1,18 +0,0 @@
-export declare const FlexPropAndPossibleValueMap: {
-    flexDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
-    justifyContent: readonly ["center", "flex-start", "flex-end", "space-between", "space-around"];
-    alignItems: readonly ["center", "flex-start", "flex-end", "stretch", "baseline"];
-    flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
-};
-export declare type FlexProps = {
-    /** CSS property flex-direction */
-    flexDirection?: (typeof FlexPropAndPossibleValueMap.flexDirection)[number];
-    /** CSS property justify-content */
-    justifyContent?: (typeof FlexPropAndPossibleValueMap.justifyContent)[number];
-    /** CSS property align-items */
-    alignItems?: (typeof FlexPropAndPossibleValueMap.alignItems)[number];
-    /** CSS property flex-wrap */
-    flexWrap?: (typeof FlexPropAndPossibleValueMap.flexWrap)[number];
-    /** CSS property gap */
-    gap?: string;
-};

package/lib/Layout/Flex/types.js

@@ -1,12 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.FlexPropAndPossibleValueMap = void 0;
-var positions = ['center', 'flex-start', 'flex-end'];
-var FlexPropAndPossibleValueMap = {
-  flexDirection: ['row', 'row-reverse', 'column', 'column-reverse'],
-  justifyContent: [].concat(positions, ['space-between', 'space-around']),
-  alignItems: [].concat(positions, ['stretch', 'baseline']),
-  flexWrap: ['nowrap', 'wrap', 'wrap-reverse']
-};
-exports.FlexPropAndPossibleValueMap = FlexPropAndPossibleValueMap;

package/lib/Layout/GlintsContainer/GlintsContainer.d.ts

@@ -1,4 +0,0 @@
-export declare const BaseContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GlintsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default GlintsContainer;

package/lib/Layout/GlintsContainer/GlintsContainer.js

@@ -1,27 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = exports.PageContainer = exports.GlintsContainer = exports.BaseContainer = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _StyleConfig = require("../../Utils/StyleConfig");
-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 BaseStyles = (0, _styledComponents.css)(["font-family:Poppins,sans-serif;*,*:before,*:after{box-sizing:border-box;}"]);
-var PageStyles = (0, _styledComponents.css)(["position:relative;@media ", "{width:100%;margin:0 12px;}@media ", "{width:720px;margin:0 16px;}@media ", "{width:960px;margin:0 auto;}@media ", "{width:1140px;}@media ", "{width:1260px;}"], "(max-width: " + (_StyleConfig.ScreenSize.tablet - 1) + "px)", _StyleConfig.Device.tablet, _StyleConfig.Device.desktopS, _StyleConfig.Device.desktopM, _StyleConfig.Device.desktopL);
-var BaseContainer = _styledComponents["default"].div.withConfig({
-  displayName: "GlintsContainer__BaseContainer",
-  componentId: "sc-13x4ui7-0"
-})(["", ""], BaseStyles);
-exports.BaseContainer = BaseContainer;
-var PageContainer = _styledComponents["default"].div.withConfig({
-  displayName: "GlintsContainer__PageContainer",
-  componentId: "sc-13x4ui7-1"
-})(["", ""], PageStyles);
-exports.PageContainer = PageContainer;
-var GlintsContainer = _styledComponents["default"].div.withConfig({
-  displayName: "GlintsContainer",
-  componentId: "sc-13x4ui7-2"
-})(["", " ", ""], BaseStyles, PageStyles);
-exports.GlintsContainer = GlintsContainer;
-var _default = GlintsContainer;
-exports["default"] = _default;

package/lib/Layout/Grid/Col.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export declare const Col: React.FunctionComponent<Props>;
-export interface Props {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    xsOrder?: number;
-    smOrder?: number;
-    mdOrder?: number;
-    children: React.ReactNode;
-}
-export default Col;