@pingux/astro 2.131.0 → 2.132.0-alpha.1

package/lib/cjs/components/StatusIcon/stories/NextGenDarkStatusIcon.chromatic.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _NextGenStatusIcon = _interopRequireDefault(require("./NextGenStatusIcon"));
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Chromatic Only Onyx Dark StatusIcon'
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    themeOverrides: [_.NextGenDarkTheme]
+  }, (0, _react2.jsx)(_NextGenStatusIcon["default"], null));
+};
+exports.Default = Default;

package/lib/cjs/components/StatusIcon/stories/NextGenStatusIcon.chromatic.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/lib/cjs/components/StatusIcon/stories/NextGenStatusIcon.chromatic.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _NextGenStatusIcon = _interopRequireDefault(require("./NextGenStatusIcon"));
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Chromatic Only Onyx StatusIcon'
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    themeOverrides: [_.NextGenTheme]
+  }, (0, _react2.jsx)(_NextGenStatusIcon["default"], null));
+};
+exports.Default = Default;

package/lib/cjs/components/StatusIcon/stories/NextGenStatusIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NextGenStatusIcon: () => React.JSX.Element;
+export default NextGenStatusIcon;

package/lib/cjs/components/StatusIcon/stories/NextGenStatusIcon.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _statuses = require("../../../utils/devUtils/constants/statuses");
+var _react2 = require("@emotion/react");
+var NextGenStatusIcon = function NextGenStatusIcon() {
+  return (0, _react2.jsx)(_.Table, null, (0, _react2.jsx)(_.TableBody, {
+    sx: {
+      border: 'unset'
+    }
+  }, (0, _react2.jsx)(_.TableRow, {
+    height: "45px",
+    bg: "transparent !important",
+    sx: {
+      borderBottom: 'none !important'
+    }
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, "Critical")), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.CRITICAL
+  })), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.CRITICAL,
+    isSelected: true
+  })))), (0, _react2.jsx)(_.TableRow, {
+    height: "45px",
+    bg: "transparent !important",
+    sx: {
+      borderBottom: 'none !important'
+    }
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, "Major")), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.MAJOR
+  })), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.MAJOR,
+    isSelected: true
+  })))), (0, _react2.jsx)(_.TableRow, {
+    height: "45px",
+    bg: "transparent !important",
+    sx: {
+      borderBottom: 'none !important'
+    }
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, "Minor")), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.MINOR
+  })), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.MINOR,
+    isSelected: true
+  })))), (0, _react2.jsx)(_.TableRow, {
+    height: "45px",
+    bg: "transparent !important",
+    sx: {
+      borderBottom: 'none !important'
+    }
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, "Warning Neutral")), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.WARNING_NEUTRAL
+  })), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.WARNING_NEUTRAL,
+    isSelected: true
+  })))), (0, _react2.jsx)(_.TableRow, {
+    height: "45px",
+    bg: "transparent !important",
+    sx: {
+      borderBottom: 'none !important'
+    }
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, "Info")), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.INFO
+  })), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.INFO,
+    isSelected: true
+  })))), (0, _react2.jsx)(_.TableRow, {
+    height: "45px",
+    bg: "transparent !important",
+    sx: {
+      borderBottom: 'none !important'
+    }
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, "Warning")), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.WARNING
+  })), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.WARNING,
+    isSelected: true
+  })))), (0, _react2.jsx)(_.TableRow, {
+    height: "45px",
+    bg: "transparent !important",
+    sx: {
+      borderBottom: 'none !important'
+    }
+  }, (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, "Fatal")), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.FATAL
+  })), (0, _react2.jsx)(_.TableCell, null, (0, _react2.jsx)(_.Text, null, (0, _react2.jsx)(_.StatusIcon, {
+    status: _statuses.statusIcon.FATAL,
+    isSelected: true
+  }))))));
+};
+var _default = NextGenStatusIcon;
+exports["default"] = _default;

package/lib/cjs/index.d.ts

@@ -175,6 +175,8 @@ export * from './components/Separator';
 export { default as Skeleton } from './components/Skeleton';
 export * from './components/Skeleton';
 export { default as SliderField } from './components/SliderField/SliderField';
