@pingux/astro 2.8.3-alpha.0 → 2.8.4-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.8.3](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@2.8.2...@pingux/astro@2.8.3) (2023-07-25)
+
+
+### Bug Fixes
+
+* [UIP-6357] update supported languages link ([440b80c](https://gitlab.corp.pingidentity.com/ux/pingux/commit/440b80cdb136a77f78108907095c72faeb587bfb))
+
+
+
+
+
 ## [2.8.2](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@2.8.1...@pingux/astro@2.8.2) (2023-07-20)
 
 

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

@@ -12,14 +12,13 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.FilterButton = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
+exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _AddCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/AddCircleIcon"));
 var _CreateIcon = _interopRequireDefault(require("@pingux/mdi-react/CreateIcon"));
-var _FilterIcon = _interopRequireDefault(require("@pingux/mdi-react/FilterIcon"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
@@ -119,24 +118,6 @@ ColorBlockButton.argTypes = {
     defaultValue: false
   }
 };
-var FilterButton = function FilterButton() {
-  return (0, _react2.jsx)(_index.Box, {
-    p: "xx",
-    isRow: true,
-    gap: "md"
-  }, (0, _react2.jsx)(_index.SearchField, {
-    "aria-label": "search items"
-  }), (0, _react2.jsx)(_index.Button, {
-    variant: "filter",
-    "aria-label": "filter button"
-  }, (0, _react2.jsx)(_index.Icon, {
-    icon: _FilterIcon["default"],
-    title: {
-      name: 'Filter Icon'
-    }
-  })));
-};
-exports.FilterButton = FilterButton;
 var Critical = function Critical() {
   return (0, _react2.jsx)(_index.Button, {
     variant: "critical"

package/lib/cjs/components/SearchField/SearchField.js

@@ -81,7 +81,7 @@ var SearchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, fieldControlInputProps)), icon && (0, _react2.jsx)(_.Icon, (0, _extends2["default"])({
     icon: icon,
     variant: "forms.search.icon",
-    size: 22,
+    size: 20,
     title: {
       name: 'Search Icon'
     }

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

@@ -14,12 +14,13 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NoClearButton = exports.Default = exports.CustomIcon = exports.ControlledWithDebouncedInput = exports.Controlled = void 0;
+exports["default"] = exports.WithFilter = exports.NoClearButton = exports.Default = exports.CustomIcon = exports.ControlledWithDebouncedInput = exports.Controlled = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _AccountGroupIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountGroupIcon"));
+var _FilterIcon = _interopRequireDefault(require("@pingux/mdi-react/FilterIcon"));
 var _SearchIcon = _interopRequireDefault(require("@pingux/mdi-react/SearchIcon"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _hooks = require("../../hooks");
@@ -146,4 +147,21 @@ var ControlledWithDebouncedInput = function ControlledWithDebouncedInput() {
     mt: "xs"
   }, "Debounced value: ".concat(debouncedSearchText)));
 };
-exports.ControlledWithDebouncedInput = ControlledWithDebouncedInput;
+exports.ControlledWithDebouncedInput = ControlledWithDebouncedInput;
+var WithFilter = function WithFilter() {
+  return (0, _react2.jsx)(_index.Box, {
+    p: "xx",
+    isRow: true,
+    gap: "md"
+  }, (0, _react2.jsx)(_index.SearchField, {
+    "aria-label": "search items",
+    placeholder: "Search",
+    size: "container.xs"
+  }), (0, _react2.jsx)(_index.Button, {
+    variant: "filter",
+    "aria-label": "filter button"
+  }, (0, _react2.jsx)(_index.Icon, {
+    icon: _FilterIcon["default"]
+  })));
+};
+exports.WithFilter = WithFilter;

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

@@ -15,10 +15,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import AddCircleIcon from '@pingux/mdi-react/AddCircleIcon';
 import CreateIcon from '@pingux/mdi-react/CreateIcon';
-import FilterIcon from '@pingux/mdi-react/FilterIcon';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Box, Button, Icon, SearchField, Text } from '../../index';
+import { Box, Button, Icon, Text } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.js';
 import ButtonReadme from './Button.mdx';
 import { buttonArgTypes } from './buttonAttributes';
@@ -106,23 +105,6 @@ ColorBlockButton.argTypes = {
     defaultValue: false
   }
 };
-export var FilterButton = function FilterButton() {
-  return ___EmotionJSX(Box, {
-    p: "xx",
-    isRow: true,
-    gap: "md"
-  }, ___EmotionJSX(SearchField, {
-    "aria-label": "search items"
-  }), ___EmotionJSX(Button, {
-    variant: "filter",
-    "aria-label": "filter button"
-  }, ___EmotionJSX(Icon, {
-    icon: FilterIcon,
-    title: {
-      name: 'Filter Icon'
-    }
-  })));
-};
 export var Critical = function Critical() {
   return ___EmotionJSX(Button, {
     variant: "critical"

package/lib/components/SearchField/SearchField.js

@@ -70,7 +70,7 @@ var SearchField = /*#__PURE__*/forwardRef(function (props, ref) {
   }, fieldControlInputProps)), icon && ___EmotionJSX(Icon, _extends({
     icon: icon,
     variant: "forms.search.icon",
-    size: 22,
+    size: 20,
     title: {
       name: 'Search Icon'
     }

package/lib/components/SearchField/SearchField.stories.js

@@ -13,10 +13,11 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 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; }
 import React, { useState } from 'react';
 import Users from '@pingux/mdi-react/AccountGroupIcon';
+import FilterIcon from '@pingux/mdi-react/FilterIcon';
 import SearchIcon from '@pingux/mdi-react/SearchIcon';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { useDebounce } from '../../hooks';
-import { Box, SearchField, Text } from '../../index';
+import { Box, Button, Icon, SearchField, Text } from '../../index';
 import { ariaAttributeBaseArgTypes, ariaAttributeBaseDocSettings } from '../../utils/docUtils/ariaAttributes';
 import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
 import SearchFieldReadme from './SearchField.mdx';
@@ -133,4 +134,20 @@ export var ControlledWithDebouncedInput = function ControlledWithDebouncedInput(
   }), ___EmotionJSX(Text, {
     mt: "xs"
   }, "Debounced value: ".concat(debouncedSearchText)));
+};
+export var WithFilter = function WithFilter() {
+  return ___EmotionJSX(Box, {
+    p: "xx",
+    isRow: true,
+    gap: "md"
+  }, ___EmotionJSX(SearchField, {
+    "aria-label": "search items",
+    placeholder: "Search",
+    size: "container.xs"
+  }), ___EmotionJSX(Button, {
+    variant: "filter",
+    "aria-label": "filter button"
+  }, ___EmotionJSX(Icon, {
+    icon: FilterIcon
+  })));
 };

package/package.json

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