@umami/react-zen 0.87.0 → 0.88.0
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/index.d.ts +5 -1
- package/dist/index.js +2 -1
- package/dist/index.mjs +2 -1
- package/package.json +1 -1
- package/styles.css +6 -6
package/dist/index.d.ts
CHANGED
|
@@ -764,7 +764,8 @@ declare module '@umami/react-zen/SearchField' {
|
|
|
764
764
|
}
|
|
765
765
|
|
|
766
766
|
declare module '@umami/react-zen/Select' {
|
|
767
|
-
import {
|
|
767
|
+
import { ReactNode } from 'react';
|
|
768
|
+
import { PopoverProps, SelectProps as AriaSelectProps, SelectValueRenderProps } from 'react-aria-components';
|
|
768
769
|
import { ListProps } from '@umami/react-zen/List';
|
|
769
770
|
interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
|
|
770
771
|
items?: any[];
|
|
@@ -777,6 +778,9 @@ declare module '@umami/react-zen/Select' {
|
|
|
777
778
|
onChange?: (e: any) => void;
|
|
778
779
|
listProps?: ListProps;
|
|
779
780
|
popoverProps?: PopoverProps;
|
|
781
|
+
renderValue?: ReactNode | ((values: SelectValueRenderProps<object> & {
|
|
782
|
+
defaultChildren: ReactNode;
|
|
783
|
+
}) => ReactNode);
|
|
780
784
|
}
|
|
781
785
|
const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<any>>;
|
|
782
786
|
export { Select };
|
package/dist/index.js
CHANGED
|
@@ -31026,6 +31026,7 @@ var Select2 = (0, import_react189.forwardRef)(
|
|
|
31026
31026
|
onChange,
|
|
31027
31027
|
listProps,
|
|
31028
31028
|
popoverProps,
|
|
31029
|
+
renderValue,
|
|
31029
31030
|
className,
|
|
31030
31031
|
children,
|
|
31031
31032
|
...props
|
|
@@ -31045,7 +31046,7 @@ var Select2 = (0, import_react189.forwardRef)(
|
|
|
31045
31046
|
children: [
|
|
31046
31047
|
label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
|
|
31047
31048
|
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames43.default)(input_default.input, className), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Row, { justifyContent: "space-between", gap: "3", children: [
|
|
31048
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)($82d7e5349645de74$export$e288731fd71264f0, {}),
|
|
31049
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
|
|
31049
31050
|
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.Chevron, {}) }) })
|
|
31050
31051
|
] }) }),
|
|
31051
31052
|
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Column, { className: Select_default.popover, children: [
|
package/dist/index.mjs
CHANGED
|
@@ -30919,6 +30919,7 @@ var Select2 = forwardRef9(
|
|
|
30919
30919
|
onChange,
|
|
30920
30920
|
listProps,
|
|
30921
30921
|
popoverProps,
|
|
30922
|
+
renderValue,
|
|
30922
30923
|
className,
|
|
30923
30924
|
children,
|
|
30924
30925
|
...props
|
|
@@ -30938,7 +30939,7 @@ var Select2 = forwardRef9(
|
|
|
30938
30939
|
children: [
|
|
30939
30940
|
label && /* @__PURE__ */ jsx53(Label2, { children: label }),
|
|
30940
30941
|
/* @__PURE__ */ jsx53($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames43.default)(input_default.input, className), children: /* @__PURE__ */ jsxs30(Row, { justifyContent: "space-between", gap: "3", children: [
|
|
30941
|
-
/* @__PURE__ */ jsx53($82d7e5349645de74$export$e288731fd71264f0, {}),
|
|
30942
|
+
/* @__PURE__ */ jsx53($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
|
|
30942
30943
|
/* @__PURE__ */ jsx53("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx53(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ jsx53(Icons.Chevron, {}) }) })
|
|
30943
30944
|
] }) }),
|
|
30944
30945
|
/* @__PURE__ */ jsx53(Popover2, { ...popoverProps, children: /* @__PURE__ */ jsxs30(Column, { className: Select_default.popover, children: [
|
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
--letter-spacing-4: 0.025em;
|
|
31
31
|
--letter-spacing-5: 0.05em;
|
|
32
32
|
|
|
33
|
-
--heading-size-1:
|
|
34
|
-
--heading-size-2:
|
|
35
|
-
--heading-size-3:
|
|
36
|
-
--heading-size-4:
|
|
37
|
-
--heading-size-5:
|
|
38
|
-
--heading-size-6:
|
|
33
|
+
--heading-size-1: 16px;
|
|
34
|
+
--heading-size-2: 20px;
|
|
35
|
+
--heading-size-3: 24px;
|
|
36
|
+
--heading-size-4: 32px;
|
|
37
|
+
--heading-size-5: 42px;
|
|
38
|
+
--heading-size-6: 60px;
|
|
39
39
|
|
|
40
40
|
/* Spacing */
|
|
41
41
|
|