@pingux/astro 2.110.1-alpha.1 → 2.111.0-alpha.0

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;
+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;
 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");
@@ -118,6 +118,7 @@ var _exportNames = {
   SearchField: true,
   SelectField: true,
   Separator: true,
+  Skeleton: true,
   Step: true,
   Stepper: true,
   Switch: true,
@@ -839,6 +840,12 @@ _Object$defineProperty(exports, "Separator", {
     return _Separator["default"];
   }
 });
+_Object$defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function get() {
+    return _Skeleton["default"];
+  }
+});
 _Object$defineProperty(exports, "Step", {
   enumerable: true,
   get: function get() {
@@ -1771,8 +1778,20 @@ _forEachInstanceProperty(_context60 = _Object$keys(_Separator)).call(_context60,
     }
   });
 });
+var _Skeleton = _interopRequireWildcard(require("./components/Skeleton"));
+_forEachInstanceProperty(_context61 = _Object$keys(_Skeleton)).call(_context61, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Skeleton[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Skeleton[key];
+    }
+  });
+});
 var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
-_forEachInstanceProperty(_context61 = _Object$keys(_Stepper)).call(_context61, function (key) {
+_forEachInstanceProperty(_context62 = _Object$keys(_Stepper)).call(_context62, 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;
@@ -1784,7 +1803,7 @@ _forEachInstanceProperty(_context61 = _Object$keys(_Stepper)).call(_context61, f
   });
 });
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
-_forEachInstanceProperty(_context62 = _Object$keys(_Switch)).call(_context62, function (key) {
+_forEachInstanceProperty(_context63 = _Object$keys(_Switch)).call(_context63, 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;
@@ -1796,7 +1815,7 @@ _forEachInstanceProperty(_context62 = _Object$keys(_Switch)).call(_context62, fu
   });
 });
 var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
-_forEachInstanceProperty(_context63 = _Object$keys(_SwitchField)).call(_context63, function (key) {
+_forEachInstanceProperty(_context64 = _Object$keys(_SwitchField)).call(_context64, 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;
@@ -1808,7 +1827,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_SwitchField)).call(_context6
   });
 });
 var _Tab = _interopRequireWildcard(require("./components/Tab"));
-_forEachInstanceProperty(_context64 = _Object$keys(_Tab)).call(_context64, function (key) {
+_forEachInstanceProperty(_context65 = _Object$keys(_Tab)).call(_context65, 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;
@@ -1820,7 +1839,7 @@ _forEachInstanceProperty(_context64 = _Object$keys(_Tab)).call(_context64, funct
   });
 });
 var _Table = _interopRequireWildcard(require("./components/Table"));
-_forEachInstanceProperty(_context65 = _Object$keys(_Table)).call(_context65, function (key) {
+_forEachInstanceProperty(_context66 = _Object$keys(_Table)).call(_context66, 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;
@@ -1832,7 +1851,7 @@ _forEachInstanceProperty(_context65 = _Object$keys(_Table)).call(_context65, fun
   });
 });
 var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
-_forEachInstanceProperty(_context66 = _Object$keys(_TableBody)).call(_context66, function (key) {
+_forEachInstanceProperty(_context67 = _Object$keys(_TableBody)).call(_context67, 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;
@@ -1844,7 +1863,7 @@ _forEachInstanceProperty(_context66 = _Object$keys(_TableBody)).call(_context66,
   });
 });
 var _TableCaption = _interopRequireWildcard(require("./components/TableCaption"));
-_forEachInstanceProperty(_context67 = _Object$keys(_TableCaption)).call(_context67, function (key) {
+_forEachInstanceProperty(_context68 = _Object$keys(_TableCaption)).call(_context68, 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;
@@ -1856,7 +1875,7 @@ _forEachInstanceProperty(_context67 = _Object$keys(_TableCaption)).call(_context
   });
 });
 var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
-_forEachInstanceProperty(_context68 = _Object$keys(_TableCell)).call(_context68, function (key) {
+_forEachInstanceProperty(_context69 = _Object$keys(_TableCell)).call(_context69, 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;
@@ -1868,7 +1887,7 @@ _forEachInstanceProperty(_context68 = _Object$keys(_TableCell)).call(_context68,
   });
 });
 var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
-_forEachInstanceProperty(_context69 = _Object$keys(_TableHead)).call(_context69, function (key) {
+_forEachInstanceProperty(_context70 = _Object$keys(_TableHead)).call(_context70, 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;
@@ -1880,7 +1899,7 @@ _forEachInstanceProperty(_context69 = _Object$keys(_TableHead)).call(_context69,
   });
 });
 var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
-_forEachInstanceProperty(_context70 = _Object$keys(_TableRow)).call(_context70, function (key) {
+_forEachInstanceProperty(_context71 = _Object$keys(_TableRow)).call(_context71, 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;
@@ -1892,7 +1911,7 @@ _forEachInstanceProperty(_context70 = _Object$keys(_TableRow)).call(_context70,
   });
 });
 var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
-_forEachInstanceProperty(_context71 = _Object$keys(_Tabs)).call(_context71, function (key) {
+_forEachInstanceProperty(_context72 = _Object$keys(_Tabs)).call(_context72, 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;
@@ -1904,7 +1923,7 @@ _forEachInstanceProperty(_context71 = _Object$keys(_Tabs)).call(_context71, func
   });
 });
 var _Text = _interopRequireWildcard(require("./components/Text"));
-_forEachInstanceProperty(_context72 = _Object$keys(_Text)).call(_context72, function (key) {
+_forEachInstanceProperty(_context73 = _Object$keys(_Text)).call(_context73, 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;
@@ -1916,7 +1935,7 @@ _forEachInstanceProperty(_context72 = _Object$keys(_Text)).call(_context72, func
   });
 });
 var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
-_forEachInstanceProperty(_context73 = _Object$keys(_TextArea)).call(_context73, function (key) {
+_forEachInstanceProperty(_context74 = _Object$keys(_TextArea)).call(_context74, 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;
@@ -1928,7 +1947,7 @@ _forEachInstanceProperty(_context73 = _Object$keys(_TextArea)).call(_context73,
   });
 });
 var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
-_forEachInstanceProperty(_context74 = _Object$keys(_TextAreaField)).call(_context74, function (key) {
+_forEachInstanceProperty(_context75 = _Object$keys(_TextAreaField)).call(_context75, 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;
@@ -1940,7 +1959,7 @@ _forEachInstanceProperty(_context74 = _Object$keys(_TextAreaField)).call(_contex
   });
 });
 var _TextField = _interopRequireWildcard(require("./components/TextField"));
-_forEachInstanceProperty(_context75 = _Object$keys(_TextField)).call(_context75, function (key) {
+_forEachInstanceProperty(_context76 = _Object$keys(_TextField)).call(_context76, 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;
@@ -1952,7 +1971,7 @@ _forEachInstanceProperty(_context75 = _Object$keys(_TextField)).call(_context75,
   });
 });
 var _TimeField = _interopRequireWildcard(require("./components/TimeField"));
