glints-aries 4.0.385 → 4.0.387

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

@@ -8,6 +8,10 @@ export declare type AlertProps = {
     /** Duration of alert in miliseconds */
     duration?: number;
     zIndex?: number;
+    position?: {
+        top?: string;
+        right?: string;
+    };
     onDismissed?: () => void;
 };
 export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Alert/Alert.js

@@ -17,6 +17,7 @@ export var Alert = /*#__PURE__*/React.forwardRef(function Alert(_ref, ref) {
     duration = _ref$duration === void 0 ? 4000 : _ref$duration,
     children = _ref.children,
     zIndex = _ref.zIndex,
+    position = _ref.position,
     onDismissed = _ref.onDismissed;
   useEffect(function () {
     if (!show) {
@@ -43,7 +44,8 @@ export var Alert = /*#__PURE__*/React.forwardRef(function Alert(_ref, ref) {
     role: "alert",
     "data-titled": hasTitle,
     "data-status": status || 'info',
-    zIndex: zIndex
+    zIndex: zIndex,
+    position: position
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
     name: iconName
   })), /*#__PURE__*/React.createElement("div", null, hasTitle && /*#__PURE__*/React.createElement(StyledAlertContentColumn, null, /*#__PURE__*/React.createElement(Typography, {

package/es/@next/Alert/AlertStyle.d.ts

@@ -1,5 +1,9 @@
 export declare const StyledAlertContainer: import("styled-components").StyledComponent<"div", any, {
     zIndex?: number;
+    position?: {
+        top?: string;
+        right?: string;
+    };
 }, never>;
 export declare const StyledAlertCloseIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAlertContentColumn: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/Alert/AlertStyle.js

@@ -6,7 +6,13 @@ import { space12, space8 } from '../utilities/spacing';
 export var StyledAlertContainer = styled.div.withConfig({
   displayName: "AlertStyle__StyledAlertContainer",
   componentId: "sc-1e5i2kj-0"
-})(["position:fixed;top:90px;right:24px;display:flex;padding:", ";gap:", ";max-width:640px;width:fit-content;border-radius:", ";box-shadow:0px 8px 20px rgba(71,71,71,0.2),0px 3px 6px -3px rgba(71,71,71,0.08);animation:slide-from-right 400ms cubic-bezier(0.35,0.8,1,0.86);z-index:", ";color:", ";svg{display:block;height:24px;width:24px;}&[data-titled='true'] svg{margin-top:3px;}&[data-status='success']{background:", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='error']{background:", ";}&[data-status='error'] svg{fill:", ";}@media (max-width:", "){top:60px;&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}padding:", ";min-height:37px;}@media (max-width:480px){&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}max-width:calc(100vw - 48px);}@keyframes slide-from-right{0%{transform:translateX(50px);}50%{transform:translateX(0px);}75%{transform:translateX(-10px);}100%{transform:translateX(0px);}}"], space12, space8, borderRadius4, function (props) {
+})(["position:fixed;top:", ";right:", ";display:flex;padding:", ";gap:", ";max-width:640px;width:fit-content;border-radius:", ";box-shadow:0px 8px 20px rgba(71,71,71,0.2),0px 3px 6px -3px rgba(71,71,71,0.08);animation:slide-from-right 400ms cubic-bezier(0.35,0.8,1,0.86);z-index:", ";color:", ";svg{display:block;height:24px;width:24px;}&[data-titled='true'] svg{margin-top:3px;}&[data-status='success']{background:", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='error']{background:", ";}&[data-status='error'] svg{fill:", ";}@media (max-width:", "){top:60px;&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}padding:", ";min-height:37px;}@media (max-width:480px){&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}max-width:calc(100vw - 48px);}@keyframes slide-from-right{0%{transform:translateX(50px);}50%{transform:translateX(0px);}75%{transform:translateX(-10px);}100%{transform:translateX(0px);}}"], function (props) {
+  var _props$position;
+  return (_props$position = props.position) != null && _props$position.top ? props.position.top : '90px';
+}, function (props) {
+  var _props$position2;
+  return (_props$position2 = props.position) != null && _props$position2.right ? props.position.right : '24px';
+}, space12, space8, borderRadius4, function (props) {
   return props.zIndex ? props.zIndex : 100;
 }, Neutral.B18, Green.B89, Green.B61, Blue.S08, Blue.S99, Orange.S21, Orange.S86, Red.B100, Red.B93, Breakpoints.large, space8);
 export var StyledAlertCloseIconContainer = styled.div.withConfig({

package/es/@next/Icon/components/RiUnlockFill.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 var SvgRiUnlockFill = function SvgRiUnlockFill(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M4 8h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1V7a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 4 7v1Zm3 5v2h4v-2H7Z"
+    d: "M7 10h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 7 9v1Zm3 5v2h4v-2h-4Z"
   }));
 };
 export default SvgRiUnlockFill;

package/es/@next/Icon/components/RiUnlockLine.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 var SvgRiUnlockLine = function SvgRiUnlockLine(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M4 8h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1V7a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 4 7v1Zm-2 2v8h14v-8H2Zm5 3h4v2H7v-2Z"
+    d: "M7 10h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 7 9v1Zm-2 2v8h14v-8H5Zm5 3h4v2h-4v-2Z"
   }));
 };
 export default SvgRiUnlockLine;

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

@@ -8,6 +8,10 @@ export declare type AlertProps = {
     /** Duration of alert in miliseconds */
     duration?: number;
     zIndex?: number;
+    position?: {
+        top?: string;
+        right?: string;
+    };
     onDismissed?: () => void;
 };
 export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/Alert/Alert.js

