@caspeco/casper-ui-library 9.0.0-alpha.2 → 9.0.0-alpha.3
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,16 +1,16 @@
|
|
|
1
1
|
import { isTouchScreenDevice as d } from "../../theme/theme-helper.js";
|
|
2
|
-
import { ThemeColorToken as r, ThemeBorderToken as o, ThemeSpaceToken as
|
|
2
|
+
import { ThemeColorToken as r, ThemeBorderToken as o, ThemeSpaceToken as a, ThemeRadiusToken as l, ThemeFontToken as t } from "../../theme/theme-tokens.js";
|
|
3
3
|
import { ThemeColorVariable as e } from "../../theme/theme-types.js";
|
|
4
4
|
import { defineRecipe as i } from "@chakra-ui/react";
|
|
5
|
-
const
|
|
5
|
+
const n = {
|
|
6
6
|
fontFamily: t.Body,
|
|
7
7
|
color: r.OnSurface,
|
|
8
8
|
border: o.XSmall,
|
|
9
9
|
borderColor: r.OnSurfaceBorder,
|
|
10
10
|
background: r.Surface,
|
|
11
11
|
borderRadius: l.Small,
|
|
12
|
-
paddingX:
|
|
13
|
-
paddingY:
|
|
12
|
+
paddingX: a.Small,
|
|
13
|
+
paddingY: a.Small,
|
|
14
14
|
width: "100%",
|
|
15
15
|
minHeight: "5rem",
|
|
16
16
|
lineHeight: "1.375",
|
|
@@ -47,7 +47,7 @@ const a = {
|
|
|
47
47
|
boxShadow: `0 0 0 4px ${e.InfoContainer}`
|
|
48
48
|
}
|
|
49
49
|
}, c = {
|
|
50
|
-
...
|
|
50
|
+
...n,
|
|
51
51
|
border: o.XSmall,
|
|
52
52
|
borderColor: "transparent",
|
|
53
53
|
_hover: void 0,
|
|
@@ -84,7 +84,7 @@ const a = {
|
|
|
84
84
|
}, f = i({
|
|
85
85
|
variants: {
|
|
86
86
|
variant: {
|
|
87
|
-
unstyled:
|
|
87
|
+
unstyled: n,
|
|
88
88
|
ghost: c
|
|
89
89
|
}
|
|
90
90
|
},
|
|
@@ -8,7 +8,7 @@ type CustomProperties = {
|
|
|
8
8
|
isRequired?: boolean;
|
|
9
9
|
};
|
|
10
10
|
type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & CustomProperties;
|
|
11
|
-
type ChakraTextareaProperties = Pick<ChakraTextareaProps, "
|
|
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
13
|
export declare const Textarea: React.ForwardRefExoticComponent<ChakraTextareaProperties & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & CustomProperties & React.RefAttributes<HTMLTextAreaElement>>;
|
|
14
14
|
export {};
|
|
@@ -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,
|
|
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,21 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Textarea as
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
const { isDisabled: a, isReadOnly: t, isRequired:
|
|
6
|
-
return /* @__PURE__ */
|
|
7
|
-
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { Textarea as f } from "@chakra-ui/react";
|
|
3
|
+
import m from "react";
|
|
4
|
+
const p = m.forwardRef((e, r) => {
|
|
5
|
+
const { isDisabled: a, isReadOnly: t, isRequired: i, resize: s, ...o } = e;
|
|
6
|
+
return /* @__PURE__ */ d(
|
|
7
|
+
f,
|
|
8
8
|
{
|
|
9
|
-
resize:
|
|
9
|
+
resize: s,
|
|
10
10
|
ref: r,
|
|
11
11
|
disabled: a,
|
|
12
12
|
readOnly: t,
|
|
13
|
-
required:
|
|
14
|
-
|
|
15
|
-
...d
|
|
13
|
+
required: i,
|
|
14
|
+
...o
|
|
16
15
|
}
|
|
17
16
|
);
|
|
18
17
|
});
|
|
19
18
|
export {
|
|
20
|
-
|
|
19
|
+
p as Textarea
|
|
21
20
|
};
|