-_forEachInstanceProperty(_context76 = _Object$keys(_TimeField)).call(_context76, function (key) {
+_forEachInstanceProperty(_context77 = _Object$keys(_TimeField)).call(_context77, 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;
@@ -1965,7 +1984,7 @@ _forEachInstanceProperty(_context76 = _Object$keys(_TimeField)).call(_context76,
 });
 var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicker"));
 var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
-_forEachInstanceProperty(_context77 = _Object$keys(_TooltipTrigger)).call(_context77, function (key) {
+_forEachInstanceProperty(_context78 = _Object$keys(_TooltipTrigger)).call(_context78, 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;
@@ -1977,7 +1996,7 @@ _forEachInstanceProperty(_context77 = _Object$keys(_TooltipTrigger)).call(_conte
   });
 });
 var _TreeView = _interopRequireWildcard(require("./components/TreeView"));
-_forEachInstanceProperty(_context78 = _Object$keys(_TreeView)).call(_context78, function (key) {
+_forEachInstanceProperty(_context79 = _Object$keys(_TreeView)).call(_context79, 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;
@@ -1991,7 +2010,7 @@ _forEachInstanceProperty(_context78 = _Object$keys(_TreeView)).call(_context78,
 var _nextGenDarkMode = _interopRequireDefault(require("./styles/themeOverrides/nextGenDarkMode"));
 var _nextGen = _interopRequireDefault(require("./styles/themes/next-gen"));
 var _types = require("./types");
-_forEachInstanceProperty(_context79 = _Object$keys(_types)).call(_context79, function (key) {
+_forEachInstanceProperty(_context80 = _Object$keys(_types)).call(_context80, 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/skeleton.d.ts

@@ -0,0 +1,15 @@
+declare const skeleton: {
+    base: {
+        backgroundColor: string;
+    };
+    text: {
+        backgroundColor: string;
+    };
+    circular: {
+        backgroundColor: string;
+    };
+    rounded: {
+        backgroundColor: string;
+    };
+};
+export default skeleton;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var base = {
+  backgroundColor: '#ffffff22'
+};
+var text = _objectSpread({}, base);
+var circular = _objectSpread({}, base);
+var rounded = _objectSpread({}, base);
+var skeleton = {
+  base: base,
+  text: text,
+  circular: circular,
+  rounded: rounded
+};
+var _default = skeleton;
+exports["default"] = _default;

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

@@ -371,5 +371,19 @@ declare const _default: {
             color: string;
         };
     };
+    skeleton: {
+        base: {
+            backgroundColor: string;
+        };
+        text: {
+            backgroundColor: string;
+        };
+        circular: {
+            backgroundColor: string;
+        };
+        rounded: {
+            backgroundColor: string;
+        };
+    };
 };
 export default _default;

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

@@ -12,6 +12,7 @@ var _lsitview = require("./lsitview");
 var _menu = require("./menu");
 var _message = require("./message");
 var _navbar = require("./navbar");
+var _skeleton = _interopRequireDefault(require("./skeleton"));
 var listBox = {
   container: {
     backgroundColor: 'background.base',
@@ -66,6 +67,7 @@ var _default = {
   listBox: listBox,
   modal: modal,
   tab: tab,
-  iconBadge: _iconBadge["default"]
+  iconBadge: _iconBadge["default"],
+  skeleton: _skeleton["default"]
 };
 exports["default"] = _default;

package/lib/cjs/styles/themes/next-gen/convertedComponentList.js

@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = void 0;
-var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem'];
+var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton'];
 var componentSpecificNextGenBlacklist = {
   AstroProvider: ['Default', 'With Custom Theme Override'],
   Badge: ['Status Badge Variants', 'Badge With Left Slot And Icon', 'Callout Badges', 'Removable'],

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

@@ -2646,6 +2646,113 @@ declare const _default: {
                 };
             };
         };
+        skeleton: {
+            base: {
+                backgroundColor: string;
+                position: string;
+                overflow: string;
+                '&.is-pulsate': {
+                    animation: string;
+                };
+                '&.is-wave': {
+                    webkitMaskImage: string;
+                    '&:after': {
+                        content: string;
+                        background: string;
+                        position: string;
+                        webkitTransform: string;
+                        mozTransform: string;
+                        msTransform: string;
+                        transform: string;
+                        bottom: string;
+                        left: string;
+                        right: string;
+                        top: string;
+                        animation: string;
+                    };
+                };
+            };
+            text: {
+                height: string;
+                transform: string;
+                borderRadius: string;
+                backgroundColor: string;
+                position: string;
+                overflow: string;
+                '&.is-pulsate': {
+                    animation: string;
+                };
+                '&.is-wave': {
+                    webkitMaskImage: string;
+                    '&:after': {
+                        content: string;
+                        background: string;
+                        position: string;
+                        webkitTransform: string;
+                        mozTransform: string;
+                        msTransform: string;
+                        transform: string;
+                        bottom: string;
+                        left: string;
+                        right: string;
+                        top: string;
+                        animation: string;
+                    };
+                };
+            };
+            circular: {
+                borderRadius: string;
+                backgroundColor: string;
+                position: string;
+                overflow: string;
+                '&.is-pulsate': {
+                    animation: string;
+                };
+                '&.is-wave': {
+                    webkitMaskImage: string;
+                    '&:after': {
+                        content: string;
+                        background: string;
+                        position: string;
+                        webkitTransform: string;
+                        mozTransform: string;
+                        msTransform: string;
+                        transform: string;
+                        bottom: string;
+                        left: string;
+                        right: string;
+                        top: string;
+                        animation: string;
+                    };
+                };
+            };
+            rounded: {
+                borderRadius: string;
+                backgroundColor: string;
+                position: string;
+                overflow: string;
+                '&.is-pulsate': {
+                    animation: string;
+                };
+                '&.is-wave': {
+                    webkitMaskImage: string;
+                    '&:after': {
+                        content: string;
+                        background: string;
+                        position: string;
+                        webkitTransform: string;
+                        mozTransform: string;
+                        msTransform: string;
+                        transform: string;
+                        bottom: string;
+                        left: string;
+                        right: string;
+                        top: string;
+                        animation: string;
+                    };
+                };
+            };
+        };
     };
     images: {
         avatar: {};

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

@@ -948,5 +948,112 @@ declare const _default: {
             };
         };
     };
+    skeleton: {
+        base: {
+            backgroundColor: string;
+            position: string;
+            overflow: string;
+            '&.is-pulsate': {
+                animation: string;
+            };
+            '&.is-wave': {
+                webkitMaskImage: string;
+                '&:after': {
+                    content: string;
+                    background: string;
+                    position: string;
+                    webkitTransform: string;
+                    mozTransform: string;
+                    msTransform: string;
+                    transform: string;
+                    bottom: string;
+                    left: string;
+                    right: string;
+                    top: string;
+                    animation: string;
+                };
+            };
+        };
+        text: {
+            height: string;
+            transform: string;
+            borderRadius: string;
+            backgroundColor: string;
+            position: string;
+            overflow: string;
+            '&.is-pulsate': {
+                animation: string;
+            };
+            '&.is-wave': {
+                webkitMaskImage: string;
+                '&:after': {
+                    content: string;
+                    background: string;
+                    position: string;
+                    webkitTransform: string;
+                    mozTransform: string;
+                    msTransform: string;
+                    transform: string;
+                    bottom: string;
+                    left: string;
+                    right: string;
+                    top: string;
+                    animation: string;
+                };
+            };
+        };
+        circular: {
+            borderRadius: string;
+            backgroundColor: string;
+            position: string;
+            overflow: string;
+            '&.is-pulsate': {
+                animation: string;
+            };
+            '&.is-wave': {
+                webkitMaskImage: string;
+                '&:after': {
+                    content: string;
+                    background: string;
+                    position: string;
+                    webkitTransform: string;
+                    mozTransform: string;
+                    msTransform: string;
+                    transform: string;
+                    bottom: string;
+                    left: string;
+                    right: string;
+                    top: string;
+                    animation: string;
+                };
+            };
+        };
+        rounded: {
+            borderRadius: string;
+            backgroundColor: string;
+            position: string;
+            overflow: string;
+            '&.is-pulsate': {
+                animation: string;
+            };
+            '&.is-wave': {
+                webkitMaskImage: string;
+                '&:after': {
+                    content: string;
+                    background: string;
+                    position: string;
+                    webkitTransform: string;
+                    mozTransform: string;
+                    msTransform: string;
+                    transform: string;
+                    bottom: string;
+                    left: string;
+                    right: string;
+                    top: string;
+                    animation: string;
+                };
+            };
+        };
+    };
 };
 export default _default;

package/lib/cjs/styles/themes/next-gen/variants/variants.js

@@ -15,6 +15,7 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.badges = exports.badgeDeleteButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _Attachment = _interopRequireDefault(require("../../../../components/AIComponents/Attachment/Attachment.styles"));
+var _Skeleton = _interopRequireDefault(require("../../../../components/Skeleton/Skeleton.styles"));
 var _codeView = _interopRequireDefault(require("../codeView/codeView"));
 var _avatar = require("./avatar");
 var _button = _interopRequireDefault(require("./button"));
@@ -334,6 +335,7 @@ var _default = {
   overlayPanel: overlayPanel,
   suggestions: _suggestions["default"],
   suggestion: _suggestion["default"],
-  response: _response["default"]
+  response: _response["default"],
+  skeleton: _Skeleton["default"]
 };
 exports["default"] = _default;

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

@@ -52,6 +52,7 @@ var _RangeCalendar = _interopRequireDefault(require("../../components/RangeCalen
 var _RockerButton = _interopRequireDefault(require("../../components/RockerButton/RockerButton.styles"));
 var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox/ScrollBox.styles"));
 var _Separator = _interopRequireDefault(require("../../components/Separator/Separator.styles"));
+var _Skeleton = _interopRequireDefault(require("../../components/Skeleton/Skeleton.styles"));
 var _Stepper = _interopRequireDefault(require("../../components/Stepper/Stepper.styles"));
 var _Table = _interopRequireDefault(require("../../components/Table/Table.styles"));
 var tab = _interopRequireWildcard(require("../../components/Tabs/Tabs.style"));
@@ -101,6 +102,7 @@ var _default = _objectSpread({
   scrollBox: _ScrollBox["default"],
   separator: _Separator["default"],
   stepper: _Stepper["default"],
+  skeleton: _Skeleton["default"],
   table: _Table["default"],
   timefield: _TimeField["default"],
   timeZone: _TimeZone["default"],

package/lib/cjs/types/index.d.ts

@@ -47,6 +47,7 @@ export * from './scrollBox';
 export * from './searchField';
 export * from './separator';
 export * from './shared';
+export * from './skeleton';
 export * from './switchField';
 export * from './tab';
 export * from './table';