@caspeco/casper-ui-library 9.6.1 → 9.6.2
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/components/form-control/form-control.d.ts +1 -1
- package/dist/components/form-control/form-control.d.ts.map +1 -1
- package/dist/components/modal/modal.d.ts +2 -2
- package/dist/components/modal/modal.d.ts.map +1 -1
- package/dist/components/modal/modal.js +14 -16
- package/dist/components/textarea/textarea.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts.map +1 -1
- package/dist/components/textarea/textarea.js +8 -9
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip.js +9 -9
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ThemeStyleProps } from '../../theme/index.js';
|
|
2
2
|
import { Field as ChakraField } from '@chakra-ui/react';
|
|
3
|
-
type ChakraFormControlProperties = Pick<ChakraField.RootProps, "
|
|
3
|
+
type ChakraFormControlProperties = Pick<ChakraField.RootProps, "id" | "children">;
|
|
4
4
|
type CustomProps = {
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
isReadOnly?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,2BAA2B,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../lib/components/form-control/form-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExD,KAAK,2BAA2B,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;AAElF,KAAK,WAAW,GAAG;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,2BAA2B,GAAG,eAAe,CAAC;AAE3F;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACR,EAAE,gBAAgB,2CAYlB"}
|
|
@@ -11,8 +11,8 @@ type CustomModalProperties = {
|
|
|
11
11
|
returnFocusOnClose?: boolean;
|
|
12
12
|
onCloseComplete?: () => void;
|
|
13
13
|
};
|
|
14
|
-
type ChakraDialogProperties = Pick<ChakraDialog.RootProps, "children" | "
|
|
14
|
+
type ChakraDialogProperties = Pick<ChakraDialog.RootProps, "children" | "id" | "scrollBehavior" | "lazyMount">;
|
|
15
15
|
export type ModalProps = CustomModalProperties & ChakraDialogProperties;
|
|
16
|
-
export declare function Modal({ children, isOpen, onClose, closeOnOverlayClick, closeOnEsc, onCloseComplete, returnFocusOnClose, size, scrollBehavior, isCentered,
|
|
16
|
+
export declare function Modal({ children, isOpen, onClose, closeOnOverlayClick, closeOnEsc, onCloseComplete, returnFocusOnClose, size, scrollBehavior, isCentered, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,IAAI,YAAY,EAItB,MAAM,kBAAkB,CAAC;AAI1B,KAAK,qBAAqB,GAAG;IAC5B;2EACuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAG1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../lib/components/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,IAAI,YAAY,EAItB,MAAM,kBAAkB,CAAC;AAI1B,KAAK,qBAAqB,GAAG;IAC5B;2EACuE;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAG1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CACjC,YAAY,CAAC,SAAS,EACtB,UAAU,GAAG,IAAI,GAAG,gBAAgB,GAAG,WAAW,CAClD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;AAExE,wBAAgB,KAAK,CAAC,EACrB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,kBAAyB,EACzB,IAAW,EACX,cAAyB,EACzB,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,UAAU,2CAoCZ"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { useBreakpointValue as
|
|
3
|
-
import { useState as
|
|
4
|
-
import { ModalBodyContext as
|
|
5
|
-
function
|
|
1
|
+
import { jsx as e, jsxs as C } from "react/jsx-runtime";
|
|
2
|
+
import { useBreakpointValue as O, Dialog as o, Portal as b } from "@chakra-ui/react";
|
|
3
|
+
import { useState as B } from "react";
|
|
4
|
+
import { ModalBodyContext as E } from "./modal-body-context.js";
|
|
5
|
+
function k({
|
|
6
6
|
children: n,
|
|
7
7
|
isOpen: r,
|
|
8
8
|
onClose: i,
|
|
@@ -13,14 +13,13 @@ function M({
|
|
|
13
13
|
size: m = "sm",
|
|
14
14
|
scrollBehavior: c = "inside",
|
|
15
15
|
isCentered: p = !0,
|
|
16
|
-
|
|
17
|
-
...f
|
|
16
|
+
...u
|
|
18
17
|
}) {
|
|
19
|
-
const [h,
|
|
20
|
-
function x
|
|
21
|
-
|
|
18
|
+
const [h, f] = B(null), t = O({ base: "bottomSheet", md: void 0 });
|
|
19
|
+
function v(x) {
|
|
20
|
+
x.open || i?.();
|
|
22
21
|
}
|
|
23
|
-
return /* @__PURE__ */ e(
|
|
22
|
+
return /* @__PURE__ */ e(E.Provider, { value: { bodyElement: h, setBodyElement: f }, children: /* @__PURE__ */ e(
|
|
24
23
|
o.Root,
|
|
25
24
|
{
|
|
26
25
|
variant: t,
|
|
@@ -31,12 +30,11 @@ function M({
|
|
|
31
30
|
closeOnInteractOutside: a,
|
|
32
31
|
closeOnEscape: l,
|
|
33
32
|
open: r,
|
|
34
|
-
onOpenChange:
|
|
33
|
+
onOpenChange: v,
|
|
35
34
|
restoreFocus: d,
|
|
36
35
|
onExitComplete: s,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
children: /* @__PURE__ */ O(B, { children: [
|
|
36
|
+
...u,
|
|
37
|
+
children: /* @__PURE__ */ C(b, { children: [
|
|
40
38
|
/* @__PURE__ */ e(o.Backdrop, { "data-variant": t }),
|
|
41
39
|
/* @__PURE__ */ e(o.Positioner, { children: /* @__PURE__ */ e(o.Content, { children: n }) })
|
|
42
40
|
] })
|
|
@@ -44,5 +42,5 @@ function M({
|
|
|
44
42
|
) });
|
|
45
43
|
}
|
|
46
44
|
export {
|
|
47
|
-
|
|
45
|
+
k as Modal
|
|
48
46
|
};
|
|
@@ -8,8 +8,8 @@ type CustomProperties = {
|
|
|
8
8
|
isRequired?: boolean;
|
|
9
9
|
};
|
|
10
10
|
type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & CustomProperties;
|
|
11
|
-
type ChakraTextareaProperties = Pick<ChakraTextareaProps, "id" | "name" | "placeholder" | "rows" | "value" | "defaultValue" | "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "resize"
|
|
11
|
+
type ChakraTextareaProperties = Pick<ChakraTextareaProps, "id" | "name" | "placeholder" | "rows" | "value" | "defaultValue" | "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "resize" | "autoresize">;
|
|
12
12
|
export type TextareaProps = ChakraTextareaProperties & CustomStyleProps;
|
|
13
|
-
export declare const Textarea: React.ForwardRefExoticComponent<
|
|
13
|
+
export declare const Textarea: React.ForwardRefExoticComponent<ChakraTextareaProperties & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & CustomProperties & React.RefAttributes<HTMLTextAreaElement>>;
|
|
14
14
|
export {};
|
|
15
15
|
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../lib/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACvB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAG/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAE3G,KAAK,wBAAwB,GAAG,IAAI,CACnC,mBAAmB,EACjB,IAAI,GACJ,MAAM,GACN,aAAa,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../lib/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzG,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACvB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAG/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAE3G,KAAK,wBAAwB,GAAG,IAAI,CACnC,mBAAmB,EACjB,IAAI,GACJ,MAAM,GACN,aAAa,GACb,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,QAAQ,GACR,SAAS,GACT,WAAW,GACX,QAAQ,GACR,YAAY,CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAAG,gBAAgB,CAAC;AAExE,eAAO,MAAM,QAAQ,2LAanB,CAAC"}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Textarea as
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { Textarea as f } from "@chakra-ui/react";
|
|
3
3
|
import m from "react";
|
|
4
4
|
const p = m.forwardRef((e, r) => {
|
|
5
|
-
const { isDisabled: a, isReadOnly: t, isRequired:
|
|
6
|
-
return /* @__PURE__ */
|
|
7
|
-
|
|
5
|
+
const { isDisabled: a, isReadOnly: t, isRequired: i, resize: s, ...o } = e;
|
|
6
|
+
return /* @__PURE__ */ d(
|
|
7
|
+
f,
|
|
8
8
|
{
|
|
9
|
-
resize:
|
|
10
|
-
autoresize: o,
|
|
9
|
+
resize: s,
|
|
11
10
|
ref: r,
|
|
12
11
|
disabled: a,
|
|
13
12
|
readOnly: t,
|
|
14
|
-
required:
|
|
15
|
-
...
|
|
13
|
+
required: i,
|
|
14
|
+
...o
|
|
16
15
|
}
|
|
17
16
|
);
|
|
18
17
|
});
|
|
@@ -2,7 +2,7 @@ import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps, Typograph
|
|
|
2
2
|
import { Tooltip as ChakraTooltip, GridProps } from '@chakra-ui/react';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
type Positioning = NonNullable<ChakraTooltip.RootProps["positioning"]>;
|
|
5
|
-
export type TooltipProps = Pick<ChakraTooltip.RootProps, "children"
|
|
5
|
+
export type TooltipProps = Pick<ChakraTooltip.RootProps, "children" | "disabled"> & CustomChakraBoxProps & PaddingProps & MarginProps & LayoutProps & GridProps & TypographyProps & {
|
|
6
6
|
placement?: Positioning["placement"];
|
|
7
7
|
label?: ReactNode;
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../lib/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAU,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../lib/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAU,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC,GAChF,oBAAoB,GACpB,YAAY,GACZ,WAAW,GACX,WAAW,GACX,SAAS,GACT,eAAe,GAAG;IAEjB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEH;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,gHAwC1C"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { jsx as e, Fragment as b, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import { Tooltip as r, Portal as
|
|
3
|
-
import { ThemeSpaceVariable as l, ThemeFontSizeVariable as
|
|
4
|
-
function w(
|
|
2
|
+
import { Tooltip as r, Portal as T } from "@chakra-ui/react";
|
|
3
|
+
import { ThemeSpaceVariable as l, ThemeFontSizeVariable as f, ThemeFontVariable as u, ThemeColorVariable as t, ThemeRadiusVariable as S } from "../../theme/theme-types.js";
|
|
4
|
+
function w(a) {
|
|
5
5
|
const {
|
|
6
6
|
children: o,
|
|
7
7
|
label: n,
|
|
8
8
|
placement: m = "bottom",
|
|
9
9
|
p: s = l.Small,
|
|
10
|
-
fontSize: c =
|
|
10
|
+
fontSize: c = f.Small,
|
|
11
11
|
fontFamily: d = u.Body,
|
|
12
|
-
disabled: h
|
|
12
|
+
disabled: h,
|
|
13
13
|
...p
|
|
14
|
-
} =
|
|
14
|
+
} = a;
|
|
15
15
|
return h ? o : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(r.Root, { positioning: { placement: m }, ...p, children: [
|
|
16
16
|
/* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e("span", { children: o }) }),
|
|
17
|
-
/* @__PURE__ */ e(
|
|
17
|
+
/* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ i(
|
|
18
18
|
r.Content,
|
|
19
19
|
{
|
|
20
20
|
p: s,
|
|
21
21
|
borderRadius: S.Medium,
|
|
22
22
|
fontSize: c,
|
|
23
23
|
fontFamily: d,
|
|
24
|
-
css: { "--tooltip-bg":
|
|
25
|
-
color:
|
|
24
|
+
css: { "--tooltip-bg": t.OnSurface },
|
|
25
|
+
color: t.Surface,
|
|
26
26
|
children: [
|
|
27
27
|
/* @__PURE__ */ e(r.Arrow, { css: { "--arrow-size": l.Small }, children: /* @__PURE__ */ e(r.ArrowTip, {}) }),
|
|
28
28
|
n
|