glints-aries 4.0.172 → 4.0.173

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const Tag: ({ children, ...props }: TagProps) => JSX.Element;

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

@@ -0,0 +1,16 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children"];
+import React from 'react';
+import { Typography } from '../Typography';
+import { Neutral } from '../utilities/colors';
+import { TagStyle } from './TagStyle';
+export var Tag = function Tag(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var content = typeof children === 'string' ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    color: Neutral.B18,
+    as: 'span'
+  }, children) : children;
+  return /*#__PURE__*/React.createElement(TagStyle, props, content);
+};

package/es/@next/Tag/Tag.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/Tag/Tag.stories.js

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

package/es/@next/Tag/TagStyle.d.ts

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

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

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+import { Breakpoints } from '..';
+import { borderRadius4 } from '../utilities/borderRadius';
+import { Blue } from '../utilities/colors';
+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);

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

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

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

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

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

@@ -1,15 +1,16 @@
-export { Badge } from './Badge';
-export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
-export { ButtonGroup } from './ButtonGroup';
-export { Icon } from './Icon';
-export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
-export { Typography } from './Typography';
-export { Avatar } from './Avatar';
-export { Popover } from './Popover';
 import * as BorderRadius from './utilities/borderRadius';
 import * as Breakpoints from './utilities/breakpoints';
 import * as Colors from './utilities/colors';
 import * as DropShadow from './utilities/dropShadow';
 import * as Fonts from './utilities/fonts';
 import * as Spacing from './utilities/spacing';
+export { Avatar } from './Avatar';
+export { Badge } from './Badge';
+export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export { Icon } from './Icon';
+export { Popover } from './Popover';
+export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
+export { Tag } from './Tag';
+export { Typography } from './Typography';
 export { Breakpoints, BorderRadius, Colors, DropShadow, Fonts, Spacing };

package/es/@next/index.js

@@ -1,12 +1,3 @@
-export { Badge } from './Badge';
-export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton } from './Button';
-export { ButtonGroup } from './ButtonGroup';
-export { Icon } from './Icon';
-export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
-export { Typography } from './Typography';
-export { Avatar } from './Avatar';
-export { Popover } from './Popover';
-
 // Utilities
 import * as BorderRadius from './utilities/borderRadius';
 import * as Breakpoints from './utilities/breakpoints';
@@ -14,4 +5,13 @@ import * as Colors from './utilities/colors';
 import * as DropShadow from './utilities/dropShadow';
 import * as Fonts from './utilities/fonts';
 import * as Spacing from './utilities/spacing';
+export { Avatar } from './Avatar';
+export { Badge } from './Badge';
+export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export { Icon } from './Icon';
+export { Popover } from './Popover';
+export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
+export { Tag } from './Tag';
+export { Typography } from './Typography';
 export { Breakpoints, BorderRadius, Colors, DropShadow, Fonts, Spacing };

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const Tag: ({ children, ...props }: TagProps) => JSX.Element;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Tag = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _Typography = require("../Typography");
+var _colors = require("../utilities/colors");
+var _TagStyle = require("./TagStyle");
+var _excluded = ["children"];
+var Tag = function Tag(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var content = typeof children === 'string' ? /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    variant: "caption",
+    color: _colors.Neutral.B18,
+    as: 'span'
+  }, children) : children;
+  return /*#__PURE__*/_react["default"].createElement(_TagStyle.TagStyle, props, content);
+};
+exports.Tag = Tag;

package/lib/@next/Tag/Tag.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/Tag/Tag.stories.js

@@ -0,0 +1,24 @@
+"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 _Tag = require("./Tag");
+_Tag.Tag.displayName = 'Tag';
+var defaultText = 'Basic Tag';
+var _default = {
+  title: '@next/Tag',
+  component: _Tag.Tag,
+  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(_Tag.Tag, args, defaultText);
+};
+var Interactive = Template.bind({});
+exports.Interactive = Interactive;
+Interactive.args = {};

package/lib/@next/Tag/TagStyle.d.ts

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

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

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TagStyle = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("..");
+var _borderRadius = require("../utilities/borderRadius");
+var _colors = require("../utilities/colors");
+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);
+exports.TagStyle = TagStyle;

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

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

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

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

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

@@ -1,15 +1,16 @@
-export { Badge } from './Badge';
-export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
-export { ButtonGroup } from './ButtonGroup';
-export { Icon } from './Icon';
-export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
-export { Typography } from './Typography';
-export { Avatar } from './Avatar';
-export { Popover } from './Popover';
 import * as BorderRadius from './utilities/borderRadius';
 import * as Breakpoints from './utilities/breakpoints';
 import * as Colors from './utilities/colors';
 import * as DropShadow from './utilities/dropShadow';
 import * as Fonts from './utilities/fonts';
 import * as Spacing from './utilities/spacing';
+export { Avatar } from './Avatar';
+export { Badge } from './Badge';
+export { Button, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export { Icon } from './Icon';
+export { Popover } from './Popover';
+export { Tab, TabProps, Tabs, TabsProps } from './Tabs';
+export { Tag } from './Tag';
+export { Typography } from './Typography';
 export { Breakpoints, BorderRadius, Colors, DropShadow, Fonts, Spacing };

package/lib/@next/index.js

@@ -1,7 +1,21 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Typography = 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.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"));
+exports.Breakpoints = Breakpoints;
+var Colors = _interopRequireWildcard(require("./utilities/colors"));
+exports.Colors = Colors;
+var DropShadow = _interopRequireWildcard(require("./utilities/dropShadow"));
+exports.DropShadow = DropShadow;
+var Fonts = _interopRequireWildcard(require("./utilities/fonts"));
+exports.Fonts = Fonts;
+var Spacing = _interopRequireWildcard(require("./utilities/spacing"));
+exports.Spacing = Spacing;
+var _Avatar = require("./Avatar");
+exports.Avatar = _Avatar.Avatar;
 var _Badge = require("./Badge");
 exports.Badge = _Badge.Badge;
 var _Button = require("./Button");
@@ -14,28 +28,16 @@ var _ButtonGroup = require("./ButtonGroup");
 exports.ButtonGroup = _ButtonGroup.ButtonGroup;
 var _Icon = require("./Icon");
 exports.Icon = _Icon.Icon;
+var _Popover = require("./Popover");
+exports.Popover = _Popover.Popover;
 var _Tabs = require("./Tabs");
 exports.Tab = _Tabs.Tab;
 exports.TabProps = _Tabs.TabProps;
 exports.Tabs = _Tabs.Tabs;
 exports.TabsProps = _Tabs.TabsProps;
+var _Tag = require("./Tag");
+exports.Tag = _Tag.Tag;
 var _Typography = require("./Typography");
 exports.Typography = _Typography.Typography;
-var _Avatar = require("./Avatar");
-exports.Avatar = _Avatar.Avatar;
-var _Popover = require("./Popover");
-exports.Popover = _Popover.Popover;
-var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
-exports.BorderRadius = BorderRadius;
-var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
-exports.Breakpoints = Breakpoints;
-var Colors = _interopRequireWildcard(require("./utilities/colors"));
-exports.Colors = Colors;
-var DropShadow = _interopRequireWildcard(require("./utilities/dropShadow"));
-exports.DropShadow = DropShadow;
-var Fonts = _interopRequireWildcard(require("./utilities/fonts"));
-exports.Fonts = Fonts;
-var Spacing = _interopRequireWildcard(require("./utilities/spacing"));
-exports.Spacing = Spacing;
 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; }

package/package.json

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