+export { default as StatusIcon } from './components/StatusIcon';
+export * from './components/StatusIcon';
 export { Step, default as Stepper } from './components/Stepper';
 export * from './components/Stepper';
 export { default as Switch } from './components/Switch';

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74, _context75, _context76, _context77, _context78, _context79, _context80, _context81, _context82;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74, _context75, _context76, _context77, _context78, _context79, _context80, _context81, _context82, _context83;
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
@@ -128,6 +128,7 @@ var _exportNames = {
   Separator: true,
   Skeleton: true,
   SliderField: true,
+  StatusIcon: true,
   Step: true,
   Stepper: true,
   Switch: true,
@@ -940,6 +941,12 @@ _Object$defineProperty(exports, "SliderField", {
     return _SliderField["default"];
   }
 });
+_Object$defineProperty(exports, "StatusIcon", {
+  enumerable: true,
+  get: function get() {
+    return _StatusIcon["default"];
+  }
+});
 _Object$defineProperty(exports, "Step", {
   enumerable: true,
   get: function get() {
@@ -1921,8 +1928,20 @@ _forEachInstanceProperty(_context62 = _Object$keys(_Skeleton)).call(_context62,
   });
 });
 var _SliderField = _interopRequireDefault(require("./components/SliderField/SliderField"));
+var _StatusIcon = _interopRequireWildcard(require("./components/StatusIcon"));
+_forEachInstanceProperty(_context63 = _Object$keys(_StatusIcon)).call(_context63, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StatusIcon[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StatusIcon[key];
+    }
+  });
+});
 var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
-_forEachInstanceProperty(_context63 = _Object$keys(_Stepper)).call(_context63, function (key) {
+_forEachInstanceProperty(_context64 = _Object$keys(_Stepper)).call(_context64, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Stepper[key]) return;
@@ -1934,7 +1953,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_Stepper)).call(_context63, f
   });
 });
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-_forEachInstanceProperty(_context64 = _Object$keys(_Switch)).call(_context64, function (key) {
+_forEachInstanceProperty(_context65 = _Object$keys(_Switch)).call(_context65, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Switch[key]) return;
@@ -1946,7 +1965,7 @@ _forEachInstanceProperty(_context64 = _Object$keys(_Switch)).call(_context64, fu
   });
 });
 var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
-_forEachInstanceProperty(_context65 = _Object$keys(_SwitchField)).call(_context65, function (key) {
+_forEachInstanceProperty(_context66 = _Object$keys(_SwitchField)).call(_context66, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SwitchField[key]) return;
@@ -1958,7 +1977,7 @@ _forEachInstanceProperty(_context65 = _Object$keys(_SwitchField)).call(_context6
   });
 });
 var _Tab = _interopRequireWildcard(require("./components/Tab"));
-_forEachInstanceProperty(_context66 = _Object$keys(_Tab)).call(_context66, function (key) {
+_forEachInstanceProperty(_context67 = _Object$keys(_Tab)).call(_context67, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Tab[key]) return;
@@ -1970,7 +1989,7 @@ _forEachInstanceProperty(_context66 = _Object$keys(_Tab)).call(_context66, funct
   });
 });
 var _Table = _interopRequireWildcard(require("./components/Table"));
-_forEachInstanceProperty(_context67 = _Object$keys(_Table)).call(_context67, function (key) {
+_forEachInstanceProperty(_context68 = _Object$keys(_Table)).call(_context68, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Table[key]) return;
@@ -1982,7 +2001,7 @@ _forEachInstanceProperty(_context67 = _Object$keys(_Table)).call(_context67, fun
   });
 });
 var _TableBase = _interopRequireWildcard(require("./components/TableBase"));
-_forEachInstanceProperty(_context68 = _Object$keys(_TableBase)).call(_context68, function (key) {
+_forEachInstanceProperty(_context69 = _Object$keys(_TableBase)).call(_context69, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableBase[key]) return;
@@ -1994,7 +2013,7 @@ _forEachInstanceProperty(_context68 = _Object$keys(_TableBase)).call(_context68,
   });
 });
 var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
