@vnejs/uis.react.toggle-with-text 0.1.8 → 0.1.9
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleWithText.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleWithText.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,cAAc,GAAI,uHAW5B,mBAAmB,4CAwBrB,CAAC"}
|
package/dist/ToggleWithText.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Text
|
|
2
|
+
import { Text } from "@vnejs/uis.react.text";
|
|
3
|
+
import { Flex } from "@vnejs/uis.react.flex";
|
|
4
|
+
import { Toggle } from "@vnejs/uis.react.toggle";
|
|
3
5
|
export const ToggleWithText = ({ transition = 300, titleToggled = "", titleUntoggled = "", isToggled = false, isSelected = false, gap = 120, textSize = 72, toggleSize = 120, titleWidth = 1200, onToggle, }) => (_jsxs(Flex, { align: Flex.ALIGN.CENTER, justify: Flex.JUSTIFY.CENTER, direction: Flex.DIRECTION.ROW_REVERSE, gap: gap, children: [_jsx(Toggle, { className: "TextHoverSibling", isToggled: isToggled, onToggle: onToggle, isSelected: isSelected, size: toggleSize, transition: transition }), _jsx(Text, { text: isToggled ? titleToggled : titleUntoggled, width: titleWidth, isSelected: isSelected, size: textSize, align: Text.ALIGNS.RIGHT, transition: transition })] }));
|
|
4
6
|
//# sourceMappingURL=ToggleWithText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleWithText.js","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ToggleWithText.js","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAIjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,GAAG,GAAG,EAChB,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,EACnB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,GAAG,GAAG,GAAG,EACT,QAAQ,GAAG,EAAE,EACb,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,IAAI,EACjB,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EACrC,GAAG,EAAE,GAAG,aAER,KAAC,MAAM,IACL,SAAS,EAAC,kBAAkB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,GACtB,EACF,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC/C,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EACxB,UAAU,EAAE,UAAU,GACtB,IACG,CACR,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vnejs/uis.react.toggle-with-text",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -15,12 +15,14 @@
|
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"@vnejs/uis.utils": "~0.1.0"
|
|
17
17
|
},
|
|
18
|
-
"devDependencies": {
|
|
19
|
-
"@vnejs/uis.react": "~0.1.0"
|
|
20
|
-
},
|
|
21
18
|
"files": [
|
|
22
19
|
"dist",
|
|
23
20
|
"src",
|
|
24
21
|
"tsconfig.json"
|
|
25
|
-
]
|
|
22
|
+
],
|
|
23
|
+
"dependencies": {
|
|
24
|
+
"@vnejs/uis.react.flex": "~0.1.0",
|
|
25
|
+
"@vnejs/uis.react.text": "~0.1.0",
|
|
26
|
+
"@vnejs/uis.react.toggle": "~0.1.0"
|
|
27
|
+
}
|
|
26
28
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useCallback, useMemo, useState } from "react";
|
|
2
2
|
|
|
3
|
-
import { renderWithVneWrap, VneWrap } from "@vnejs/uis.react";
|
|
3
|
+
import { renderWithVneWrap, VneWrap } from "@vnejs/uis.react.vne-wrap";
|
|
4
4
|
|
|
5
|
-
import { ToggleWithText } from "
|
|
5
|
+
import { ToggleWithText } from "./ToggleWithText.js";
|
|
6
6
|
|
|
7
7
|
export const Common = {
|
|
8
8
|
args: {
|
package/src/ToggleWithText.tsx
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
import { Text } from "@vnejs/uis.react.text";
|
|
3
|
+
import { Flex } from "@vnejs/uis.react.flex";
|
|
4
|
+
import { Toggle } from "@vnejs/uis.react.toggle";
|
|
2
5
|
|
|
3
6
|
import { type ToggleWithTextProps } from "./ToggleWithText.types.js";
|
|
4
7
|
|