glints-aries 4.0.310 → 4.0.312

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

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

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

@@ -16,6 +16,7 @@ export var Alert = /*#__PURE__*/React.forwardRef(function Alert(_ref, ref) {
     _ref$duration = _ref.duration,
     duration = _ref$duration === void 0 ? 4000 : _ref$duration,
     children = _ref.children,
+    zIndex = _ref.zIndex,
     onDismissed = _ref.onDismissed;
   useEffect(function () {
     if (!show) {
@@ -41,7 +42,8 @@ export var Alert = /*#__PURE__*/React.forwardRef(function Alert(_ref, ref) {
     ref: ref,
     role: "alert",
     "data-titled": hasTitle,
-    "data-status": status || 'info'
+    "data-status": status || 'info',
+    zIndex: zIndex
   }, /*#__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,3 +1,5 @@
-export declare const StyledAlertContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAlertContainer: import("styled-components").StyledComponent<"div", any, {
+    zIndex?: number;
+}, 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,9 @@ 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:100;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, Neutral.B18, Green.B89, Green.B61, Blue.S08, Blue.S99, Orange.S21, Orange.S86, Red.B100, Red.B93, Breakpoints.large, space8);
+})(["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) {
+  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({
   displayName: "AlertStyle__StyledAlertCloseIconContainer",
   componentId: "sc-1e5i2kj-1"

package/es/@next/Input/InputStyle.js

@@ -23,4 +23,4 @@ export var StyledSuffixContainer = styled(StyledPrefixContainer).withConfig({
 export var StyledInput = styled.input.withConfig({
   displayName: "InputStyle__StyledInput",
   componentId: "sc-15z2mnd-3"
-})(["background:", ";box-sizing:border-box;border:1px solid ", ";border-radius:", ";padding:0 12px;font-family:", ",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";flex:none;order:1;align-self:stretch;flex-grow:0;height:36px;&::placeholder{color:", ";}&:focus{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}@media (max-width:", "){font-size:14px;}"], Neutral.B100, Neutral.B68, borderRadius4, NotoSans, Neutral.B18, Neutral.B40, Neutral.B100, Breakpoints.large);
+})(["background:", ";box-sizing:border-box;border:1px solid ", ";border-radius:", ";padding:0 12px;font-family:", ",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";flex:none;order:1;align-self:stretch;flex-grow:0;height:36px;&::placeholder{color:", ";}&:focus{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}@media (max-width:", "){font-size:14px;}"], Neutral.B100, Neutral.B68, borderRadius4, NotoSans, Neutral.B18, Neutral.B68, Neutral.B100, Breakpoints.large);

package/es/@next/Select/components/Activator/ActivatorSelect.js

@@ -52,7 +52,7 @@ export var ActivatorSelect = function ActivatorSelect(_ref) {
   var placeholderMarkup = /*#__PURE__*/React.createElement(Typography, {
     variant: "body1",
     as: "span",
-    color: disabled ? Neutral.B85 : Neutral.B40
+    color: disabled ? Neutral.B85 : Neutral.B68
   }, placeholder);
   var tagsMarkup = function tagsMarkup() {
     if (!hasSelectedValues) {

package/es/@next/TextArea/TextAreaStyle.js

@@ -11,7 +11,7 @@ export var StyledTextAreaContainer = styled.div.withConfig({
 export var StyledTextArea = styled.textarea.withConfig({
   displayName: "TextAreaStyle__StyledTextArea",
   componentId: "sc-1cq0fhw-1"
-})(["background:", ";box-sizing:border-box;border:none;", " color:", ";resize:none;width:100%;::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}::-webkit-scrollbar-thumb:hover{background-color:", ";}&::placeholder{color:", ";}&:focus{outline:none;}:disabled{background:", ";::placeholder{color:", ";}}"], Neutral.B100, typographyBody1, Neutral.B18, Neutral.B68, Neutral.B40, Neutral.B40, Neutral.B95, Neutral.B85);
+})(["background:", ";box-sizing:border-box;border:none;", " color:", ";resize:none;width:100%;::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}::-webkit-scrollbar-thumb:hover{background-color:", ";}&::placeholder{color:", ";}&:focus{outline:none;}:disabled{background:", ";::placeholder{color:", ";}}"], Neutral.B100, typographyBody1, Neutral.B18, Neutral.B68, Neutral.B40, Neutral.B68, Neutral.B95, Neutral.B85);
 export var StyledWordCountContainer = styled.div.withConfig({
   displayName: "TextAreaStyle__StyledWordCountContainer",
   componentId: "sc-1cq0fhw-2"

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

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

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

@@ -22,6 +22,7 @@ var Alert = /*#__PURE__*/_react["default"].forwardRef(function Alert(_ref, ref)
     _ref$duration = _ref.duration,
     duration = _ref$duration === void 0 ? 4000 : _ref$duration,
     children = _ref.children,
+    zIndex = _ref.zIndex,
     onDismissed = _ref.onDismissed;
   (0, _react.useEffect)(function () {
     if (!show) {
@@ -47,7 +48,8 @@ var Alert = /*#__PURE__*/_react["default"].forwardRef(function Alert(_ref, ref)
     ref: ref,
     role: "alert",
     "data-titled": hasTitle,
-    "data-status": status || 'info'
+    "data-status": status || 'info',
+    zIndex: zIndex
   }, /*#__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,3 +1,5 @@
-export declare const StyledAlertContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAlertContainer: import("styled-components").StyledComponent<"div", any, {
+    zIndex?: number;
+}, 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,9 @@ 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:100;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, _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);
+})(["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) {
+  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;
 var StyledAlertCloseIconContainer = _styledComponents["default"].div.withConfig({
   displayName: "AlertStyle__StyledAlertCloseIconContainer",

package/lib/@next/Input/InputStyle.js

@@ -33,5 +33,5 @@ exports.StyledSuffixContainer = StyledSuffixContainer;
 var StyledInput = _styledComponents["default"].input.withConfig({
   displayName: "InputStyle__StyledInput",
   componentId: "sc-15z2mnd-3"
-})(["background:", ";box-sizing:border-box;border:1px solid ", ";border-radius:", ";padding:0 12px;font-family:", ",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";flex:none;order:1;align-self:stretch;flex-grow:0;height:36px;&::placeholder{color:", ";}&:focus{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}@media (max-width:", "){font-size:14px;}"], _colors.Neutral.B100, _colors.Neutral.B68, _borderRadius.borderRadius4, _fonts.NotoSans, _colors.Neutral.B18, _colors.Neutral.B40, _colors.Neutral.B100, Breakpoints.large);
+})(["background:", ";box-sizing:border-box;border:1px solid ", ";border-radius:", ";padding:0 12px;font-family:", ",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";flex:none;order:1;align-self:stretch;flex-grow:0;height:36px;&::placeholder{color:", ";}&:focus{outline:none;box-shadow:0px 0px 0px 1px ", ",0px 0px 0px 3px #6ac9ec;}@media (max-width:", "){font-size:14px;}"], _colors.Neutral.B100, _colors.Neutral.B68, _borderRadius.borderRadius4, _fonts.NotoSans, _colors.Neutral.B18, _colors.Neutral.B68, _colors.Neutral.B100, Breakpoints.large);
 exports.StyledInput = StyledInput;

package/lib/@next/Select/components/Activator/ActivatorSelect.js

@@ -59,7 +59,7 @@ var ActivatorSelect = function ActivatorSelect(_ref) {
   var placeholderMarkup = /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     variant: "body1",
     as: "span",
-    color: disabled ? _colors.Neutral.B85 : _colors.Neutral.B40
+    color: disabled ? _colors.Neutral.B85 : _colors.Neutral.B68
   }, placeholder);
   var tagsMarkup = function tagsMarkup() {
     if (!hasSelectedValues) {

package/lib/@next/TextArea/TextAreaStyle.js

@@ -17,7 +17,7 @@ exports.StyledTextAreaContainer = StyledTextAreaContainer;
 var StyledTextArea = _styledComponents["default"].textarea.withConfig({
   displayName: "TextAreaStyle__StyledTextArea",
   componentId: "sc-1cq0fhw-1"
-})(["background:", ";box-sizing:border-box;border:none;", " color:", ";resize:none;width:100%;::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}::-webkit-scrollbar-thumb:hover{background-color:", ";}&::placeholder{color:", ";}&:focus{outline:none;}:disabled{background:", ";::placeholder{color:", ";}}"], _colors.Neutral.B100, _TypographyStyles.body1, _colors.Neutral.B18, _colors.Neutral.B68, _colors.Neutral.B40, _colors.Neutral.B40, _colors.Neutral.B95, _colors.Neutral.B85);
+})(["background:", ";box-sizing:border-box;border:none;", " color:", ";resize:none;width:100%;::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}::-webkit-scrollbar-thumb:hover{background-color:", ";}&::placeholder{color:", ";}&:focus{outline:none;}:disabled{background:", ";::placeholder{color:", ";}}"], _colors.Neutral.B100, _TypographyStyles.body1, _colors.Neutral.B18, _colors.Neutral.B68, _colors.Neutral.B40, _colors.Neutral.B68, _colors.Neutral.B95, _colors.Neutral.B85);
 exports.StyledTextArea = StyledTextArea;
 var StyledWordCountContainer = _styledComponents["default"].div.withConfig({
   displayName: "TextAreaStyle__StyledWordCountContainer",

package/package.json

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