-_forEachInstanceProperty(_context69 = _Object$keys(_TableBody)).call(_context69, function (key) {
+_forEachInstanceProperty(_context70 = _Object$keys(_TableBody)).call(_context70, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableBody[key]) return;
@@ -2006,7 +2025,7 @@ _forEachInstanceProperty(_context69 = _Object$keys(_TableBody)).call(_context69,
   });
 });
 var _TableCaption = _interopRequireWildcard(require("./components/TableCaption"));
-_forEachInstanceProperty(_context70 = _Object$keys(_TableCaption)).call(_context70, function (key) {
+_forEachInstanceProperty(_context71 = _Object$keys(_TableCaption)).call(_context71, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableCaption[key]) return;
@@ -2018,7 +2037,7 @@ _forEachInstanceProperty(_context70 = _Object$keys(_TableCaption)).call(_context
   });
 });
 var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
-_forEachInstanceProperty(_context71 = _Object$keys(_TableCell)).call(_context71, function (key) {
+_forEachInstanceProperty(_context72 = _Object$keys(_TableCell)).call(_context72, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableCell[key]) return;
@@ -2030,7 +2049,7 @@ _forEachInstanceProperty(_context71 = _Object$keys(_TableCell)).call(_context71,
   });
 });
 var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
-_forEachInstanceProperty(_context72 = _Object$keys(_TableHead)).call(_context72, function (key) {
+_forEachInstanceProperty(_context73 = _Object$keys(_TableHead)).call(_context73, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableHead[key]) return;
@@ -2042,7 +2061,7 @@ _forEachInstanceProperty(_context72 = _Object$keys(_TableHead)).call(_context72,
   });
 });
 var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
-_forEachInstanceProperty(_context73 = _Object$keys(_TableRow)).call(_context73, function (key) {
+_forEachInstanceProperty(_context74 = _Object$keys(_TableRow)).call(_context74, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableRow[key]) return;
@@ -2054,7 +2073,7 @@ _forEachInstanceProperty(_context73 = _Object$keys(_TableRow)).call(_context73,
   });
 });
 var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
-_forEachInstanceProperty(_context74 = _Object$keys(_Tabs)).call(_context74, function (key) {
+_forEachInstanceProperty(_context75 = _Object$keys(_Tabs)).call(_context75, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Tabs[key]) return;
@@ -2066,7 +2085,7 @@ _forEachInstanceProperty(_context74 = _Object$keys(_Tabs)).call(_context74, func
   });
 });
 var _Text = _interopRequireWildcard(require("./components/Text"));
-_forEachInstanceProperty(_context75 = _Object$keys(_Text)).call(_context75, function (key) {
+_forEachInstanceProperty(_context76 = _Object$keys(_Text)).call(_context76, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Text[key]) return;
@@ -2078,7 +2097,7 @@ _forEachInstanceProperty(_context75 = _Object$keys(_Text)).call(_context75, func
   });
 });
 var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
-_forEachInstanceProperty(_context76 = _Object$keys(_TextArea)).call(_context76, function (key) {
+_forEachInstanceProperty(_context77 = _Object$keys(_TextArea)).call(_context77, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TextArea[key]) return;
@@ -2090,7 +2109,7 @@ _forEachInstanceProperty(_context76 = _Object$keys(_TextArea)).call(_context76,
   });
 });
 var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
-_forEachInstanceProperty(_context77 = _Object$keys(_TextAreaField)).call(_context77, function (key) {
+_forEachInstanceProperty(_context78 = _Object$keys(_TextAreaField)).call(_context78, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TextAreaField[key]) return;
@@ -2102,7 +2121,7 @@ _forEachInstanceProperty(_context77 = _Object$keys(_TextAreaField)).call(_contex
   });
 });
 var _TextField = _interopRequireWildcard(require("./components/TextField"));
-_forEachInstanceProperty(_context78 = _Object$keys(_TextField)).call(_context78, function (key) {
+_forEachInstanceProperty(_context79 = _Object$keys(_TextField)).call(_context79, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TextField[key]) return;
@@ -2114,7 +2133,7 @@ _forEachInstanceProperty(_context78 = _Object$keys(_TextField)).call(_context78,
   });
 });
 var _TimeField = _interopRequireWildcard(require("./components/TimeField"));
