@pingux/astro 2.91.0 → 2.92.0-alpha.1

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    pingLogoHorizontalSmall: import("react").JSX.Element;
+    MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+    MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+};
+export default _default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.js

@@ -0,0 +1,24 @@
+"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"));
+var _logos = require("../../../../utils/devUtils/constants/logos");
+var _icons = _interopRequireDefault(require("../../../themes/next-gen/customProperties/icons"));
+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 _default = _objectSpread(_objectSpread({}, _icons["default"]), {}, {
+  pingLogoHorizontalSmall: _logos.pingLogoHorizontalSmallWhite
+});
+exports["default"] = _default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const nextGenDarkThemeValues: {
+    icons: {
+        pingLogoHorizontalSmall: import("react").JSX.Element;
+        MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
+        MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
+    };
+    styles: {
+        navButtonEstHeight: number;
+    };
+};

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.js

@@ -0,0 +1,24 @@
+"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.nextGenDarkThemeValues = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _customProperties = require("../../../themes/next-gen/customProperties");
+var _icons = _interopRequireDefault(require("./icons"));
+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 nextGenDarkThemeValues = _objectSpread(_objectSpread({}, _customProperties.nextGenThemeValues), {}, {
+  icons: _icons["default"]
+});
+exports.nextGenDarkThemeValues = nextGenDarkThemeValues;

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

@@ -0,0 +1 @@
+export { default } from './nextGenDarkModeOverride';

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

@@ -0,0 +1,14 @@
+"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
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _nextGenDarkModeOverride["default"];
+  }
+});
+var _nextGenDarkModeOverride = _interopRequireDefault(require("./nextGenDarkModeOverride"));

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

@@ -0,0 +1,2 @@
+declare const NextGenDarkTheme: import("theme-ui").Theme;
+export default NextGenDarkTheme;

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

@@ -0,0 +1,31 @@
+"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 _themeUi = require("theme-ui");
+var _themes = require("../../../utils/devUtils/constants/themes");
+var _nextGen = _interopRequireDefault(require("../../themes/next-gen"));
+var _badges = _interopRequireDefault(require("./variants/badges"));
+var _buttons = _interopRequireDefault(require("./variants/buttons"));
+var _cards = _interopRequireDefault(require("./variants/cards"));
+var _forms = _interopRequireDefault(require("./variants/forms"));
+var _links = _interopRequireDefault(require("./variants/links"));
+var _variants = _interopRequireDefault(require("./variants/variants"));
+var _colors = require("./colors");
+var override = {
+  forms: _forms["default"],
+  colors: _colors.colors,
+  variants: _variants["default"],
+  buttons: _buttons["default"],
+  badges: _badges["default"],
+  links: _links["default"],
+  cards: _cards["default"],
+  name: _themes.themes.NEXT_GEN_DARK
+};
+var NextGenDarkTheme = (0, _themeUi.merge)(_nextGen["default"], override);
+var _default = NextGenDarkTheme;
+exports["default"] = _default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkDataTable.chomatic.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/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkDataTable.chomatic.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 _DataTableNextGenComponent = require("../../../themes/next-gen/stories/DataTableNextGenComponent");
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Chromatic Only NextGen Dark DataTable'
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    themeOverrides: [_.NextGenDarkTheme]
+  }, (0, _react2.jsx)(_DataTableNextGenComponent.DataTableNextGenComponent, null));
+};
+exports.Default = Default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkListView.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/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkListView.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 _ListViewNextGenComponent = require("../../../themes/next-gen/stories/ListViewNextGenComponent");
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Chromatic Only NextGen Dark ListView'
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    themeOverrides: [_.NextGenDarkTheme]
+  }, (0, _react2.jsx)(_ListViewNextGenComponent.ListViewNextGen, null));
+};
+exports.Default = Default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkNavStory.chomatic.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/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkNavStory.chomatic.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 _NavBarNextGenComponent = require("../../../themes/next-gen/stories/NavBarNextGenComponent");
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Chromatic Only NextGen Dark NavBar'
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    themeOverrides: [_.NextGenDarkTheme]
+  }, (0, _react2.jsx)(_NavBarNextGenComponent.NavBarNextGenComponent, null));
+};
+exports.Default = Default;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkStickerSheet.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/styles/themeOverrides/nextGenDarkMode/stories/NextGenDarkStickerSheet.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 _StickerSheetComponent = _interopRequireDefault(require("../../../themes/next-gen/stories/StickerSheetComponent"));
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Chromatic Only NextGen Dark Sticker Sheet'
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return (0, _react2.jsx)(_.AstroProvider, {
+    themeOverrides: [_.NextGenDarkTheme]
+  }, (0, _react2.jsx)(_StickerSheetComponent["default"], null));
+};
+exports.Default = Default;

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

