@pingux/astro 1.19.1-alpha.0 → 1.20.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/components/Chip/Chip.stories.js +6 -5
  2. package/lib/cjs/styles/variants/boxes.js +12 -5
  3. package/lib/components/Chip/Chip.stories.js +4 -3
  4. package/lib/styles/variants/boxes.js +12 -5
  5. package/package.json +1 -1
package/lib/cjs/components/Chip/Chip.stories.js CHANGED
@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
 
11
- exports["default"] = exports.Default = exports.Count = exports.ChipWithIcon = exports.ChipWithCustomColors = void 0;
11
+ exports["default"] = exports.Default = exports.CountChip = exports.ChipWithIcon = exports.ChipWithCustomColors = void 0;
12
12
 
13
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
14
14
 
@@ -90,20 +90,21 @@ var Default = function Default(_ref5) {
90
90
 
91
91
  exports.Default = Default;
92
92
 
93
- var Count = function Count(_ref6) {
93
+ var CountChip = function CountChip(_ref6) {
94
94
  var args = (0, _extends2["default"])({}, _ref6);
95
95
  return (0, _react2.jsx)(_Box["default"], null, (0, _react2.jsx)(_Chip["default"], (0, _extends2["default"])({
96
96
  color: "white"
97
97
  }, args, {
98
98
  label: "1",
99
- variant: "boxes.chipCount"
100
- })), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_Chip["default"], (0, _extends2["default"])({}, args, {
99
+ variant: "boxes.countChip",
100
+ mb: "12px"
101
+ })), (0, _react2.jsx)(_Chip["default"], (0, _extends2["default"])({}, args, {
101
102
  label: "1",
102
103
  variant: "boxes.countNeutral"
103
104
  })));
104
105
  };
105
106
 
106
- exports.Count = Count;
107
+ exports.CountChip = CountChip;
107
108
 
108
109
  var ChipWithCustomColors = function ChipWithCustomColors() {
109
110
  return (0, _react2.jsx)(_Chip["default"], {
package/lib/cjs/styles/variants/boxes.js CHANGED
@@ -137,17 +137,24 @@ exports.chip = chip;
137
137
  var countDefault = _objectSpread(_objectSpread({}, chip), {}, {
138
138
  width: 'fit-content',
139
139
  minWidth: '17px',
140
- height: '17px'
140
+ minHeight: '17px',
141
+ p: '2px 5px 2px 5px',
142
+ '& span': {
143
+ fontSize: '11px',
144
+ textTransform: 'uppercase'
145
+ }
141
146
  });
142
147
 
143
- var chipCount = _objectSpread(_objectSpread({}, countDefault), {}, {
148
+ var countChip = _objectSpread(_objectSpread({}, countDefault), {}, {
144
149
  backgroundColor: '#640099 !important'
145
150
  });
146
151
 
147
- var countNeutral = _objectSpread(_objectSpread({}, chipCount), {}, {
152
+ var countNeutral = _objectSpread(_objectSpread({}, countDefault), {}, {
148
153
  backgroundColor: '#E4E6E9 !important',
149
154
  '& span': {
150
- color: 'neutral.20'
155
+ color: 'neutral.20',
156
+ fontSize: '11px',
157
+ textTransform: 'uppercase'
151
158
  }
152
159
  });
153
160
 
@@ -353,7 +360,7 @@ var _default = {
353
360
  base: base,
354
361
  card: card,
355
362
  chip: chip,
356
- chipCount: chipCount,
363
+ countChip: countChip,
357
364
  countNeutral: countNeutral,
358
365
  selectedItemChip: selectedItemChip,
359
366
  readOnlyChip: readOnlyChip,
package/lib/components/Chip/Chip.stories.js CHANGED
@@ -61,15 +61,16 @@ export var Default = function Default(_ref5) {
61
61
  color: "white"
62
62
  }, args));
63
63
  };
64
- export var Count = function Count(_ref6) {
64
+ export var CountChip = function CountChip(_ref6) {
65
65
  var args = _extends({}, _ref6);
66
66
 
67
67
  return ___EmotionJSX(Box, null, ___EmotionJSX(Chip, _extends({
68
68
  color: "white"
69
69
  }, args, {
70
70
  label: "1",
71
- variant: "boxes.chipCount"
72
- })), ___EmotionJSX("br", null), ___EmotionJSX(Chip, _extends({}, args, {
71
+ variant: "boxes.countChip",
72
+ mb: "12px"
73
+ })), ___EmotionJSX(Chip, _extends({}, args, {
73
74
  label: "1",
74
75
  variant: "boxes.countNeutral"
75
76
  })));
package/lib/styles/variants/boxes.js CHANGED
@@ -117,17 +117,24 @@ export var chip = {
117
117
  var countDefault = _objectSpread(_objectSpread({}, chip), {}, {
118
118
  width: 'fit-content',
119
119
  minWidth: '17px',
120
- height: '17px'
120
+ minHeight: '17px',
121
+ p: '2px 5px 2px 5px',
122
+ '& span': {
123
+ fontSize: '11px',
124
+ textTransform: 'uppercase'
125
+ }
121
126
  });
122
127
 
123
- var chipCount = _objectSpread(_objectSpread({}, countDefault), {}, {
128
+ var countChip = _objectSpread(_objectSpread({}, countDefault), {}, {
124
129
  backgroundColor: '#640099 !important'
125
130
  });
126
131
 
127
- var countNeutral = _objectSpread(_objectSpread({}, chipCount), {}, {
132
+ var countNeutral = _objectSpread(_objectSpread({}, countDefault), {}, {
128
133
  backgroundColor: '#E4E6E9 !important',
129
134
  '& span': {
130
- color: 'neutral.20'
135
+ color: 'neutral.20',
136
+ fontSize: '11px',
137
+ textTransform: 'uppercase'
131
138
  }
132
139
  });
133
140
 
@@ -333,7 +340,7 @@ export default {
333
340
  base: base,
334
341
  card: card,
335
342
  chip: chip,
336
- chipCount: chipCount,
343
+ countChip: countChip,
337
344
  countNeutral: countNeutral,
338
345
  selectedItemChip: selectedItemChip,
339
346
  readOnlyChip: readOnlyChip,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.19.1-alpha.0",
3
+ "version": "1.20.0-alpha.0",
4
4
  "description": "PingUX themeable React component library",
5
5
  "author": "ux-development@pingidentity.com",
6
6
  "license": "Apache-2.0",