@helpscout/ui-kit-react 1.0.0 → 1.1.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/lib/components/data-row/data-row.d.ts +13 -8
- package/dist/lib/components/data-row/data-row.d.ts.map +1 -1
- package/dist/lib/components/icon-button/icon-button.d.ts +22 -0
- package/dist/lib/components/icon-button/icon-button.d.ts.map +1 -0
- package/dist/lib/components/icon-button/icon-button.test.d.ts +2 -0
- package/dist/lib/components/icon-button/icon-button.test.d.ts.map +1 -0
- package/dist/lib/components/side-panel/components/side-panel.header.d.ts.map +1 -1
- package/dist/lib/ui-kit-react.d.ts +2 -1
- package/dist/lib/ui-kit-react.d.ts.map +1 -1
- package/dist/prop-types.json +802 -0
- package/dist/ui-kit-react.css +1 -1
- package/dist/ui-kit-react.js +7504 -7429
- package/dist/ui-kit-react.umd.cjs +58 -58
- package/package.json +5 -5
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
+
import { TextVariantProps } from '../text/text';
|
|
3
4
|
|
|
4
5
|
declare const dataRowStyles: (props?: ({
|
|
5
6
|
clickable?: boolean | null | undefined;
|
|
6
|
-
|
|
7
|
+
variant?: "default" | "property" | null | undefined;
|
|
7
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
-
export type
|
|
9
|
+
export type DataRowVariant = "default" | "property";
|
|
9
10
|
export type DataRowVariantProps = VariantProps<typeof dataRowStyles>;
|
|
10
11
|
export interface DataRowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
11
12
|
children: React.ReactNode;
|
|
12
13
|
onIconClick?: () => void;
|
|
13
|
-
icon?: React.
|
|
14
|
+
icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
15
|
+
iconSize?: "sm" | "md";
|
|
16
|
+
iconVariant?: "action" | "default";
|
|
14
17
|
hover?: boolean;
|
|
15
18
|
clickable?: boolean;
|
|
16
19
|
href?: string;
|
|
17
|
-
|
|
20
|
+
variant?: DataRowVariant;
|
|
18
21
|
}
|
|
19
|
-
declare function DataRowComponent({ className, children, onIconClick, icon, hover, clickable, href,
|
|
22
|
+
declare function DataRowComponent({ className, children, onIconClick, icon, iconSize, iconVariant, hover, clickable, href, variant, ...props }: DataRowProps): JSX.Element;
|
|
20
23
|
declare namespace DataRowComponent {
|
|
21
24
|
var displayName: string;
|
|
22
25
|
}
|
|
@@ -28,11 +31,13 @@ declare function DataRowColumn({ className, children, isVisible, ...props }: Dat
|
|
|
28
31
|
declare namespace DataRowColumn {
|
|
29
32
|
var displayName: string;
|
|
30
33
|
}
|
|
31
|
-
export interface DataRowItemProps extends React.HTMLAttributes<
|
|
34
|
+
export interface DataRowItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "href" | "variant"> {
|
|
32
35
|
children: React.ReactNode;
|
|
33
|
-
|
|
36
|
+
variant?: TextVariantProps["variant"];
|
|
37
|
+
href?: string;
|
|
38
|
+
target?: string;
|
|
34
39
|
}
|
|
35
|
-
declare function DataRowItem({ className, children,
|
|
40
|
+
declare function DataRowItem({ className, children, variant, href, target, ...props }: DataRowItemProps): JSX.Element;
|
|
36
41
|
declare namespace DataRowItem {
|
|
37
42
|
var displayName: string;
|
|
38
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-row.d.ts","sourceRoot":"","sources":["../../../../lib/components/data-row/data-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"data-row.d.ts","sourceRoot":"","sources":["../../../../lib/components/data-row/data-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAE3D,QAAA,MAAM,aAAa;;;8EAcjB,CAAC;AAuBH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,CAAC;AAOpD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,QAAe,EACf,WAAuB,EACvB,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAyD5B;kBArEQ,gBAAgB;;;AAyEzB,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,SAAgB,EAChB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CASlC;kBAdQ,aAAa;;;AAkBtB,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,OAAmB,EACnB,IAAI,EACJ,MAAiB,EACjB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuChC;kBA9CQ,WAAW;;;AAkDpB,QAAA,MAAM,OAAO,EAGP,OAAO,gBAAgB,GAAG;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAC;IAC7B,IAAI,EAAE,OAAO,WAAW,CAAC;CAC1B,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ButtonProps as RACButtonProps } from 'react-aria-components';
|
|
3
|
+
|
|
4
|
+
declare const iconButtonStyles: (props?: ({
|
|
5
|
+
size?: "sm" | "md" | null | undefined;
|
|
6
|
+
variant?: "default" | "action" | null | undefined;
|
|
7
|
+
seamless?: boolean | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
+
export type IconButtonVariantProps = VariantProps<typeof iconButtonStyles>;
|
|
10
|
+
export interface IconButtonProps extends Omit<RACButtonProps, "children"> {
|
|
11
|
+
icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
12
|
+
size?: IconButtonVariantProps["size"];
|
|
13
|
+
variant?: IconButtonVariantProps["variant"];
|
|
14
|
+
seamless?: IconButtonVariantProps["seamless"];
|
|
15
|
+
"aria-label": string;
|
|
16
|
+
}
|
|
17
|
+
export declare function IconButton({ className, icon: IconComponent, size, variant, seamless, ...props }: IconButtonProps): JSX.Element;
|
|
18
|
+
export declare namespace IconButton {
|
|
19
|
+
var displayName: string;
|
|
20
|
+
}
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../lib/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAEL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAM/B,QAAA,MAAM,gBAAgB;;;;8EAoBpB,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACvE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC9C,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,IAAI,EAAE,aAAa,EACnB,IAAW,EACX,OAAmB,EACnB,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAoB/B;yBA3Be,UAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.test.d.ts","sourceRoot":"","sources":["../../../../lib/components/icon-button/icon-button.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel.header.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"side-panel.header.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAuED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkE1C,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -6,6 +6,7 @@ export { Collapsible, type CollapsibleProps, type CollapsibleClassNames, } from
|
|
|
6
6
|
export { ComboBox, type ComboBoxProps, type ComboBoxTriggerRenderArgs, } from './components/combobox/combobox';
|
|
7
7
|
export { Divider, type DividerProps } from './components/divider/divider';
|
|
8
8
|
export { Icon, type IconProps, type IconVariantProps, } from './components/icon/icon';
|
|
9
|
+
export { IconButton, type IconButtonProps, type IconButtonVariantProps, } from './components/icon-button/icon-button';
|
|
9
10
|
export { Input, type InputProps, type InputVariantProps, } from './components/input/input';
|
|
10
11
|
export { Label, LabelDescription, LabelGroup, type LabelProps, type LabelVariantProps, type LabelDescriptionProps, type LabelGroupProps, } from './components/label/label';
|
|
11
12
|
export { Link, type LinkProps, type LinkVariantProps, } from './components/link/link';
|
|
@@ -13,7 +14,7 @@ export { List, ListItem, type ListProps, type ListVariantProps, } from './compon
|
|
|
13
14
|
export { Menu, MenuItem, MenuTrigger, type MenuProps, } from './components/menu/menu';
|
|
14
15
|
export { Modal, ModalContent, type ModalProps, ModalTrigger, } from './components/modal/modal';
|
|
15
16
|
export { NumberField, type NumberFieldProps, } from './components/number-field/number-field';
|
|
16
|
-
export { DataRow, type DataRowProps, type
|
|
17
|
+
export { DataRow, type DataRowProps, type DataRowVariant, type DataRowColumnProps, type DataRowItemProps, } from './components/data-row/data-row';
|
|
17
18
|
export { Select, SelectItem, type SelectProps, type ListBoxRenderProps, } from './components/select/select';
|
|
18
19
|
export { SidePanel, type SidePanelProps } from './components/side-panel';
|
|
19
20
|
export { Text, type TextProps, type TextVariantProps, } from './components/text/text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,GAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,yBAAyB,GAC/B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,SAAS,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,YAAY,EACZ,KAAK,UAAU,EACf,YAAY,GACb,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,OAAO,EACP,KAAK,YAAY,EACjB,KAAK,
|
|
1
|
+
{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"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"}
|