@@ -23,6 +23,7 @@ var Alert = /*#__PURE__*/_react["default"].forwardRef(function Alert(_ref, ref)
     duration = _ref$duration === void 0 ? 4000 : _ref$duration,
     children = _ref.children,
     zIndex = _ref.zIndex,
+    position = _ref.position,
     onDismissed = _ref.onDismissed;
   (0, _react.useEffect)(function () {
     if (!show) {
@@ -49,7 +50,8 @@ var Alert = /*#__PURE__*/_react["default"].forwardRef(function Alert(_ref, ref)
     role: "alert",
     "data-titled": hasTitle,
     "data-status": status || 'info',
-    zIndex: zIndex
+    zIndex: zIndex,
+    position: position
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
     name: iconName
   })), /*#__PURE__*/_react["default"].createElement("div", null, hasTitle && /*#__PURE__*/_react["default"].createElement(_AlertStyle.StyledAlertContentColumn, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {

package/lib/@next/Alert/AlertStyle.d.ts

@@ -1,5 +1,9 @@
 export declare const StyledAlertContainer: import("styled-components").StyledComponent<"div", any, {
     zIndex?: number;
+    position?: {
+        top?: string;
+        right?: string;
+    };
 }, never>;
 export declare const StyledAlertCloseIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAlertContentColumn: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/Alert/AlertStyle.js

@@ -13,7 +13,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledAlertContainer = _styledComponents["default"].div.withConfig({
   displayName: "AlertStyle__StyledAlertContainer",
   componentId: "sc-1e5i2kj-0"
-})(["position:fixed;top:90px;right:24px;display:flex;padding:", ";gap:", ";max-width:640px;width:fit-content;border-radius:", ";box-shadow:0px 8px 20px rgba(71,71,71,0.2),0px 3px 6px -3px rgba(71,71,71,0.08);animation:slide-from-right 400ms cubic-bezier(0.35,0.8,1,0.86);z-index:", ";color:", ";svg{display:block;height:24px;width:24px;}&[data-titled='true'] svg{margin-top:3px;}&[data-status='success']{background:", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='error']{background:", ";}&[data-status='error'] svg{fill:", ";}@media (max-width:", "){top:60px;&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}padding:", ";min-height:37px;}@media (max-width:480px){&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}max-width:calc(100vw - 48px);}@keyframes slide-from-right{0%{transform:translateX(50px);}50%{transform:translateX(0px);}75%{transform:translateX(-10px);}100%{transform:translateX(0px);}}"], _spacing.space12, _spacing.space8, _borderRadius.borderRadius4, function (props) {
+})(["position:fixed;top:", ";right:", ";display:flex;padding:", ";gap:", ";max-width:640px;width:fit-content;border-radius:", ";box-shadow:0px 8px 20px rgba(71,71,71,0.2),0px 3px 6px -3px rgba(71,71,71,0.08);animation:slide-from-right 400ms cubic-bezier(0.35,0.8,1,0.86);z-index:", ";color:", ";svg{display:block;height:24px;width:24px;}&[data-titled='true'] svg{margin-top:3px;}&[data-status='success']{background:", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='error']{background:", ";}&[data-status='error'] svg{fill:", ";}@media (max-width:", "){top:60px;&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}padding:", ";min-height:37px;}@media (max-width:480px){&[data-titled='true']{margin-top:-1px;}&[data-titled='true'] svg{margin-top:0;}max-width:calc(100vw - 48px);}@keyframes slide-from-right{0%{transform:translateX(50px);}50%{transform:translateX(0px);}75%{transform:translateX(-10px);}100%{transform:translateX(0px);}}"], function (props) {
+  var _props$position;
+  return (_props$position = props.position) != null && _props$position.top ? props.position.top : '90px';
+}, function (props) {
+  var _props$position2;
+  return (_props$position2 = props.position) != null && _props$position2.right ? props.position.right : '24px';
+}, _spacing.space12, _spacing.space8, _borderRadius.borderRadius4, function (props) {
   return props.zIndex ? props.zIndex : 100;
 }, _colors.Neutral.B18, _colors.Green.B89, _colors.Green.B61, _colors.Blue.S08, _colors.Blue.S99, _colors.Orange.S21, _colors.Orange.S86, _colors.Red.B100, _colors.Red.B93, Breakpoints.large, _spacing.space8);
 exports.StyledAlertContainer = StyledAlertContainer;

package/lib/@next/Icon/components/RiUnlockFill.js

@@ -9,10 +9,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 SvgRiUnlockFill = function SvgRiUnlockFill(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M4 8h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1V7a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 4 7v1Zm3 5v2h4v-2H7Z"
+    d: "M7 10h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 7 9v1Zm3 5v2h4v-2h-4Z"
   }));
 };
 var _default = SvgRiUnlockFill;

package/lib/@next/Icon/components/RiUnlockLine.js

@@ -9,10 +9,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 SvgRiUnlockLine = function SvgRiUnlockLine(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M4 8h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1V7a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 4 7v1Zm-2 2v8h14v-8H2Zm5 3h4v2H7v-2Z"
+    d: "M7 10h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131l-1.789.894A5 5 0 0 0 7 9v1Zm-2 2v8h14v-8H5Zm5 3h4v2h-4v-2Z"
   }));
 };
 var _default = SvgRiUnlockLine;

package/package.json

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