@pingux/astro 1.37.2-alpha.2 → 1.38.0-alpha.0

package/lib/styles/variants/boxes.js

@@ -173,7 +173,10 @@ var multivaluesChip = _objectSpread(_objectSpread({}, chip), {}, {
   cursor: 'default',
   m: 5,
   mr: 10,
-  ml: 0
+  ml: 0,
+  '& span': {
+    mr: '2px'
+  }
 });
 
 var selectedItemChip = _objectSpread(_objectSpread({}, multivaluesChip), {}, {
@@ -188,6 +191,18 @@ var readOnlyChip = _objectSpread(_objectSpread({}, multivaluesChip), {}, {
   borderColor: 'neutral.80'
 });
 
+var itemChipWithSlot = _objectSpread(_objectSpread({}, readOnlyChip), {}, {
+  p: 3,
+  my: 0,
+  backgroundColor: 'white',
+  '& span': {
+    color: 'text.primary',
+    mr: '2px',
+    lineHeight: '16px'
+  },
+  maxHeight: '22px'
+});
+
 var inputInContainerSlot = {
   position: 'absolute',
   bg: 'transparent',
@@ -386,6 +401,7 @@ export default {
   environmentChip: environmentChip,
   expandableRow: expandableRow,
   inputInContainerSlot: inputInContainerSlot,
+  itemChipWithSlot: itemChipWithSlot,
   textFieldInContainerSlot: textFieldInContainerSlot,
   fileInputFieldWrapper: fileInputFieldWrapper,
   listItem: listItem,

package/lib/styles/variants/buttons.js

@@ -413,13 +413,16 @@ var quiet = {
   all: 'unset',
   display: 'flex'
 };
-var chipDeleteButton = {
+var chipDeleteStandard = {
   borderRadius: '50%',
   cursor: 'pointer',
   height: 14,
-  mx: '3px !important',
   p: 0,
   width: 14,
+  mx: '3px !important'
+};
+
+var chipDeleteButton = _objectSpread(_objectSpread({}, chipDeleteStandard), {}, {
   '&.is-focused, &.is-hovered': _objectSpread({
     bg: 'accent.40'
   }, focusWithCroppedOutline),
@@ -427,7 +430,26 @@ var chipDeleteButton = {
     bg: 'accent.20',
     borderColor: 'accent.20'
   }
-};
+});
+
+var chipWithSlotDeleteButton = _objectSpread(_objectSpread({}, chipDeleteStandard), {}, {
+  path: {
+    fill: 'neutral.40'
+  },
+  '&.is-focused': _objectSpread({}, defaultFocus),
+  '&.is-hovered': {
+    backgroundColor: '#e5e9f8 !important',
+    path: {
+      fill: 'neutral.40'
+    }
+  },
+  '&.is-pressed': {
+    'path': {
+      fill: 'white'
+    },
+    bg: '#4462ED !important'
+  }
+});
 
 var rocker = _objectSpread(_objectSpread({}, base), {}, {
   border: '0',
@@ -719,6 +741,7 @@ var navBarSectionButton = _objectSpread(_objectSpread({}, quiet), {}, {
 export default {
   accordionHeader: accordionHeader,
   chipDeleteButton: chipDeleteButton,
+  chipWithSlotDeleteButton: chipWithSlotDeleteButton,
   close: close,
   colorField: colorField,
   comboBox: comboBox,

package/package.json

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