@vnejs/uis.react.toggle-with-text 0.1.6 → 0.1.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.
- package/dist/ToggleWithText.d.ts +2 -12
- package/dist/ToggleWithText.d.ts.map +1 -1
- package/dist/ToggleWithText.js.map +1 -1
- package/dist/ToggleWithText.types.d.ts +13 -0
- package/dist/ToggleWithText.types.d.ts.map +1 -0
- package/dist/ToggleWithText.types.js +2 -0
- package/dist/ToggleWithText.types.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/ToggleWithText.tsx +3 -1
- package/src/ToggleWithText.types.tsx +12 -0
- package/src/index.ts +2 -1
- package/tsconfig.json +0 -1
package/dist/ToggleWithText.d.ts
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
titleToggled?: string;
|
|
4
|
-
titleUntoggled?: string;
|
|
5
|
-
isToggled?: boolean;
|
|
6
|
-
isSelected?: boolean;
|
|
7
|
-
gap?: number;
|
|
8
|
-
textSize?: number;
|
|
9
|
-
toggleSize?: number;
|
|
10
|
-
titleWidth?: number;
|
|
11
|
-
onToggle: any;
|
|
12
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { type ToggleWithTextProps } from "./ToggleWithText.types.js";
|
|
2
|
+
export declare const ToggleWithText: ({ transition, titleToggled, titleUntoggled, isToggled, isSelected, gap, textSize, toggleSize, titleWidth, onToggle, }: ToggleWithTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
3
|
//# sourceMappingURL=ToggleWithText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleWithText.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI
|
|
1
|
+
{"version":3,"file":"ToggleWithText.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,cAAc,GAAI,uHAW5B,mBAAmB,4CAwBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleWithText.js","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleWithText.js","sourceRoot":"","sources":["../src/ToggleWithText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAItD,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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type ToggleWithTextProps = {
|
|
2
|
+
transition?: number;
|
|
3
|
+
titleToggled?: string;
|
|
4
|
+
titleUntoggled?: string;
|
|
5
|
+
isToggled?: boolean;
|
|
6
|
+
isSelected?: boolean;
|
|
7
|
+
gap?: number;
|
|
8
|
+
textSize?: number;
|
|
9
|
+
toggleSize?: number;
|
|
10
|
+
titleWidth?: number;
|
|
11
|
+
onToggle?: (isToggled: boolean) => void;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=ToggleWithText.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleWithText.types.d.ts","sourceRoot":"","sources":["../src/ToggleWithText.types.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleWithText.types.js","sourceRoot":"","sources":["../src/ToggleWithText.types.tsx"],"names":[],"mappings":""}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}
|
package/package.json
CHANGED
package/src/ToggleWithText.tsx
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Text, Flex, Toggle } from "@vnejs/uis.react";
|
|
2
2
|
|
|
3
|
+
import { type ToggleWithTextProps } from "./ToggleWithText.types.js";
|
|
4
|
+
|
|
3
5
|
export const ToggleWithText = ({
|
|
4
6
|
transition = 300,
|
|
5
7
|
titleToggled = "",
|
|
@@ -11,7 +13,7 @@ export const ToggleWithText = ({
|
|
|
11
13
|
toggleSize = 120,
|
|
12
14
|
titleWidth = 1200,
|
|
13
15
|
onToggle,
|
|
14
|
-
}) => (
|
|
16
|
+
}: ToggleWithTextProps) => (
|
|
15
17
|
<Flex
|
|
16
18
|
align={Flex.ALIGN.CENTER}
|
|
17
19
|
justify={Flex.JUSTIFY.CENTER}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type ToggleWithTextProps = {
|
|
2
|
+
transition?: number;
|
|
3
|
+
titleToggled?: string;
|
|
4
|
+
titleUntoggled?: string;
|
|
5
|
+
isToggled?: boolean;
|
|
6
|
+
isSelected?: boolean;
|
|
7
|
+
gap?: number;
|
|
8
|
+
textSize?: number;
|
|
9
|
+
toggleSize?: number;
|
|
10
|
+
titleWidth?: number;
|
|
11
|
+
onToggle?: (isToggled: boolean) => void;
|
|
12
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from "./ToggleWithText";
|
|
1
|
+
export * from "./ToggleWithText.types.js";
|
|
2
|
+
export * from "./ToggleWithText.js";
|