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

package/lib/cjs/components/Button/Button.stories.d.ts

@@ -66,3 +66,4 @@ export declare const ColorBlockButton: {
         };
     };
 };
+export declare const Filter: () => React.JSX.Element;

package/lib/cjs/components/Button/Button.stories.js

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
+exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.Filter = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -222,4 +222,10 @@ ColorBlockButton.parameters = {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.button.colorBlockButton
   }
-};
+};
+var Filter = function Filter() {
+  return (0, _react2.jsx)(_index.Button, {
+    variant: "filter"
+  }, "Filter Text");
+};
+exports.Filter = Filter;

package/lib/cjs/components/Button/Buttons.styles.d.ts

@@ -890,5 +890,53 @@ declare const _default: {
         flexShrink: number;
         whiteSpace: string;
     };
+    filter: {
+        px: string;
+        borderColor: string;
+        height: number;
+        color: string;
+        display: string;
+        bg: string;
+        border: string;
+        '&.is-hovered': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+            border: string;
+            borderColor: string;
+            color: string;
+            boxShadow: string;
+            path: {
+                fill: string;
+            };
+        };
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+        fontSize: string;
+        fontWeight: number;
+        fontFamily: string;
+        overflowWrap: import("../..").overflowWrap;
+        maxWidth: string;
+        wordWrap: import("../..").wordWrap;
+        wordBreak: import("../..").wordBreak;
+        cursor: string;
+        lineHeight: string;
+        minWidth: string;
+        padding: string;
+        outline: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRadius: string;
+        flexShrink: number;
+        whiteSpace: string;
+    };
 };
 export default _default;

package/lib/cjs/components/Button/Buttons.styles.js

@@ -197,6 +197,13 @@ var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
   '&.is-pressed': _objectSpread({}, defaultActive),
   '&.is-focused': _objectSpread({}, defaultFocus)
 });
+var filter = _objectSpread(_objectSpread({}, defaultVariant), {}, {
+  px: 'sm',
+  borderColor: 'neutral.80',
+  height: 40,
+  color: 'active',
+  display: 'flex'
+});
 var colorBlock = {
   bg: 'neutral.95',
   border: '1px solid',
@@ -311,6 +318,7 @@ var _default = {
   primaryWithIcon: primaryWithIcon,
   quiet: quiet,
   success: success,
-  withIcon: withIcon
+  withIcon: withIcon,
+  filter: filter
 };
 exports["default"] = _default;

package/lib/components/Button/Button.stories.js

@@ -207,4 +207,9 @@ ColorBlockButton.parameters = {
     type: 'figma',
     url: FIGMA_LINKS.button.colorBlockButton
   }
+};
+export var Filter = function Filter() {
+  return ___EmotionJSX(Button, {
+    variant: "filter"
+  }, "Filter Text");
 };

package/lib/components/Button/Buttons.styles.js

@@ -182,6 +182,13 @@ var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
   '&.is-pressed': _objectSpread({}, defaultActive),
   '&.is-focused': _objectSpread({}, defaultFocus)
 });
+var filter = _objectSpread(_objectSpread({}, defaultVariant), {}, {
+  px: 'sm',
+  borderColor: 'neutral.80',
+  height: 40,
+  color: 'active',
+  display: 'flex'
+});
 var colorBlock = {
   bg: 'neutral.95',
   border: '1px solid',
@@ -296,5 +303,6 @@ export default {
   primaryWithIcon: primaryWithIcon,
   quiet: quiet,
   success: success,
-  withIcon: withIcon
+  withIcon: withIcon,
+  filter: filter
 };

package/package.json

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