@pingux/astro 1.38.1 → 1.39.0-alpha.1

package/lib/recipes/TrialExperienceIndustryButtons.stories.js

@@ -659,11 +659,11 @@ export var Default = function Default() {
   }, ___EmotionJSX(IconButton, {
     "aria-label": "Close modal window",
     "data-id": "icon-button__close-modal-window",
-    size: 22,
     variant: "modalCloseButton",
     onPress: state.close
   }, ___EmotionJSX(Icon, {
-    icon: CloseIcon
+    icon: CloseIcon,
+    size: "sm"
   })), ___EmotionJSX(Text, {
     sx: sx.headingTextStyle
   }, "Choose Your Industry"), ___EmotionJSX(Text, {

package/lib/recipes/TrialExperienceStatusBar.stories.js

@@ -269,7 +269,7 @@ var LinkRow = function LinkRow(props) {
     "aria-label": "completed step icon indicator"
   }, ___EmotionJSX(Icon, {
     icon: isSelected ? CheckCircleIcon : RadioButtonIcon,
-    size: isSelected ? '20px' : '18px',
+    size: "sm",
     sx: isSelected ? sx.linkRowIconButton : sx.linkRowIconNotSelected
   }))), !isLastLink && isLinkSelected && ___EmotionJSX(Separator, {
     sx: sx.linkRowSeparator,

package/lib/styles/templates/Nav/HeaderBar.js

@@ -20,7 +20,7 @@ var CustomPopoverMenu = function CustomPopoverMenu() {
     "aria-label": "default icon button"
   }, ___EmotionJSX(Icon, {
     icon: MenuDownIcon,
-    size: 15,
+    size: "xs",
     color: "neutral.30",
     sx: isOpen ? {
       transform: 'rotate(180deg)'

package/lib/styles/variants/bulletin.js

@@ -0,0 +1,41 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/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) { _defineProperty(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 = {
+  alignItems: 'center',
+  border: '1px solid',
+  borderColor: 'text.secondary',
+  fontSize: 'md',
+  p: '15px 12px 15px 0',
+  width: '600px'
+};
+
+var error = _objectSpread(_objectSpread({}, base), {}, {
+  borderColor: 'critical.bright'
+});
+
+var success = _objectSpread(_objectSpread({}, base), {}, {
+  borderColor: 'success.bright'
+});
+
+var warning = _objectSpread(_objectSpread({}, base), {}, {
+  borderColor: 'warning.bright'
+});
+
+export default {
+  base: base,
+  error: error,
+  success: success,
+  warning: warning
+};

package/lib/styles/variants/buttons.js

@@ -423,9 +423,12 @@ var chipDeleteStandard = {
 };
 
 var chipDeleteButton = _objectSpread(_objectSpread({}, chipDeleteStandard), {}, {
-  '&.is-focused, &.is-hovered': _objectSpread({
+  '&.is-focused': _objectSpread({
     bg: 'accent.40'
   }, focusWithCroppedOutline),
+  '&.is-hovered': {
+    bg: 'accent.40'
+  },
   '&.is-pressed': {
     bg: 'accent.20',
     borderColor: 'accent.20'

package/lib/styles/variants/variants.js

@@ -35,10 +35,12 @@ import table from './table';
 import * as tabs from './tabs';
 import tooltip from './tooltip';
 import collapsiblePanel from './collapsiblePanel';
+import bulletin from './bulletin';
 import dataTable from './../../components/DataTable/DataTable.styles';
 export default _objectSpread(_objectSpread({
   accordion: accordion,
   boxes: boxes,
+  bulletin: bulletin,
   codeView: codeView,
   images: images,
   imageUpload: imageUpload,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.38.1",
+  "version": "1.39.0-alpha.1",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",