@janbox/storefront-ui 6.0.6 → 6.0.7
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.
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
const SvgMinus = (props) => /* @__PURE__ */ React.createElement("svg", { fill: "currentColor", width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M19,13H5a1,1,0,0,1,0-2H19a1,1,0,0,1,0,2Z" }));
|
|
1
|
+
const MinusIcon = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19,13H5a1,1,0,0,1,0-2H19a1,1,0,0,1,0,2Z"></path></svg>';
|
|
3
2
|
export {
|
|
4
|
-
|
|
3
|
+
MinusIcon as default
|
|
5
4
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
const SvgMinus = (props) => /* @__PURE__ */ React.createElement("svg", { fill: "currentColor", width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M19,13H5a1,1,0,0,1,0-2H19a1,1,0,0,1,0,2Z" }));
|
|
2
3
|
export {
|
|
3
|
-
|
|
4
|
+
SvgMinus as default
|
|
4
5
|
};
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useRef, useEffect } from "react";
|
|
3
3
|
import { useMergeRefs } from "@floating-ui/react";
|
|
4
4
|
import SvgDoneCheck from "../../assets/svg/done-check.svg.js";
|
|
5
|
-
import SvgMinus from "../../assets/svg/
|
|
5
|
+
import SvgMinus from "../../assets/svg/minus2.svg.js";
|
|
6
6
|
import { getColorShadesByVariant } from "../../utils/index.js";
|
|
7
7
|
import "lodash-es";
|
|
8
8
|
import { getColorVar } from "../../theme/palette.js";
|
|
@@ -15,7 +15,7 @@ import { Collapse } from '@janbox/storefront-ui';
|
|
|
15
15
|
| `open` | `boolean` | true | Controls whether the content is expanded (true) or collapsed (false). |
|
|
16
16
|
| `collapsedSize` | `number` | 0 | The size in pixels to collapse to when closed. Defaults to 0 (fully hidden). Use a non-zero value to show a partial peek of the content. |
|
|
17
17
|
| `orientation` | `'horizontal' \| 'vertical'` | 'vertical' | The axis along which the collapse animation occurs. 'vertical' animates height; 'horizontal' animates width. |
|
|
18
|
-
| `transition` | `
|
|
18
|
+
| `transition` | `HTMLMotionProps<'div'>['transition']` | - | Motion transition config passed to the underlying motion.div. Merged with the default duration of 0.15s. |
|
|
19
19
|
| `children` | `React.ReactNode` | - | Content to show or hide. |
|
|
20
20
|
|
|
21
21
|
## Examples
|
|
@@ -4,7 +4,7 @@ import { useMergeRefs } from "@floating-ui/react";
|
|
|
4
4
|
import { isNil } from "lodash-es";
|
|
5
5
|
import { Input } from "../input/input.js";
|
|
6
6
|
import { useControllableState } from "../../hooks/use-controllable-state.js";
|
|
7
|
-
import MinusIcon from "../../assets/svg/
|
|
7
|
+
import MinusIcon from "../../assets/svg/minus.svg.js";
|
|
8
8
|
import PlusIcon from "../../assets/svg/plus.svg.js";
|
|
9
9
|
import { IconButton } from "../icon-button/icon-button.js";
|
|
10
10
|
const MAX_FRACTION_DIGITS = 10;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@janbox/storefront-ui",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.7",
|
|
4
4
|
"description": "Storefront UI component library for Janbox",
|
|
5
5
|
"author": "Janbox",
|
|
6
6
|
"keywords": [
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"flat": "^6.0.1",
|
|
73
73
|
"highlight-words-core": "^1.2.3",
|
|
74
74
|
"lodash-es": "^4.17.21",
|
|
75
|
-
"motion": "^
|
|
75
|
+
"motion": "^12.43.0",
|
|
76
76
|
"overlayscrollbars": "^2.16.0",
|
|
77
77
|
"overlayscrollbars-react": "^0.5.6",
|
|
78
78
|
"phone": "^3.1.62",
|