@@ -0,0 +1,43 @@
+export declare const avatar: {
+    backgroundColor: string;
+    color: string;
+    cursor: string;
+    '&.is-orange': {
+        backgroundColor: string;
+        color: string;
+    };
+    '&.is-green': {
+        backgroundColor: string;
+        color: string;
+    };
+    '&.is-purple': {
+        backgroundColor: string;
+        color: string;
+    };
+    '&.is-pink': {
+        backgroundColor: string;
+        color: string;
+    };
+    '&.is-red': {
+        backgroundColor: string;
+        color: string;
+    };
+    '&.is-yellow': {
+        backgroundColor: string;
+        color: string;
+    };
+    '&.is-cyan': {
+        backgroundColor: string;
+        color: string;
+    };
+    '&.is-teal': {
+        backgroundColor: string;
+        color: string;
+    };
+    display: string;
+    borderRadius: string;
+    textAlign: string;
+    alignItems: string;
+    justifyContent: string;
+    fontFamily: string;
+};

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatar = void 0;
+var avatar = {
+  backgroundColor: 'cyan',
+  color: 'black',
+  cursor: 'pointer',
+  '&.is-orange': {
+    backgroundColor: 'orange',
+    color: 'black'
+  },
+  '&.is-green': {
+    backgroundColor: 'green',
+    color: 'black'
+  },
+  '&.is-purple': {
+    backgroundColor: 'purple',
+    color: 'black'
+  },
+  '&.is-pink': {
+    backgroundColor: 'pink',
+    color: 'black'
+  },
+  '&.is-red': {
+    backgroundColor: 'red',
+    color: 'black'
+  },
+  '&.is-yellow': {
+    backgroundColor: 'yellow',
+    color: 'black'
+  },
+  '&.is-cyan': {
+    backgroundColor: 'cyan',
+    color: 'black'
+  },
+  '&.is-teal': {
+    backgroundColor: 'teal',
+    color: 'black'
+  },
+  display: 'flex',
+  borderRadius: '50%',
+  textAlign: 'center',
+  alignItems: 'center',
+  justifyContent: 'center',
+  fontFamily: 'standard'
+};
+exports.avatar = avatar;

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

@@ -0,0 +1,92 @@
+declare const badges: {
+    primary: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+        };
+    };
+    secondary: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    baseBadge: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+        };
+    };
+    success: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+        };
+    };
+    danger: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+        };
+    };
+    warning: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+        };
+    };
+    info: {
+        backgroundColor: string;
+        '& span': {
+            fontSize: string;
+            fontWeight: number;
+            color: string;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    dark: {
+        backgroundColor: string;
+        '& span': {
+            color: string;
+        };
+    };
+    selectedItemBadge: {
+        backgroundColor: string;
+        paddingRight: string;
+        pl: string;
+        '& span': {
+            fontSize: string;
+            color: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+};
+export default badges;

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

@@ -0,0 +1,96 @@
+"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 badgeFont = {
+  fontSize: '11.25px',
+  fontWeight: 2
+};
+var baseBadge = {
+  alignItems: 'center',
+  justifyContent: 'center',
+  py: '.25em',
+  px: '.4em',
+  borderRadius: '4px',
+  fontSize: '11.25px',
+  alignSelf: 'flex-start',
+  display: 'inline-flex !important',
+  width: 'fit-content',
+  '& span': _objectSpread({}, badgeFont)
+};
+var badges = {
+  primary: {
+    backgroundColor: '#1a73e8 !important',
+    '& span': {
+      color: 'black'
+    }
+  },
+  secondary: _objectSpread(_objectSpread({}, baseBadge), {}, {
+    backgroundColor: '#324054 !important',
+    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+      color: 'gray-400'
+    })
+  }),
+  baseBadge: {
+    backgroundColor: '#324054 !important',
+    '& span': {
+      color: 'dark'
+    }
+  },
+  success: {
+    backgroundColor: '#2ed47a !important',
+    '& span': {
+      color: 'black'
+    }
+  },
+  danger: {
+    backgroundColor: '#f7685b !important',
+    '& span': {
+      color: 'black'
+    }
+  },
+  warning: {
+    backgroundColor: '#984c0c !important',
+    '& span': {
+      color: 'black'
+    }
+  },
+  info: _objectSpread(_objectSpread({}, baseBadge), {}, {
+    backgroundColor: '#324054 !important',
+    '& span': _objectSpread({
+      color: 'dark'
+    }, badgeFont)
+  }),
+  dark: {
+    backgroundColor: '#c0c9d5 !important',
+    '& span': {
+      color: 'gray-900'
+    }
+  },
+  selectedItemBadge: _objectSpread(_objectSpread({}, baseBadge), {}, {
+    backgroundColor: '#1a73e8 !important',
+    paddingRight: '0px !important',
+    pl: '10px',
+    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+      fontSize: '14px',
+      color: 'gray-400',
+      fontWeight: 400
+    })
+  })
+};
+var _default = badges;
+exports["default"] = _default;

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

@@ -0,0 +1,82 @@
+declare const buttons: {
+    primary: {
+        color: string;
+        '&.is-hovered': {
+            color: string;
+        };
+        '&.is-pressed': {
+            color: string;
+        };
+    };
+    neutral: {
+        color: string;
+    };
+    critical: {
+        color: string;
+        '&.is-hovered': {
+            color: string;
+        };
+        '&.is-pressed': {
+            color: string;
+        };
+    };
+    default: {
+        '&.is-pressed': {
+            color: string;
+        };
+        '&.is-hovered': {
+            color: string;
+        };
+    };
+    link: {
+        color: string;
+        '&.is-pressed': {
+            textDecoration: string;
+            outline: string;
+            color: string;
+        };
+        '&.is-focused': {
+            textDecoration: string;
+            color: string;
+            outline: string;
+        };
+    };
+    iconButtons: {
+        base: {
+            path: {
+                fill: string;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            '&.is-hovered': {
+                path: {
+                    fill: string;
+                };
+                backgroundColor: string;
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+        };
+        nextGen: {
+            '&.is-hovered': {
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-pressed': {
+                path: {
+                    fill: string;
+                };
+            };
+        };
+    };
+};
+export default buttons;