@pingux/astro 2.96.0-alpha.1 → 2.96.0-alpha.2

package/lib/cjs/components/IconWrapper/IconWrapper.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { IconWrapperProps } from '../../types/iconWrapper';
+import { IconWrapperProps } from '../../types';
 declare const IconWrapper: React.ForwardRefExoticComponent<IconWrapperProps & React.RefAttributes<HTMLElement>>;
 export default IconWrapper;

package/lib/cjs/components/IconWrapper/IconWrapper.js

@@ -34,7 +34,8 @@ var IconWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     size = props.size,
     title = props.title,
     className = props.className,
-    isCircle = props.isCircle;
+    isCircle = props.isCircle,
+    sx = props.sx;
   var _useTShirtSize = (0, _hooks.useTShirtSize)(_objectSpread({}, {
       size: size,
       sizes: _tShirtSizes.iconWrapperSizes
@@ -47,9 +48,9 @@ var IconWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     ref: ref,
     variant: "iconWrapper.".concat(size),
-    sx: {
+    sx: _objectSpread({
       backgroundColor: "iconWrapper.wrapper.".concat(color)
-    },
+    }, sx),
     className: classNames
   }, wrapperProps), (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
     icon: icon,

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

@@ -1,6 +1,7 @@
 import { BoxProps } from './box';
 import { IconProps, IconTypeExtended } from './icon';
-export interface IconWrapperProps {
+import { StyleProps } from './shared';
+export interface IconWrapperProps extends StyleProps {
     icon?: IconTypeExtended;
     iconProps?: IconProps;
     wrapperProps?: BoxProps;

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

@@ -21,6 +21,7 @@ export * from './icon';
 export * from './iconBadge';
 export * from './iconButton';
 export * from './iconButtonToggle';
+export * from './iconWrapper';
 export * from './input';
 export * from './item';
 export * from './label';

package/lib/cjs/types/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;
+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;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -260,8 +260,19 @@ _forEachInstanceProperty(_context23 = _Object$keys(_iconButtonToggle)).call(_con
     }
   });
 });
+var _iconWrapper = require("./iconWrapper");
+_forEachInstanceProperty(_context24 = _Object$keys(_iconWrapper)).call(_context24, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _iconWrapper[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _iconWrapper[key];
+    }
+  });
+});
 var _input = require("./input");
-_forEachInstanceProperty(_context24 = _Object$keys(_input)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_input)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_input)).call(_context24, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context25 = _Object$keys(_item)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_item)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_item)).call(_context25, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context26 = _Object$keys(_label)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_label)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_label)).call(_context26, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context27 = _Object$keys(_link)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_link)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_link)).call(_context27, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context28 = _Object$keys(_listBox)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_listBox)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_listBox)).call(_context28, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context29 = _Object$keys(_listItem)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_listItem)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_listItem)).call(_context29,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context30 = _Object$keys(_loader)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_loader)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_loader)).call(_context30, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context31 = _Object$keys(_menu)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_menu)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_menu)).call(_context31, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context32 = _Object$keys(_menuItem)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_menuItem)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_menuItem)).call(_context32,
   });
 });
 var _menuSection = require("./menuSection");
-_forEachInstanceProperty(_context33 = _Object$keys(_menuSection)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_menuSection)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuSection[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_menuSection)).call(_context3
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context34 = _Object$keys(_messages)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_messages)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_messages)).call(_context34,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context35 = _Object$keys(_Modal)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_Modal)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_Modal)).call(_context35, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context36 = _Object$keys(_navBar)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_navBar)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_navBar)).call(_context36, fu
   });
 });
 var _navSideBar = require("./navSideBar");
-_forEachInstanceProperty(_context37 = _Object$keys(_navSideBar)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_navSideBar)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navSideBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_navSideBar)).call(_context37
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context38 = _Object$keys(_overlayPanel)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_overlayPanel)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _passwordField = require("./passwordField");
-_forEachInstanceProperty(_context39 = _Object$keys(_passwordField)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_passwordField)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _passwordField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_passwordField)).call(_contex
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context40 = _Object$keys(_popoverContainer)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_popoverContainer)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context41 = _Object$keys(_popoverMenu)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_popoverMenu)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_popoverMenu)).call(_context4
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context42 = _Object$keys(_progressBar)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_progressBar)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +481,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_progressBar)).call(_context4
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context43 = _Object$keys(_requirementsList)).call(_context43, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_requirementsList)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -481,7 +492,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context44 = _Object$keys(_rockerButtonGroup)).call(_context44, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_rockerButtonGroup)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -492,7 +503,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context45 = _Object$keys(_scrollBox)).call(_context45, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_scrollBox)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -503,7 +514,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_scrollBox)).call(_context45,
   });
 });
 var _searchField = require("./searchField");