-_forEachInstanceProperty(_context79 = _Object$keys(_TimeField)).call(_context79, function (key) {
+_forEachInstanceProperty(_context80 = _Object$keys(_TimeField)).call(_context80, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TimeField[key]) return;
@@ -2127,7 +2146,7 @@ _forEachInstanceProperty(_context79 = _Object$keys(_TimeField)).call(_context79,
 });
 var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicker"));
 var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
-_forEachInstanceProperty(_context80 = _Object$keys(_TooltipTrigger)).call(_context80, function (key) {
+_forEachInstanceProperty(_context81 = _Object$keys(_TooltipTrigger)).call(_context81, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TooltipTrigger[key]) return;
@@ -2139,7 +2158,7 @@ _forEachInstanceProperty(_context80 = _Object$keys(_TooltipTrigger)).call(_conte
   });
 });
 var _TreeView = _interopRequireWildcard(require("./components/TreeView"));
-_forEachInstanceProperty(_context81 = _Object$keys(_TreeView)).call(_context81, function (key) {
+_forEachInstanceProperty(_context82 = _Object$keys(_TreeView)).call(_context82, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TreeView[key]) return;
@@ -2154,7 +2173,7 @@ var _PaginationContext = require("./context/PaginationContext");
 var _nextGenDarkMode = _interopRequireDefault(require("./styles/themeOverrides/nextGenDarkMode"));
 var _nextGen = _interopRequireDefault(require("./styles/themes/next-gen"));
 var _types = require("./types");
-_forEachInstanceProperty(_context82 = _Object$keys(_types)).call(_context82, function (key) {
+_forEachInstanceProperty(_context83 = _Object$keys(_types)).call(_context83, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _types[key]) return;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts

@@ -1,22 +1,23 @@
 declare const _default: {
     rockerButton: {
         innerContainer: {
-            border: number;
-            boxShadow: string;
             backgroundColor: string;
-            button: {
-                backgroundColor: string;
+        };
+        thumbSwitch: {
+            backgroundColor: string;
+            color: string;
+            '&.is-selected': {
                 color: string;
-                '&.is-selected': {
-                    color: string;
-                };
-                '&.is-hovered': {
-                    color: string;
-                };
-                '&.is-pressed': {
-                    color: string;
+                '& > div.status-icon': {
+                    bg: string;
                 };
             };
+            '&.is-hovered': {
+                color: string;
+            };
+            '&.is-pressed': {
+                color: string;
+            };
         };
     };
     attachment: {
@@ -522,6 +523,66 @@ declare const _default: {
             color: string;
         };
     };
+    statusIcon: {
+        base: {
+            '&.is-default': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-critical': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-warning': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-info': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-major': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-minor': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-warning-neutral': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-fatal': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-selected.is-selected': {
+                bg: string;
+                '& > svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+    };
     fieldHelperText: {
         title: {
             '&.is-default': {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js

@@ -66,21 +66,22 @@ var modal = {
 };
 var rockerButton = {
   innerContainer: {
-    border: 0,
-    boxShadow: 'none',
-    backgroundColor: 'gray-900',
-    'button': {
-      backgroundColor: 'gray-900',
-      color: 'blue-400',
-      '&.is-selected': {
-        color: 'black'
-      },
-      '&.is-hovered': {
-        color: 'black'
-      },
-      '&.is-pressed': {
-        color: 'black'
+    backgroundColor: 'background.base'
+  },
+  thumbSwitch: {
+    backgroundColor: 'background.base',
+    color: 'blue-400',
+    '&.is-selected': {
+      color: 'black',
+      '& > div.status-icon': {
+        bg: 'black'
       }
+    },
+    '&.is-hovered': {
+      color: 'black'
+    },
+    '&.is-pressed': {
+      color: 'black'
     }
   }
 };
@@ -95,6 +96,66 @@ var tooltip = {
     color: 'blue-400'
   }
 };
+var statusIcon = {
+  base: {
+    '&.is-default': {
+      bg: 'gray-100',
+      path: {
+        fill: 'black'
+      }
+    },
+    '&.is-critical': {
+      bg: 'red-500',
+      path: {
+        fill: 'black'
+      }
+    },
+    '&.is-warning': {
+      bg: 'yellow-500',
+      path: {
+        fill: 'black'
+      }
+    },
+    '&.is-info': {
+      bg: 'blue-500',
+      path: {
+        fill: 'black'
+      }
+    },
+    '&.is-major': {
+      bg: 'orange-500',
+      path: {
+        fill: 'black'
+      }
+    },
+    '&.is-minor': {
+      bg: 'yellow-500',
+      path: {
+        fill: 'black'
+      }
+    },
+    '&.is-warning-neutral': {
+      bg: 'gray-700',
+      path: {
+        fill: 'gray-100'
+      }
+    },
+    '&.is-fatal': {
+      bg: 'gray-100',
+      path: {
+        fill: 'gray-700'
+      }
+    },
+    '&.is-selected.is-selected': {
+      bg: 'black',
+      '& > svg': {
+        path: {
+          fill: 'active'
+        }
+      }
+    }
+  }
+};
 var _default = {
   rockerButton: rockerButton,
   attachment: attachment,
@@ -149,6 +210,7 @@ var _default = {
       color: 'text.secondary'
     }
   },
+  statusIcon: statusIcon,
   fieldHelperText: {
     title: {
       '&.is-default': {

package/lib/cjs/styles/themes/astro/customProperties/icons.js

@@ -1,6 +1,9 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -8,17 +11,25 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _AlertCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertCircleIcon"));
+var _AlertCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertCircleOutlineIcon"));
 var _AlertIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertIcon"));
+var _AlertOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertOutlineIcon"));
+var _ArrowDownIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowDownIcon"));
+var _ArrowUpIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowUpIcon"));
 var _CheckCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCircleIcon"));
+var _CloseOctagonOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CloseOctagonOutlineIcon"));
 var _InformationIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationIcon"));
+var _InformationOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationOutlineIcon"));
 var _MenuDownIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuDownIcon"));
 var _MenuUpIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuUpIcon"));
 var _MoreVertIcon = _interopRequireDefault(require("@pingux/mdi-react/MoreVertIcon"));
 var _logos = require("../../../../utils/devUtils/constants/logos");
-var _statuses = _interopRequireDefault(require("../../../../utils/devUtils/constants/statuses"));
+var _statuses = _interopRequireWildcard(require("../../../../utils/devUtils/constants/statuses"));
 var _MenuDown$MenuUp$stat;
+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 _default = (_MenuDown$MenuUp$stat = {
   MenuDown: _MenuDownIcon["default"],
   MenuUp: _MenuUpIcon["default"]
-}, (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].DEFAULT, _InformationIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].ERROR, _AlertCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].WARNING, _AlertIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "listViewMenu", _MoreVertIcon["default"]), _MenuDown$MenuUp$stat);
+}, (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].DEFAULT, _InformationIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].ERROR, _AlertCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].SUCCESS, _CheckCircleIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses["default"].WARNING, _AlertIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.INFO, _InformationOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.CRITICAL, _AlertCircleOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.MAJOR, _ArrowUpIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.MINOR, _ArrowDownIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.WARNING_NEUTRAL, _AlertOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, _statuses.statusIcon.FATAL, _CloseOctagonOutlineIcon["default"]), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "pingLogoHorizontalSmall", _logos.pingLogoHorizontalSmallWhite), (0, _defineProperty2["default"])(_MenuDown$MenuUp$stat, "listViewMenu", _MoreVertIcon["default"]), _MenuDown$MenuUp$stat);
 exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts

@@ -14,6 +14,7 @@ export declare const astroBlacklistStory: {
     NavBar: string[];
     SearchField: string[];
     Callout: string[];
+    StatusIcon: string[];
 };
 export declare const nextGenOnlyComponents: string[];
 export default nextGenConvertedComponents;