glints-aries 4.0.212 → 4.0.214

package/es/@next/ActionList/ActionItem.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Item } from './ActionList';
+export declare const ActionItem: ({ content, description, icon, action }: Item) => JSX.Element;

package/es/@next/ActionList/ActionItem.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Typography } from '../Typography';
+import { Neutral } from '../utilities/colors';
+import { StyledActionListItem, StyledActionListItemDescription, StyledActionListItemWrapper } from './ActionListStyle';
+export var ActionItem = function ActionItem(_ref) {
+  var content = _ref.content,
+    description = _ref.description,
+    icon = _ref.icon,
+    action = _ref.action;
+  var hasDescription = !!description;
+  return /*#__PURE__*/React.createElement(StyledActionListItemWrapper, {
+    tabIndex: 0,
+    role: "button",
+    onMouseUp: function onMouseUp(e) {
+      return e.currentTarget.blur();
+    },
+    onClick: function onClick() {
+      return action == null ? void 0 : action();
+    }
+  }, /*#__PURE__*/React.createElement(StyledActionListItem, null, icon, /*#__PURE__*/React.createElement(Typography, {
+    as: "div",
+    variant: "body1"
+  }, content)), hasDescription && /*#__PURE__*/React.createElement(StyledActionListItemDescription, null, /*#__PURE__*/React.createElement(Typography, {
+    as: "div",
+    variant: "body1",
+    color: Neutral.B40
+  }, description)));
+};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare type Item = {
+    content: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactElement<React.SVGProps<SVGSVGElement>>;
+    action?: (...args: any) => void;
+};
+export declare type Section = {
+    title: React.ReactNode;
+    items?: Item[];
+};
+export declare type ActionListProps = {
+    items?: Item[];
+    sections?: Section[];
+};
+export declare const ActionList: ({ items, sections }: ActionListProps) => JSX.Element;

package/es/@next/ActionList/ActionList.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Typography } from '../Typography';
+import { ActionItem } from './ActionItem';
+import { StyledActionListContainer, StyledActionListSection } from './ActionListStyle';
+export var ActionList = function ActionList(_ref) {
+  var items = _ref.items,
+    sections = _ref.sections;
+  var renderActionItems = function renderActionItems(actionItems) {
+    if (actionItems === void 0) {
+      actionItems = [];
+    }
+    return actionItems.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(ActionItem, _extends({
+        key: item.content.toString() + "-" + index
+      }, item));
+    });
+  };
+  var renderSectionedItems = function renderSectionedItems() {
+    return (sections || []).map(function (section, index) {
+      var title = section.title;
+      return /*#__PURE__*/React.createElement("li", {
+        key: title + "-" + index
+      }, /*#__PURE__*/React.createElement(StyledActionListSection, {
+        key: title + "-" + index
+      }, /*#__PURE__*/React.createElement(Typography, {
+        as: "div",
+        variant: "subtitle2"
+      }, title)), renderActionItems(section.items || []));
+    });
+  };
+  var renderItems = function renderItems() {
+    return /*#__PURE__*/React.createElement("li", null, renderActionItems(items || []));
+  };
+  var contentMarkup = sections ? renderSectionedItems() : renderItems();
+  return /*#__PURE__*/React.createElement(StyledActionListContainer, null, contentMarkup);
+};

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

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

package/es/@next/ActionList/ActionListStyle.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledActionListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListItemDescription: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/ActionList/ActionListStyle.js

@@ -0,0 +1,25 @@
+import styled from 'styled-components';
+import { borderRadius4 } from '../utilities/borderRadius';
+import { Blue, Neutral } from '../utilities/colors';
+import { space12, space16, space8 } from '../utilities/spacing';
+import * as Breakpoints from '../utilities/breakpoints';
+export var StyledActionListContainer = styled.div.withConfig({
+  displayName: "ActionListStyle__StyledActionListContainer",
+  componentId: "sc-2x4nd5-0"
+})(["padding:", " 0;background:", ";color:", ";li{list-style-type:none;padding:0;margin:0;}"], space8, Neutral.B100, Neutral.B18);
+export var StyledActionListSection = styled.div.withConfig({
+  displayName: "ActionListStyle__StyledActionListSection",
+  componentId: "sc-2x4nd5-1"
+})(["padding:", " ", " ", ";color:", ";text-transform:uppercase;"], space12, space16, space8, Neutral.B40);
+export var StyledActionListItemWrapper = styled.div.withConfig({
+  displayName: "ActionListStyle__StyledActionListItemWrapper",
+  componentId: "sc-2x4nd5-2"
+})(["margin:0 ", ";cursor:pointer;&:hover{background:", ";border-radius:", ";}&:active{background:", ";border-radius:", ";}&&&{&:active{border:0;}}&:focus{outline:none;border:2px solid ", ";border-radius:", ";}"], space8, Neutral.B99, borderRadius4, Neutral.B95, borderRadius4, Blue.S54, borderRadius4);
+export var StyledActionListItem = styled.div.withConfig({
+  displayName: "ActionListStyle__StyledActionListItem",
+  componentId: "sc-2x4nd5-3"
+})(["display:flex;gap:", ";padding:", ";align-items:center;svg{height:24px;width:24px;fill:", ";}@media (max-width:", "){svg{height:20px;width:20px;}}"], space8, space8, Neutral.B40, Breakpoints.large);
+export var StyledActionListItemDescription = styled.div.withConfig({
+  displayName: "ActionListStyle__StyledActionListItemDescription",
+  componentId: "sc-2x4nd5-4"
+})(["padding:0 ", " ", ";margin-top:calc(", " * -1);align-items:center;"], space8, space8, space8);

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

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

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

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