-_forEachInstanceProperty(_context46 = _Object$keys(_searchField)).call(_context46, function (key) {
+_forEachInstanceProperty(_context47 = _Object$keys(_searchField)).call(_context47, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _searchField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -514,7 +525,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_searchField)).call(_context4
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context47 = _Object$keys(_separator)).call(_context47, function (key) {
+_forEachInstanceProperty(_context48 = _Object$keys(_separator)).call(_context48, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -525,7 +536,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_separator)).call(_context47,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context48 = _Object$keys(_shared)).call(_context48, function (key) {
+_forEachInstanceProperty(_context49 = _Object$keys(_shared)).call(_context49, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -536,7 +547,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_shared)).call(_context48, fu
   });
 });
 var _switchField = require("./switchField");
-_forEachInstanceProperty(_context49 = _Object$keys(_switchField)).call(_context49, function (key) {
+_forEachInstanceProperty(_context50 = _Object$keys(_switchField)).call(_context50, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _switchField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -547,7 +558,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_switchField)).call(_context4
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context50 = _Object$keys(_tab)).call(_context50, function (key) {
+_forEachInstanceProperty(_context51 = _Object$keys(_tab)).call(_context51, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -558,7 +569,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_tab)).call(_context50, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context51 = _Object$keys(_table)).call(_context51, function (key) {
+_forEachInstanceProperty(_context52 = _Object$keys(_table)).call(_context52, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -569,7 +580,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_table)).call(_context51, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context52 = _Object$keys(_tabs)).call(_context52, function (key) {
+_forEachInstanceProperty(_context53 = _Object$keys(_tabs)).call(_context53, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -580,7 +591,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_tabs)).call(_context52, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context53 = _Object$keys(_text)).call(_context53, function (key) {
+_forEachInstanceProperty(_context54 = _Object$keys(_text)).call(_context54, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -591,7 +602,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_text)).call(_context53, func
   });
 });
 var _textField = require("./textField");
-_forEachInstanceProperty(_context54 = _Object$keys(_textField)).call(_context54, function (key) {
+_forEachInstanceProperty(_context55 = _Object$keys(_textField)).call(_context55, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _textField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -602,7 +613,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_textField)).call(_context54,
   });
 });
 var _timefield = require("./timefield");
-_forEachInstanceProperty(_context55 = _Object$keys(_timefield)).call(_context55, function (key) {
+_forEachInstanceProperty(_context56 = _Object$keys(_timefield)).call(_context56, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _timefield[key]) return;
   _Object$defineProperty(exports, key, {
@@ -613,7 +624,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_timefield)).call(_context55,
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context56 = _Object$keys(_tooltipTrigger)).call(_context56, function (key) {
+_forEachInstanceProperty(_context57 = _Object$keys(_tooltipTrigger)).call(_context57, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/IconWrapper/IconWrapper.js

@@ -23,7 +23,8 @@ var IconWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     size = props.size,
     title = props.title,
     className = props.className,
-    isCircle = props.isCircle;
+    isCircle = props.isCircle,
+    sx = props.sx;
   var _useTShirtSize = useTShirtSize(_objectSpread({}, {
       size: size,
       sizes: iconWrapperSizes
@@ -36,9 +37,9 @@ var IconWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
   return ___EmotionJSX(Box, _extends({
     ref: ref,
     variant: "iconWrapper.".concat(size),
-    sx: {
+    sx: _objectSpread({
       backgroundColor: "iconWrapper.wrapper.".concat(color)
-    },
+    }, sx),
     className: classNames
   }, wrapperProps), ___EmotionJSX(Icon, _extends({
     icon: icon,

package/lib/types/index.js

@@ -21,6 +21,7 @@ export * from './icon';
 export * from './iconBadge';
 export * from './iconButton';
 export * from './iconButtonToggle';
+export * from './iconWrapper';
 export * from './input';
 export * from './item';
 export * from './label';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.96.0-alpha.1",
+  "version": "2.96.0-alpha.2",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",