@commercetools-uikit/filters 19.12.1 → 19.13.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.
@@ -6,24 +6,19 @@ var designSystem = require('@commercetools-uikit/design-system');
6
6
  var jsxRuntime = require('@emotion/react/jsx-runtime');
7
7
 
8
8
  function Filters(props) {
9
- return jsxRuntime.jsxs("div", {
9
+ return jsxRuntime.jsx("div", {
10
10
  style: {
11
11
  display: 'flex',
12
- gap: designSystem.designTokens.spacing20
12
+ gap: designSystem.designTokens.spacing40
13
13
  },
14
- children: [jsxRuntime.jsx("div", {
14
+ children: props.label && jsxRuntime.jsx("span", {
15
15
  children: props.label
16
- }), jsxRuntime.jsx("div", {
17
- style: {
18
- display: 'flex',
19
- gap: designSystem.designTokens.spacing20
20
- }
21
- })]
16
+ })
22
17
  });
23
18
  }
24
19
 
25
20
  // NOTE: This string will be replaced on build time with the package version.
26
- var version = "19.12.1";
21
+ var version = "19.13.0";
27
22
 
28
23
  exports["default"] = Filters;
29
24
  exports.version = version;
@@ -6,24 +6,19 @@ var designSystem = require('@commercetools-uikit/design-system');
6
6
  var jsxRuntime = require('@emotion/react/jsx-runtime');
7
7
 
8
8
  function Filters(props) {
9
- return jsxRuntime.jsxs("div", {
9
+ return jsxRuntime.jsx("div", {
10
10
  style: {
11
11
  display: 'flex',
12
- gap: designSystem.designTokens.spacing20
12
+ gap: designSystem.designTokens.spacing40
13
13
  },
14
- children: [jsxRuntime.jsx("div", {
14
+ children: props.label && jsxRuntime.jsx("span", {
15
15
  children: props.label
16
- }), jsxRuntime.jsx("div", {
17
- style: {
18
- display: 'flex',
19
- gap: designSystem.designTokens.spacing20
20
- }
21
- })]
16
+ })
22
17
  });
23
18
  }
24
19
 
25
20
  // NOTE: This string will be replaced on build time with the package version.
26
- var version = "19.12.1";
21
+ var version = "19.13.0";
27
22
 
28
23
  exports["default"] = Filters;
29
24
  exports.version = version;
@@ -1,24 +1,19 @@
1
1
  import { designTokens } from '@commercetools-uikit/design-system';
2
- import { jsxs, jsx } from '@emotion/react/jsx-runtime';
2
+ import { jsx } from '@emotion/react/jsx-runtime';
3
3
 
4
4
  function Filters(props) {
5
- return jsxs("div", {
5
+ return jsx("div", {
6
6
  style: {
7
7
  display: 'flex',
8
- gap: designTokens.spacing20
8
+ gap: designTokens.spacing40
9
9
  },
10
- children: [jsx("div", {
10
+ children: props.label && jsx("span", {
11
11
  children: props.label
12
- }), jsx("div", {
13
- style: {
14
- display: 'flex',
15
- gap: designTokens.spacing20
16
- }
17
- })]
12
+ })
18
13
  });
19
14
  }
20
15
 
21
16
  // NOTE: This string will be replaced on build time with the package version.
22
- var version = "19.12.1";
17
+ var version = "19.13.0";
23
18
 
24
19
  export { Filters as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/filters",
3
3
  "description": "The `Filters` component displays filter controls.",
4
- "version": "19.12.1",
4
+ "version": "19.13.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,11 +21,15 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
+ "@commercetools-uikit/constraints": "workspace:^",
24
25
  "@commercetools-uikit/design-system": "workspace:^",
25
26
  "@commercetools-uikit/dropdown-menu": "workspace:^",
27
+ "@commercetools-uikit/icons": "workspace:^",
28
+ "@commercetools-uikit/secondary-icon-button": "workspace:^",
26
29
  "@commercetools-uikit/utils": "workspace:^",
27
30
  "@emotion/react": "^11.10.5",
28
31
  "@emotion/styled": "^11.10.5",
32
+ "@radix-ui/react-popover": "^1.1.2",
29
33
  "prop-types": "15.8.1",
30
34
  "react-intl": "^6.3.2"
31
35
  },