@pingux/astro 2.129.0-alpha.5 → 2.129.0-alpha.6

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.
@@ -66,3 +66,4 @@ export declare const ColorBlockButton: {
66
66
  };
67
67
  };
68
68
  };
69
+ export declare const Filter: () => React.JSX.Element;
@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
12
12
  _Object$defineProperty(exports, "__esModule", {
13
13
  value: true
14
14
  });
15
- exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
15
+ exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.Filter = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
16
16
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
17
17
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
18
18
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -222,4 +222,10 @@ ColorBlockButton.parameters = {
222
222
  type: 'figma',
223
223
  url: _figmaLinks.FIGMA_LINKS.button.colorBlockButton
224
224
  }
225
- };
225
+ };
226
+ var Filter = function Filter() {
227
+ return (0, _react2.jsx)(_index.Button, {
228
+ variant: "filter"
229
+ }, "Filter Text");
230
+ };
231
+ exports.Filter = Filter;
@@ -890,5 +890,53 @@ declare const _default: {
890
890
  flexShrink: number;
891
891
  whiteSpace: string;
892
892
  };
893
+ filter: {
894
+ px: string;
895
+ borderColor: string;
896
+ height: number;
897
+ color: string;
898
+ display: string;
899
+ bg: string;
900
+ border: string;
901
+ '&.is-hovered': {
902
+ bg: string;
903
+ border: string;
904
+ borderColor: string;
905
+ color: string;
906
+ boxShadow: string;
907
+ };
908
+ '&.is-pressed': {
909
+ bg: string;
910
+ border: string;
911
+ borderColor: string;
912
+ color: string;
913
+ boxShadow: string;
914
+ path: {
915
+ fill: string;
916
+ };
917
+ };
918
+ '&.is-focused': {
919
+ outline: string;
920
+ outlineColor: string;
921
+ outlineOffset: string;
922
+ };
923
+ fontSize: string;
924
+ fontWeight: number;
925
+ fontFamily: string;
926
+ overflowWrap: import("../..").overflowWrap;
927
+ maxWidth: string;
928
+ wordWrap: import("../..").wordWrap;
929
+ wordBreak: import("../..").wordBreak;
930
+ cursor: string;
931
+ lineHeight: string;
932
+ minWidth: string;
933
+ padding: string;
934
+ outline: string;
935
+ alignItems: string;
936
+ justifyContent: string;
937
+ borderRadius: string;
938
+ flexShrink: number;
939
+ whiteSpace: string;
940
+ };
893
941
  };
894
942
  export default _default;
@@ -197,6 +197,13 @@ var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
197
197
  '&.is-pressed': _objectSpread({}, defaultActive),
198
198
  '&.is-focused': _objectSpread({}, defaultFocus)
199
199
  });
200
+ var filter = _objectSpread(_objectSpread({}, defaultVariant), {}, {
201
+ px: 'sm',
202
+ borderColor: 'neutral.80',
203
+ height: 40,
204
+ color: 'active',
205
+ display: 'flex'
206
+ });
200
207
  var colorBlock = {
201
208
  bg: 'neutral.95',
202
209
  border: '1px solid',
@@ -311,6 +318,7 @@ var _default = {
311
318
  primaryWithIcon: primaryWithIcon,
312
319
  quiet: quiet,
313
320
  success: success,
314
- withIcon: withIcon
321
+ withIcon: withIcon,
322
+ filter: filter
315
323
  };
316
324
  exports["default"] = _default;
@@ -207,4 +207,9 @@ ColorBlockButton.parameters = {
207
207
  type: 'figma',
208
208
  url: FIGMA_LINKS.button.colorBlockButton
209
209
  }
210
+ };
211
+ export var Filter = function Filter() {
212
+ return ___EmotionJSX(Button, {
213
+ variant: "filter"
214
+ }, "Filter Text");
210
215
  };
@@ -182,6 +182,13 @@ var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
182
182
  '&.is-pressed': _objectSpread({}, defaultActive),
183
183
  '&.is-focused': _objectSpread({}, defaultFocus)
184
184
  });
185
+ var filter = _objectSpread(_objectSpread({}, defaultVariant), {}, {
186
+ px: 'sm',
187
+ borderColor: 'neutral.80',
188
+ height: 40,
189
+ color: 'active',
190
+ display: 'flex'
191
+ });
185
192
  var colorBlock = {
186
193
  bg: 'neutral.95',
187
194
  border: '1px solid',
@@ -296,5 +303,6 @@ export default {
296
303
  primaryWithIcon: primaryWithIcon,
297
304
  quiet: quiet,
298
305
  success: success,
299
- withIcon: withIcon
306
+ withIcon: withIcon,
307
+ filter: filter
300
308
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.129.0-alpha.5",
3
+ "version": "2.129.0-alpha.6",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",