package/es/@next/Switch/Switch.js

@@ -25,7 +25,7 @@ export var Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref, ref) {
     value: value
   }, otherProps, {
     disabled: disabled,
-    defaultChecked: checked,
+    checked: checked,
     type: "checkbox",
     onChange: onChange,
     ref: ref,

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

@@ -4,6 +4,7 @@ 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 { ActionList, ActionListProps, Item as ActionListItem, Section as ActionListSection, } from './ActionList';
 export { Alert, AlertContext, AlertContextProps, AlertProps, AlertProvider, AlertWithProvider, useAlert, } from './Alert';
 export { Avatar, AvatarProps } from './Avatar';
 export { Badge, BadgeProps } from './Badge';

package/es/@next/index.js

@@ -5,6 +5,7 @@ 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 { ActionList, ActionListProps, Item as ActionListItem, Section as ActionListSection } from './ActionList';
 export { Alert, AlertContext, AlertContextProps, AlertProps, AlertProvider, AlertWithProvider, useAlert } from './Alert';
 export { Avatar, AvatarProps } from './Avatar';
 export { Badge, BadgeProps } from './Badge';

package/lib/@next/ActionList/ActionItem.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Item } from './ActionList';
+export declare const ActionItem: ({ content, description, icon, action }: Item) => JSX.Element;

package/lib/@next/ActionList/ActionItem.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ActionItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Typography = require("../Typography");
+var _colors = require("../utilities/colors");
+var _ActionListStyle = require("./ActionListStyle");
+var ActionItem = function ActionItem(_ref) {
+  var content = _ref.content,
+    description = _ref.description,
+    icon = _ref.icon,
+    action = _ref.action;
+  var hasDescription = !!description;
+  return /*#__PURE__*/_react["default"].createElement(_ActionListStyle.StyledActionListItemWrapper, {
+    tabIndex: 0,
+    role: "button",
+    onMouseUp: function onMouseUp(e) {
+      return e.currentTarget.blur();
+    },
+    onClick: function onClick() {
+      return action == null ? void 0 : action();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_ActionListStyle.StyledActionListItem, null, icon, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "body1"
+  }, content)), hasDescription && /*#__PURE__*/_react["default"].createElement(_ActionListStyle.StyledActionListItemDescription, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "body1",
+    color: _colors.Neutral.B40
+  }, description)));
+};
+exports.ActionItem = ActionItem;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare type Item = {
+    content: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactElement<React.SVGProps<SVGSVGElement>>;
+    action?: (...args: any) => void;
+};
+export declare type Section = {
+    title: React.ReactNode;
+    items?: Item[];
+};
+export declare type ActionListProps = {
+    items?: Item[];
+    sections?: Section[];
+};
+export declare const ActionList: ({ items, sections }: ActionListProps) => JSX.Element;

package/lib/@next/ActionList/ActionList.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ActionList = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _Typography = require("../Typography");
+var _ActionItem = require("./ActionItem");
+var _ActionListStyle = require("./ActionListStyle");
+var ActionList = function ActionList(_ref) {
+  var items = _ref.items,
+    sections = _ref.sections;
+  var renderActionItems = function renderActionItems(actionItems) {
+    if (actionItems === void 0) {
+      actionItems = [];
+    }
+    return actionItems.map(function (item, index) {
+      return /*#__PURE__*/_react["default"].createElement(_ActionItem.ActionItem, (0, _extends2["default"])({
+        key: item.content.toString() + "-" + index
+      }, item));
+    });
+  };
+  var renderSectionedItems = function renderSectionedItems() {
+    return (sections || []).map(function (section, index) {
+      var title = section.title;
+      return /*#__PURE__*/_react["default"].createElement("li", {
+        key: title + "-" + index
+      }, /*#__PURE__*/_react["default"].createElement(_ActionListStyle.StyledActionListSection, {
+        key: title + "-" + index
+      }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+        as: "div",
+        variant: "subtitle2"
+      }, title)), renderActionItems(section.items || []));
+    });
+  };
+  var renderItems = function renderItems() {
+    return /*#__PURE__*/_react["default"].createElement("li", null, renderActionItems(items || []));
+  };
+  var contentMarkup = sections ? renderSectionedItems() : renderItems();
+  return /*#__PURE__*/_react["default"].createElement(_ActionListStyle.StyledActionListContainer, null, contentMarkup);
+};
+exports.ActionList = ActionList;

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

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

