@telepix-lab/telepix-ui 0.3.6 → 0.3.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.
@@ -12264,9 +12264,9 @@ const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", ico
12264
12264
  "py-1.5 px-2 text-body font-medium leading-body-compact gap-2", size === SELECT_TRIGGER_SIZES.LARGE &&
12265
12265
  "py-3 px-4 text-base leading-base-compact font-medium gap-3", className), ...otherProps, children: [icon && jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: icon }), jsxRuntime.jsx(Value, { placeholder: placeholder }), jsxRuntime.jsx(Icon$1, { className: "flex items-center justify-center", children: jsxRuntime.jsx(CaretDownIcon, {}) })] }));
12266
12266
  };
12267
- const SelectContent = ({ children, ...rest }) => {
12267
+ const SelectContent = ({ children, viewportClassName, ...rest }) => {
12268
12268
  const { className, position, sideOffset, ...otherProps } = rest;
12269
- return (jsxRuntime.jsx(Portal$1, { children: jsxRuntime.jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), ...otherProps, children: jsxRuntime.jsx(Viewport, { children: children }) }) }));
12269
+ return (jsxRuntime.jsx(Portal$1, { children: jsxRuntime.jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), ...otherProps, children: jsxRuntime.jsx(Viewport, { className: cn("flex flex-col gap-1", viewportClassName), children: children }) }) }));
12270
12270
  };
12271
12271
  const SelectGroup = Group;
12272
12272
  const SelectLabel = (props) => {
@@ -36,9 +36,10 @@ export declare const SelectTrigger: {
36
36
  };
37
37
  interface SelectContent extends React.ComponentProps<typeof SelectRadix.Content> {
38
38
  children: React.ReactNode;
39
+ viewportClassName?: string;
39
40
  }
40
41
  export declare const SelectContent: {
41
- ({ children, ...rest }: SelectContent): import("react/jsx-runtime").JSX.Element;
42
+ ({ children, viewportClassName, ...rest }: SelectContent): import("react/jsx-runtime").JSX.Element;
42
43
  displayName: string;
43
44
  };
44
45
  export declare const SelectGroup: React.ForwardRefExoticComponent<SelectRadix.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
package/dist/client.d.ts CHANGED
@@ -145,9 +145,10 @@ declare const SelectTrigger: {
145
145
  };
146
146
  interface SelectContent extends React__default.ComponentProps<typeof Select$1.Content> {
147
147
  children: React__default.ReactNode;
148
+ viewportClassName?: string;
148
149
  }
149
150
  declare const SelectContent: {
150
- ({ children, ...rest }: SelectContent): react_jsx_runtime.JSX.Element;
151
+ ({ children, viewportClassName, ...rest }: SelectContent): react_jsx_runtime.JSX.Element;
151
152
  displayName: string;
152
153
  };
153
154
  declare const SelectGroup: any;
@@ -12244,9 +12244,9 @@ const SelectTrigger = ({ placeholder, variant = "outline", size = "regular", ico
12244
12244
  "py-1.5 px-2 text-body font-medium leading-body-compact gap-2", size === SELECT_TRIGGER_SIZES.LARGE &&
12245
12245
  "py-3 px-4 text-base leading-base-compact font-medium gap-3", className), ...otherProps, children: [icon && jsx("div", { className: "flex items-center justify-center", children: icon }), jsx(Value, { placeholder: placeholder }), jsx(Icon$1, { className: "flex items-center justify-center", children: jsx(CaretDownIcon, {}) })] }));
12246
12246
  };
12247
- const SelectContent = ({ children, ...rest }) => {
12247
+ const SelectContent = ({ children, viewportClassName, ...rest }) => {
12248
12248
  const { className, position, sideOffset, ...otherProps } = rest;
12249
- return (jsx(Portal$1, { children: jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), ...otherProps, children: jsx(Viewport, { children: children }) }) }));
12249
+ return (jsx(Portal$1, { children: jsx(Content2$1, { position: "popper", sideOffset: 7, className: cn("p-2 min-w-[var(--radix-select-trigger-width)] border border-border-overlay rounded-lg bg-page-l1 shadow-medium", className), ...otherProps, children: jsx(Viewport, { className: cn("flex flex-col gap-1", viewportClassName), children: children }) }) }));
12250
12250
  };
12251
12251
  const SelectGroup = Group;
12252
12252
  const SelectLabel = (props) => {
@@ -36,9 +36,10 @@ export declare const SelectTrigger: {
36
36
  };
37
37
  interface SelectContent extends React.ComponentProps<typeof SelectRadix.Content> {
38
38
  children: React.ReactNode;
39
+ viewportClassName?: string;
39
40
  }
40
41
  export declare const SelectContent: {
41
- ({ children, ...rest }: SelectContent): import("react/jsx-runtime").JSX.Element;
42
+ ({ children, viewportClassName, ...rest }: SelectContent): import("react/jsx-runtime").JSX.Element;
42
43
  displayName: string;
43
44
  };
44
45
  export declare const SelectGroup: React.ForwardRefExoticComponent<SelectRadix.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telepix-lab/telepix-ui",
3
- "version": "0.3.6",
3
+ "version": "0.3.7",
4
4
  "description": "A UI kit for TelePIX",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {