glints-aries 4.0.173 → 4.0.175

package/es/@next/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type DividerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Divider: ({ ...props }: DividerProps) => JSX.Element;

package/es/@next/Divider/Divider.js

@@ -0,0 +1,8 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { DividerStyle } from './DividerStyle';
+export var Divider = function Divider(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(DividerStyle, props);
+};

package/es/@next/Divider/Divider.stories.d.ts

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

package/es/@next/Divider/Divider.stories.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
+import { Divider } from './Divider';
+Divider.displayName = 'Divider';
+export default {
+  title: '@next/Divider',
+  component: Divider,
+  decorators: [function (Story) {
+    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
+  }]
+};
+var Template = function Template() {
+  return /*#__PURE__*/React.createElement("div", null, "some text", /*#__PURE__*/React.createElement(Divider, null), "another text after divider");
+};
+export var Interactive = Template.bind({});
+Interactive.args = {};

package/es/@next/Divider/DividerStyle.d.ts

@@ -0,0 +1,2 @@
+import { DividerProps } from './Divider';
+export declare const DividerStyle: import("styled-components").StyledComponent<"div", any, DividerProps, never>;

package/es/@next/Divider/DividerStyle.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+import { Neutral } from '../utilities/colors';
+export var DividerStyle = styled.div.withConfig({
+  displayName: "DividerStyle",
+  componentId: "sc-afs7ts-0"
+})(["margin:0;background-color:", ";width:100%;height:1px;"], Neutral.B85);

package/es/@next/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/es/@next/Divider/index.js

@@ -0,0 +1 @@
+export * from './Divider';

package/es/@next/Tag/TagStyle.js

@@ -6,4 +6,4 @@ import { space4, space8 } from '../utilities/spacing';
 export var TagStyle = styled.div.withConfig({
   displayName: "TagStyle",
   componentId: "sc-r1wv7a-0"
-})(["background-color:", ";width:fit-content;padding:", " ", ";border-radius:", ";@media (max-width:", "){font-size:12px;}"], Blue.S08, space4, space8, borderRadius4, Breakpoints.large);
+})(["display:inline-flex;background-color:", ";width:fit-content;padding:", " ", ";border-radius:", ";@media (max-width:", "){font-size:12px;}"], Blue.S08, space4, space8, borderRadius4, Breakpoints.large);

package/es/@next/index.d.ts

@@ -8,6 +8,7 @@ export { Avatar } from './Avatar';
 export { Badge } from './Badge';
 export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
 export { ButtonGroup } from './ButtonGroup';
+export { Divider } from './Divider';
 export { Icon } from './Icon';
 export { Popover } from './Popover';
 export { Tab, TabProps, Tabs, TabsProps } from './Tabs';

package/es/@next/index.js

@@ -9,6 +9,7 @@ export { Avatar } from './Avatar';
 export { Badge } from './Badge';
 export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton } from './Button';
 export { ButtonGroup } from './ButtonGroup';
+export { Divider } from './Divider';
 export { Icon } from './Icon';
 export { Popover } from './Popover';
 export { Tab, TabProps, Tabs, TabsProps } from './Tabs';

package/lib/@next/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type DividerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Divider: ({ ...props }: DividerProps) => JSX.Element;

package/lib/@next/Divider/Divider.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Divider = void 0;
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _DividerStyle = require("./DividerStyle");
+var Divider = function Divider(_ref) {
+  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return /*#__PURE__*/_react["default"].createElement(_DividerStyle.DividerStyle, props);
+};
+exports.Divider = Divider;

package/lib/@next/Divider/Divider.stories.d.ts

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