package/lib/@next/ActionList/ActionListStyle.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledActionListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledActionListItemDescription: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/ActionList/ActionListStyle.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.StyledActionListSection = exports.StyledActionListItemWrapper = exports.StyledActionListItemDescription = exports.StyledActionListItem = exports.StyledActionListContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _borderRadius = require("../utilities/borderRadius");
+var _colors = require("../utilities/colors");
+var _spacing = require("../utilities/spacing");
+var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
+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 StyledActionListContainer = _styledComponents["default"].div.withConfig({
+  displayName: "ActionListStyle__StyledActionListContainer",
+  componentId: "sc-2x4nd5-0"
+})(["padding:", " 0;background:", ";color:", ";li{list-style-type:none;padding:0;margin:0;}"], _spacing.space8, _colors.Neutral.B100, _colors.Neutral.B18);
+exports.StyledActionListContainer = StyledActionListContainer;
+var StyledActionListSection = _styledComponents["default"].div.withConfig({
+  displayName: "ActionListStyle__StyledActionListSection",
+  componentId: "sc-2x4nd5-1"
+})(["padding:", " ", " ", ";color:", ";text-transform:uppercase;"], _spacing.space12, _spacing.space16, _spacing.space8, _colors.Neutral.B40);
+exports.StyledActionListSection = StyledActionListSection;
+var StyledActionListItemWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "ActionListStyle__StyledActionListItemWrapper",
+  componentId: "sc-2x4nd5-2"
+})(["margin:0 ", ";cursor:pointer;&:hover{background:", ";border-radius:", ";}&:active{background:", ";border-radius:", ";}&&&{&:active{border:0;}}&:focus{outline:none;border:2px solid ", ";border-radius:", ";}"], _spacing.space8, _colors.Neutral.B99, _borderRadius.borderRadius4, _colors.Neutral.B95, _borderRadius.borderRadius4, _colors.Blue.S54, _borderRadius.borderRadius4);
+exports.StyledActionListItemWrapper = StyledActionListItemWrapper;
+var StyledActionListItem = _styledComponents["default"].div.withConfig({
+  displayName: "ActionListStyle__StyledActionListItem",
+  componentId: "sc-2x4nd5-3"
+})(["display:flex;gap:", ";padding:", ";align-items:center;svg{height:24px;width:24px;fill:", ";}@media (max-width:", "){svg{height:20px;width:20px;}}"], _spacing.space8, _spacing.space8, _colors.Neutral.B40, Breakpoints.large);
+exports.StyledActionListItem = StyledActionListItem;
+var StyledActionListItemDescription = _styledComponents["default"].div.withConfig({
+  displayName: "ActionListStyle__StyledActionListItemDescription",
+  componentId: "sc-2x4nd5-4"
+})(["padding:0 ", " ", ";margin-top:calc(", " * -1);align-items:center;"], _spacing.space8, _spacing.space8, _spacing.space8);
+exports.StyledActionListItemDescription = StyledActionListItemDescription;

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

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

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

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

package/lib/@next/Switch/Switch.js

@@ -30,7 +30,7 @@ var Switch = /*#__PURE__*/_react["default"].forwardRef(function Switch(_ref, ref
     value: value
   }, otherProps, {
     disabled: disabled,
-    defaultChecked: checked,
+    checked: checked,
     type: "checkbox",
     onChange: onChange,
     ref: ref,

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

@@ -4,6 +4,7 @@ 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 { ActionList, ActionListProps, Item as ActionListItem, Section as ActionListSection, } from './ActionList';
 export { Alert, AlertContext, AlertContextProps, AlertProps, AlertProvider, AlertWithProvider, useAlert, } from './Alert';
 export { Avatar, AvatarProps } from './Avatar';
 export { Badge, BadgeProps } from './Badge';

package/lib/@next/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SimplePagination = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = void 0;
+exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SimplePagination = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = exports.ActionListSection = exports.ActionListProps = exports.ActionListItem = exports.ActionList = void 0;
 var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
 exports.BorderRadius = BorderRadius;
 var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
@@ -14,6 +14,11 @@ var Fonts = _interopRequireWildcard(require("./utilities/fonts"));
 exports.Fonts = Fonts;
 var Spacing = _interopRequireWildcard(require("./utilities/spacing"));
 exports.Spacing = Spacing;
+var _ActionList = require("./ActionList");
+exports.ActionList = _ActionList.ActionList;
+exports.ActionListProps = _ActionList.ActionListProps;
+exports.ActionListItem = _ActionList.Item;
+exports.ActionListSection = _ActionList.Section;
 var _Alert = require("./Alert");
 exports.Alert = _Alert.Alert;
 exports.AlertContext = _Alert.AlertContext;

package/package.json

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