package/lib/@next/Divider/Divider.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = exports.Interactive = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
+var _Divider = require("./Divider");
+_Divider.Divider.displayName = 'Divider';
+var _default = {
+  title: '@next/Divider',
+  component: _Divider.Divider,
+  decorators: [function (Story) {
+    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
+  }]
+};
+exports["default"] = _default;
+var Template = function Template() {
+  return /*#__PURE__*/_react["default"].createElement("div", null, "some text", /*#__PURE__*/_react["default"].createElement(_Divider.Divider, null), "another text after divider");
+};
+var Interactive = Template.bind({});
+exports.Interactive = Interactive;
+Interactive.args = {};

package/lib/@next/Divider/DividerStyle.d.ts

@@ -0,0 +1,2 @@
+import { DividerProps } from './Divider';
+export declare const DividerStyle: import("styled-components").StyledComponent<"div", any, DividerProps, never>;

package/lib/@next/Divider/DividerStyle.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DividerStyle = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _colors = require("../utilities/colors");
+var DividerStyle = _styledComponents["default"].div.withConfig({
+  displayName: "DividerStyle",
+  componentId: "sc-afs7ts-0"
+})(["margin:0;background-color:", ";width:100%;height:1px;"], _colors.Neutral.B85);
+exports.DividerStyle = DividerStyle;

package/lib/@next/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/lib/@next/Divider/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _Divider = require("./Divider");
+Object.keys(_Divider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Divider[key]) return;
+  exports[key] = _Divider[key];
+});

package/lib/@next/Tag/TagStyle.js

@@ -11,5 +11,5 @@ var _spacing = require("../utilities/spacing");
 var TagStyle = _styledComponents["default"].div.withConfig({
   displayName: "TagStyle",
   componentId: "sc-r1wv7a-0"
-})(["background-color:", ";width:fit-content;padding:", " ", ";border-radius:", ";@media (max-width:", "){font-size:12px;}"], _colors.Blue.S08, _spacing.space4, _spacing.space8, _borderRadius.borderRadius4, _.Breakpoints.large);
+})(["display:inline-flex;background-color:", ";width:fit-content;padding:", " ", ";border-radius:", ";@media (max-width:", "){font-size:12px;}"], _colors.Blue.S08, _spacing.space4, _spacing.space8, _borderRadius.borderRadius4, _.Breakpoints.large);
 exports.TagStyle = TagStyle;

package/lib/@next/index.d.ts

@@ -8,6 +8,7 @@ export { Avatar } from './Avatar';
 export { Badge } from './Badge';
 export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
 export { ButtonGroup } from './ButtonGroup';
+export { Divider } from './Divider';
 export { Icon } from './Icon';
 export { Popover } from './Popover';
 export { Tab, TabProps, Tabs, TabsProps } from './Tabs';

package/lib/@next/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Typography = exports.Tag = exports.TabsProps = exports.Tabs = exports.TabProps = exports.Tab = exports.Spacing = exports.PrimaryButton = exports.Popover = exports.OutlineMonochromeButton = exports.OutlineButton = exports.Icon = exports.Fonts = exports.DropShadow = exports.DestructiveButton = exports.Colors = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Badge = exports.Avatar = void 0;
+exports.Typography = exports.Tag = exports.TabsProps = exports.Tabs = exports.TabProps = exports.Tab = exports.Spacing = exports.PrimaryButton = exports.Popover = exports.OutlineMonochromeButton = exports.OutlineButton = exports.Icon = exports.Fonts = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.Colors = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Badge = exports.Avatar = void 0;
 var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
 exports.BorderRadius = BorderRadius;
 var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
@@ -26,6 +26,8 @@ exports.OutlineMonochromeButton = _Button.OutlineMonochromeButton;
 exports.PrimaryButton = _Button.PrimaryButton;
 var _ButtonGroup = require("./ButtonGroup");
 exports.ButtonGroup = _ButtonGroup.ButtonGroup;
+var _Divider = require("./Divider");
+exports.Divider = _Divider.Divider;
 var _Icon = require("./Icon");
 exports.Icon = _Icon.Icon;
 var _Popover = require("./Popover");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.173",
+  "version": "4.0.175",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",