@seed-design/react 0.0.12 → 0.0.14
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/lib/components/Divider/Divider.cjs +43 -0
- package/lib/components/Divider/Divider.d.ts +18 -0
- package/lib/components/Divider/Divider.d.ts.map +1 -0
- package/lib/components/Divider/Divider.js +20 -0
- package/lib/components/Divider/index.cjs +9 -0
- package/lib/components/Divider/index.d.ts +2 -0
- package/lib/components/Divider/index.d.ts.map +1 -0
- package/lib/components/Divider/index.js +1 -0
- package/lib/components/HelpBubble/HelpBubble.cjs +0 -5
- package/lib/components/HelpBubble/HelpBubble.d.ts +0 -3
- package/lib/components/HelpBubble/HelpBubble.d.ts.map +1 -1
- package/lib/components/HelpBubble/HelpBubble.js +1 -5
- package/lib/components/HelpBubble/HelpBubble.namespace.cjs +0 -1
- package/lib/components/HelpBubble/HelpBubble.namespace.d.ts +1 -1
- package/lib/components/HelpBubble/HelpBubble.namespace.d.ts.map +1 -1
- package/lib/components/HelpBubble/HelpBubble.namespace.js +1 -1
- package/lib/components/HelpBubble/index.cjs +0 -1
- package/lib/components/HelpBubble/index.d.ts +1 -1
- package/lib/components/HelpBubble/index.d.ts.map +1 -1
- package/lib/components/HelpBubble/index.js +1 -1
- package/lib/components/index.cjs +2 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +2 -1
- package/lib/index.cjs +2 -1
- package/lib/index.js +2 -1
- package/package.json +5 -5
- package/src/components/Divider/Divider.tsx +34 -0
- package/src/components/Divider/index.ts +1 -0
- package/src/components/HelpBubble/HelpBubble.namespace.ts +0 -2
- package/src/components/HelpBubble/HelpBubble.tsx +0 -11
- package/src/components/HelpBubble/index.ts +0 -2
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const React = require('react');
|
|
7
|
+
const Box = require('../Box/Box.cjs');
|
|
8
|
+
|
|
9
|
+
function _interopNamespaceDefault(e) {
|
|
10
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
11
|
+
if (e) {
|
|
12
|
+
for (const k in e) {
|
|
13
|
+
if (k !== 'default') {
|
|
14
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: () => e[k]
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
n.default = e;
|
|
23
|
+
return Object.freeze(n);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
27
|
+
|
|
28
|
+
const Divider = React__namespace.forwardRef((props, ref) => {
|
|
29
|
+
const { as = "hr", borderColor = "stroke.neutral", borderWidth = 1, ...rest } = props;
|
|
30
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
31
|
+
Box.Box,
|
|
32
|
+
{
|
|
33
|
+
ref,
|
|
34
|
+
as,
|
|
35
|
+
display: "block",
|
|
36
|
+
borderColor,
|
|
37
|
+
borderWidth,
|
|
38
|
+
...rest
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
exports.Divider = Divider;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BoxProps } from '../Box/Box';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export interface DividerProps extends Omit<BoxProps, "display"> {
|
|
4
|
+
/**
|
|
5
|
+
* @default "hr"
|
|
6
|
+
*/
|
|
7
|
+
as?: "hr" | "div";
|
|
8
|
+
/**
|
|
9
|
+
* @default "stroke.neutral"
|
|
10
|
+
*/
|
|
11
|
+
borderColor?: BoxProps["borderColor"];
|
|
12
|
+
/**
|
|
13
|
+
* @default 1
|
|
14
|
+
*/
|
|
15
|
+
borderWidth?: BoxProps["borderWidth"];
|
|
16
|
+
}
|
|
17
|
+
export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
|
|
18
|
+
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7D;;OAEG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEtC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,oFAalB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Box } from '../Box/Box.js';
|
|
4
|
+
|
|
5
|
+
const Divider = React.forwardRef((props, ref) => {
|
|
6
|
+
const { as = "hr", borderColor = "stroke.neutral", borderWidth = 1, ...rest } = props;
|
|
7
|
+
return /* @__PURE__ */ jsx(
|
|
8
|
+
Box,
|
|
9
|
+
{
|
|
10
|
+
ref,
|
|
11
|
+
as,
|
|
12
|
+
display: "block",
|
|
13
|
+
borderColor,
|
|
14
|
+
borderWidth,
|
|
15
|
+
...rest
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
export { Divider };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Divider } from './Divider.js';
|
|
@@ -31,10 +31,6 @@ const HelpBubblePositioner = withContext(
|
|
|
31
31
|
reactPopover.Popover.Positioner,
|
|
32
32
|
"positioner"
|
|
33
33
|
);
|
|
34
|
-
const HelpBubbleBackdrop = withContext(
|
|
35
|
-
withStateProps(reactPrimitive.Primitive.div),
|
|
36
|
-
"backdrop"
|
|
37
|
-
);
|
|
38
34
|
const HelpBubbleContent = withContext(
|
|
39
35
|
styled.withStyleProps(withStateProps(reactPrimitive.Primitive.div)),
|
|
40
36
|
"content"
|
|
@@ -88,7 +84,6 @@ const HelpBubbleDescription = withContext(
|
|
|
88
84
|
exports.HelpBubbleAnchor = HelpBubbleAnchor;
|
|
89
85
|
exports.HelpBubbleArrow = HelpBubbleArrow;
|
|
90
86
|
exports.HelpBubbleArrowTip = HelpBubbleArrowTip;
|
|
91
|
-
exports.HelpBubbleBackdrop = HelpBubbleBackdrop;
|
|
92
87
|
exports.HelpBubbleCloseButton = HelpBubbleCloseButton;
|
|
93
88
|
exports.HelpBubbleContent = HelpBubbleContent;
|
|
94
89
|
exports.HelpBubbleDescription = HelpBubbleDescription;
|
|
@@ -15,9 +15,6 @@ export declare const HelpBubbleTrigger: ForwardRefExoticComponent<PopoverPrimiti
|
|
|
15
15
|
export interface HelpBubblePositionerProps extends PopoverPrimitive.PositionerProps {
|
|
16
16
|
}
|
|
17
17
|
export declare const HelpBubblePositioner: ForwardRefExoticComponent<HelpBubblePositionerProps & RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export interface HelpBubbleBackdropProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
19
|
-
}
|
|
20
|
-
export declare const HelpBubbleBackdrop: ForwardRefExoticComponent<HelpBubbleBackdropProps & RefAttributes<HTMLDivElement>>;
|
|
21
18
|
export interface HelpBubbleContentProps extends PrimitiveProps, Pick<StyleProps, "maxWidth">, React.HTMLAttributes<HTMLDivElement> {
|
|
22
19
|
}
|
|
23
20
|
export declare const HelpBubbleContent: ForwardRefExoticComponent<HelpBubbleContentProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAqB,MAAM,4BAA4B,CAAC;AAC5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI/F,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,gBAAgB,CAAC,SAAS;CAAG;AAElG,eAAO,MAAM,cAAc,gEAUzB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,CAAC,WAAW;CAAG;AAE9E,eAAO,MAAM,gBAAgB,yHAA0B,CAAC;AAIxD,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,iBAAiB,6HAA2B,CAAC;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,oBAAoB,sHAGhC,CAAC;AAIF,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"HelpBubble.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAqB,MAAM,4BAA4B,CAAC;AAC5F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAI/F,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrE,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,EAAE,gBAAgB,CAAC,SAAS;CAAG;AAElG,eAAO,MAAM,cAAc,gEAUzB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,CAAC,WAAW;CAAG;AAE9E,eAAO,MAAM,gBAAgB,yHAA0B,CAAC;AAIxD,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,iBAAiB,6HAA2B,CAAC;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,oBAAoB,sHAGhC,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,UAAU;CAAG;AAE5E,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC5E;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gIA6B9B,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,qBAAqB,0HAGjC,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,qBAAqB,uHAGjC,CAAC"}
|
|
@@ -27,10 +27,6 @@ const HelpBubblePositioner = withContext(
|
|
|
27
27
|
Popover.Positioner,
|
|
28
28
|
"positioner"
|
|
29
29
|
);
|
|
30
|
-
const HelpBubbleBackdrop = withContext(
|
|
31
|
-
withStateProps(Primitive.div),
|
|
32
|
-
"backdrop"
|
|
33
|
-
);
|
|
34
30
|
const HelpBubbleContent = withContext(
|
|
35
31
|
withStyleProps(withStateProps(Primitive.div)),
|
|
36
32
|
"content"
|
|
@@ -81,4 +77,4 @@ const HelpBubbleDescription = withContext(
|
|
|
81
77
|
"description"
|
|
82
78
|
);
|
|
83
79
|
|
|
84
|
-
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip,
|
|
80
|
+
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger };
|
|
@@ -9,7 +9,6 @@ const HelpBubble = require('./HelpBubble.cjs');
|
|
|
9
9
|
exports.Anchor = HelpBubble.HelpBubbleAnchor;
|
|
10
10
|
exports.Arrow = HelpBubble.HelpBubbleArrow;
|
|
11
11
|
exports.ArrowTip = HelpBubble.HelpBubbleArrowTip;
|
|
12
|
-
exports.Backdrop = HelpBubble.HelpBubbleBackdrop;
|
|
13
12
|
exports.CloseButton = HelpBubble.HelpBubbleCloseButton;
|
|
14
13
|
exports.Content = HelpBubble.HelpBubbleContent;
|
|
15
14
|
exports.Description = HelpBubble.HelpBubbleDescription;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip,
|
|
1
|
+
export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip, HelpBubbleCloseButton as CloseButton, HelpBubbleContent as Content, HelpBubbleDescription as Description, HelpBubblePositioner as Positioner, HelpBubbleRoot as Root, HelpBubbleTitle as Title, HelpBubbleTrigger as Trigger, type HelpBubbleArrowProps as ArrowProps, type HelpBubbleArrowTipProps as ArrowTipProps, type HelpBubbleCloseButtonProps as CloseButtonProps, type HelpBubbleContentProps as ContentProps, type HelpBubbleDescriptionProps as DescriptionProps, type HelpBubblePositionerProps as PositionerProps, type HelpBubbleRootProps as RootProps, type HelpBubbleTitleProps as TitleProps, type HelpBubbleTriggerProps as TriggerProps, } from './HelpBubble';
|
|
2
2
|
//# sourceMappingURL=HelpBubble.namespace.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpBubble.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,MAAM,EAC1B,eAAe,IAAI,KAAK,EACxB,kBAAkB,IAAI,QAAQ,EAC9B,
|
|
1
|
+
{"version":3,"file":"HelpBubble.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/HelpBubble.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,MAAM,EAC1B,eAAe,IAAI,KAAK,EACxB,kBAAkB,IAAI,QAAQ,EAC9B,qBAAqB,IAAI,WAAW,EACpC,iBAAiB,IAAI,OAAO,EAC5B,qBAAqB,IAAI,WAAW,EACpC,oBAAoB,IAAI,UAAU,EAClC,cAAc,IAAI,IAAI,EACtB,eAAe,IAAI,KAAK,EACxB,iBAAiB,IAAI,OAAO,EAC5B,KAAK,oBAAoB,IAAI,UAAU,EACvC,KAAK,uBAAuB,IAAI,aAAa,EAC7C,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,sBAAsB,IAAI,YAAY,EAC3C,KAAK,0BAA0B,IAAI,gBAAgB,EACnD,KAAK,yBAAyB,IAAI,eAAe,EACjD,KAAK,mBAAmB,IAAI,SAAS,EACrC,KAAK,oBAAoB,IAAI,UAAU,EACvC,KAAK,sBAAsB,IAAI,YAAY,GAC5C,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip,
|
|
1
|
+
export { HelpBubbleAnchor as Anchor, HelpBubbleArrow as Arrow, HelpBubbleArrowTip as ArrowTip, HelpBubbleCloseButton as CloseButton, HelpBubbleContent as Content, HelpBubbleDescription as Description, HelpBubblePositioner as Positioner, HelpBubbleRoot as Root, HelpBubbleTitle as Title, HelpBubbleTrigger as Trigger } from './HelpBubble.js';
|
|
@@ -10,7 +10,6 @@ const HelpBubble_namespace = require('./HelpBubble.namespace.cjs');
|
|
|
10
10
|
exports.HelpBubbleAnchor = HelpBubble.HelpBubbleAnchor;
|
|
11
11
|
exports.HelpBubbleArrow = HelpBubble.HelpBubbleArrow;
|
|
12
12
|
exports.HelpBubbleArrowTip = HelpBubble.HelpBubbleArrowTip;
|
|
13
|
-
exports.HelpBubbleBackdrop = HelpBubble.HelpBubbleBackdrop;
|
|
14
13
|
exports.HelpBubbleCloseButton = HelpBubble.HelpBubbleCloseButton;
|
|
15
14
|
exports.HelpBubbleContent = HelpBubble.HelpBubbleContent;
|
|
16
15
|
exports.HelpBubbleDescription = HelpBubble.HelpBubbleDescription;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip,
|
|
1
|
+
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger, type HelpBubbleAnchorProps, type HelpBubbleArrowProps, type HelpBubbleArrowTipProps, type HelpBubbleCloseButtonProps, type HelpBubbleContentProps, type HelpBubbleDescriptionProps, type HelpBubblePositionerProps, type HelpBubbleRootProps, type HelpBubbleTitleProps, type HelpBubbleTriggerProps, } from './HelpBubble';
|
|
2
2
|
export * as HelpBubble from './HelpBubble.namespace';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HelpBubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAC3B,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip,
|
|
1
|
+
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from './HelpBubble.js';
|
|
2
2
|
import * as HelpBubble_namespace from './HelpBubble.namespace.js';
|
|
3
3
|
export { HelpBubble_namespace as HelpBubble };
|
package/lib/components/index.cjs
CHANGED
|
@@ -25,6 +25,7 @@ const ControlChip = require('./ControlChip/ControlChip.cjs');
|
|
|
25
25
|
const Count = require('./Count/Count.cjs');
|
|
26
26
|
const Dialog = require('./Dialog/Dialog.cjs');
|
|
27
27
|
const Dialog_namespace = require('./Dialog/Dialog.namespace.cjs');
|
|
28
|
+
const Divider = require('./Divider/Divider.cjs');
|
|
28
29
|
const ExtendedActionSheet = require('./ExtendedActionSheet/ExtendedActionSheet.cjs');
|
|
29
30
|
const ExtendedActionSheet_namespace = require('./ExtendedActionSheet/ExtendedActionSheet.namespace.cjs');
|
|
30
31
|
const ExtendedFab = require('./ExtendedFab/ExtendedFab.cjs');
|
|
@@ -144,6 +145,7 @@ exports.DialogRoot = Dialog.DialogRoot;
|
|
|
144
145
|
exports.DialogTitle = Dialog.DialogTitle;
|
|
145
146
|
exports.DialogTrigger = Dialog.DialogTrigger;
|
|
146
147
|
exports.Dialog = Dialog_namespace;
|
|
148
|
+
exports.Divider = Divider.Divider;
|
|
147
149
|
exports.ExtendedActionSheetBackdrop = ExtendedActionSheet.ExtendedActionSheetBackdrop;
|
|
148
150
|
exports.ExtendedActionSheetCloseButton = ExtendedActionSheet.ExtendedActionSheetCloseButton;
|
|
149
151
|
exports.ExtendedActionSheetContent = ExtendedActionSheet.ExtendedActionSheetContent;
|
|
@@ -163,7 +165,6 @@ exports.Flex = Flex.Flex;
|
|
|
163
165
|
exports.HelpBubbleAnchor = HelpBubble.HelpBubbleAnchor;
|
|
164
166
|
exports.HelpBubbleArrow = HelpBubble.HelpBubbleArrow;
|
|
165
167
|
exports.HelpBubbleArrowTip = HelpBubble.HelpBubbleArrowTip;
|
|
166
|
-
exports.HelpBubbleBackdrop = HelpBubble.HelpBubbleBackdrop;
|
|
167
168
|
exports.HelpBubbleCloseButton = HelpBubble.HelpBubbleCloseButton;
|
|
168
169
|
exports.HelpBubbleContent = HelpBubble.HelpBubbleContent;
|
|
169
170
|
exports.HelpBubbleDescription = HelpBubble.HelpBubbleDescription;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -28,13 +28,14 @@ export { Count } from './Count/Count.js';
|
|
|
28
28
|
export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from './Dialog/Dialog.js';
|
|
29
29
|
import * as Dialog_namespace from './Dialog/Dialog.namespace.js';
|
|
30
30
|
export { Dialog_namespace as Dialog };
|
|
31
|
+
export { Divider } from './Divider/Divider.js';
|
|
31
32
|
export { ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger } from './ExtendedActionSheet/ExtendedActionSheet.js';
|
|
32
33
|
import * as ExtendedActionSheet_namespace from './ExtendedActionSheet/ExtendedActionSheet.namespace.js';
|
|
33
34
|
export { ExtendedActionSheet_namespace as ExtendedActionSheet };
|
|
34
35
|
export { ExtendedFab } from './ExtendedFab/ExtendedFab.js';
|
|
35
36
|
export { Fab } from './Fab/Fab.js';
|
|
36
37
|
export { Flex } from './Flex/Flex.js';
|
|
37
|
-
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip,
|
|
38
|
+
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from './HelpBubble/HelpBubble.js';
|
|
38
39
|
import * as HelpBubble_namespace from './HelpBubble/HelpBubble.namespace.js';
|
|
39
40
|
export { HelpBubble_namespace as HelpBubble };
|
|
40
41
|
export { Icon, PrefixIcon, SuffixIcon } from './Icon/Icon.js';
|
package/lib/index.cjs
CHANGED
|
@@ -25,6 +25,7 @@ const ControlChip = require('./components/ControlChip/ControlChip.cjs');
|
|
|
25
25
|
const Count = require('./components/Count/Count.cjs');
|
|
26
26
|
const Dialog = require('./components/Dialog/Dialog.cjs');
|
|
27
27
|
const Dialog_namespace = require('./components/Dialog/Dialog.namespace.cjs');
|
|
28
|
+
const Divider = require('./components/Divider/Divider.cjs');
|
|
28
29
|
const ExtendedActionSheet = require('./components/ExtendedActionSheet/ExtendedActionSheet.cjs');
|
|
29
30
|
const ExtendedActionSheet_namespace = require('./components/ExtendedActionSheet/ExtendedActionSheet.namespace.cjs');
|
|
30
31
|
const ExtendedFab = require('./components/ExtendedFab/ExtendedFab.cjs');
|
|
@@ -144,6 +145,7 @@ exports.DialogRoot = Dialog.DialogRoot;
|
|
|
144
145
|
exports.DialogTitle = Dialog.DialogTitle;
|
|
145
146
|
exports.DialogTrigger = Dialog.DialogTrigger;
|
|
146
147
|
exports.Dialog = Dialog_namespace;
|
|
148
|
+
exports.Divider = Divider.Divider;
|
|
147
149
|
exports.ExtendedActionSheetBackdrop = ExtendedActionSheet.ExtendedActionSheetBackdrop;
|
|
148
150
|
exports.ExtendedActionSheetCloseButton = ExtendedActionSheet.ExtendedActionSheetCloseButton;
|
|
149
151
|
exports.ExtendedActionSheetContent = ExtendedActionSheet.ExtendedActionSheetContent;
|
|
@@ -163,7 +165,6 @@ exports.Flex = Flex.Flex;
|
|
|
163
165
|
exports.HelpBubbleAnchor = HelpBubble.HelpBubbleAnchor;
|
|
164
166
|
exports.HelpBubbleArrow = HelpBubble.HelpBubbleArrow;
|
|
165
167
|
exports.HelpBubbleArrowTip = HelpBubble.HelpBubbleArrowTip;
|
|
166
|
-
exports.HelpBubbleBackdrop = HelpBubble.HelpBubbleBackdrop;
|
|
167
168
|
exports.HelpBubbleCloseButton = HelpBubble.HelpBubbleCloseButton;
|
|
168
169
|
exports.HelpBubbleContent = HelpBubble.HelpBubbleContent;
|
|
169
170
|
exports.HelpBubbleDescription = HelpBubble.HelpBubbleDescription;
|
package/lib/index.js
CHANGED
|
@@ -28,13 +28,14 @@ export { Count } from './components/Count/Count.js';
|
|
|
28
28
|
export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
|
|
29
29
|
import * as Dialog_namespace from './components/Dialog/Dialog.namespace.js';
|
|
30
30
|
export { Dialog_namespace as Dialog };
|
|
31
|
+
export { Divider } from './components/Divider/Divider.js';
|
|
31
32
|
export { ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger } from './components/ExtendedActionSheet/ExtendedActionSheet.js';
|
|
32
33
|
import * as ExtendedActionSheet_namespace from './components/ExtendedActionSheet/ExtendedActionSheet.namespace.js';
|
|
33
34
|
export { ExtendedActionSheet_namespace as ExtendedActionSheet };
|
|
34
35
|
export { ExtendedFab } from './components/ExtendedFab/ExtendedFab.js';
|
|
35
36
|
export { Fab } from './components/Fab/Fab.js';
|
|
36
37
|
export { Flex } from './components/Flex/Flex.js';
|
|
37
|
-
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip,
|
|
38
|
+
export { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from './components/HelpBubble/HelpBubble.js';
|
|
38
39
|
import * as HelpBubble_namespace from './components/HelpBubble/HelpBubble.namespace.js';
|
|
39
40
|
export { HelpBubble_namespace as HelpBubble };
|
|
40
41
|
export { Icon, PrefixIcon, SuffixIcon } from './components/Icon/Icon.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/daangn/seed-design.git",
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
"@seed-design/react-avatar": "0.0.1",
|
|
42
42
|
"@seed-design/react-checkbox": "0.0.1",
|
|
43
43
|
"@seed-design/react-dialog": "0.0.2",
|
|
44
|
-
"@seed-design/react-popover": "0.0.
|
|
44
|
+
"@seed-design/react-popover": "0.0.3",
|
|
45
45
|
"@seed-design/react-primitive": "0.0.1",
|
|
46
46
|
"@seed-design/react-progress": "0.0.1",
|
|
47
|
-
"@seed-design/react-pull-to-refresh": "0.0.
|
|
47
|
+
"@seed-design/react-pull-to-refresh": "0.0.2",
|
|
48
48
|
"@seed-design/react-radio-group": "0.0.1",
|
|
49
49
|
"@seed-design/react-segmented-control": "0.0.2",
|
|
50
50
|
"@seed-design/react-snackbar": "0.0.2",
|
|
@@ -55,12 +55,12 @@
|
|
|
55
55
|
"clsx": "^2.1.1"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
|
-
"@seed-design/css": "0.0.
|
|
58
|
+
"@seed-design/css": "0.0.14",
|
|
59
59
|
"react": ">=18.0.0",
|
|
60
60
|
"react-dom": ">=18.0.0"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
|
-
"@seed-design/css": "0.0.
|
|
63
|
+
"@seed-design/css": "0.0.14",
|
|
64
64
|
"@vitejs/plugin-react": "^4.3.4",
|
|
65
65
|
"globby": "^14.1.0",
|
|
66
66
|
"vite": "^6.2.3",
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Box, type BoxProps } from "../Box/Box";
|
|
3
|
+
|
|
4
|
+
export interface DividerProps extends Omit<BoxProps, "display"> {
|
|
5
|
+
/**
|
|
6
|
+
* @default "hr"
|
|
7
|
+
*/
|
|
8
|
+
as?: "hr" | "div";
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* @default "stroke.neutral"
|
|
12
|
+
*/
|
|
13
|
+
borderColor?: BoxProps["borderColor"];
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* @default 1
|
|
17
|
+
*/
|
|
18
|
+
borderWidth?: BoxProps["borderWidth"];
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export const Divider = React.forwardRef<HTMLHRElement, DividerProps>((props, ref) => {
|
|
22
|
+
const { as = "hr", borderColor = "stroke.neutral", borderWidth = 1, ...rest } = props;
|
|
23
|
+
|
|
24
|
+
return (
|
|
25
|
+
<Box
|
|
26
|
+
ref={ref}
|
|
27
|
+
as={as}
|
|
28
|
+
display="block"
|
|
29
|
+
borderColor={borderColor}
|
|
30
|
+
borderWidth={borderWidth}
|
|
31
|
+
{...rest}
|
|
32
|
+
/>
|
|
33
|
+
);
|
|
34
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Divider, type DividerProps } from "./Divider";
|
|
@@ -2,7 +2,6 @@ export {
|
|
|
2
2
|
HelpBubbleAnchor as Anchor,
|
|
3
3
|
HelpBubbleArrow as Arrow,
|
|
4
4
|
HelpBubbleArrowTip as ArrowTip,
|
|
5
|
-
HelpBubbleBackdrop as Backdrop,
|
|
6
5
|
HelpBubbleCloseButton as CloseButton,
|
|
7
6
|
HelpBubbleContent as Content,
|
|
8
7
|
HelpBubbleDescription as Description,
|
|
@@ -12,7 +11,6 @@ export {
|
|
|
12
11
|
HelpBubbleTrigger as Trigger,
|
|
13
12
|
type HelpBubbleArrowProps as ArrowProps,
|
|
14
13
|
type HelpBubbleArrowTipProps as ArrowTipProps,
|
|
15
|
-
type HelpBubbleBackdropProps as BackdropProps,
|
|
16
14
|
type HelpBubbleCloseButtonProps as CloseButtonProps,
|
|
17
15
|
type HelpBubbleContentProps as ContentProps,
|
|
18
16
|
type HelpBubbleDescriptionProps as DescriptionProps,
|
|
@@ -48,17 +48,6 @@ export const HelpBubblePositioner = withContext<HTMLDivElement, HelpBubblePositi
|
|
|
48
48
|
|
|
49
49
|
////////////////////////////////////////////////////////////////////////////////////
|
|
50
50
|
|
|
51
|
-
export interface HelpBubbleBackdropProps
|
|
52
|
-
extends PrimitiveProps,
|
|
53
|
-
React.HTMLAttributes<HTMLDivElement> {}
|
|
54
|
-
|
|
55
|
-
export const HelpBubbleBackdrop = withContext<HTMLDivElement, HelpBubbleBackdropProps>(
|
|
56
|
-
withStateProps(Primitive.div),
|
|
57
|
-
"backdrop",
|
|
58
|
-
);
|
|
59
|
-
|
|
60
|
-
////////////////////////////////////////////////////////////////////////////////////
|
|
61
|
-
|
|
62
51
|
export interface HelpBubbleContentProps
|
|
63
52
|
extends PrimitiveProps,
|
|
64
53
|
Pick<StyleProps, "maxWidth">,
|
|
@@ -2,7 +2,6 @@ export {
|
|
|
2
2
|
HelpBubbleAnchor,
|
|
3
3
|
HelpBubbleArrow,
|
|
4
4
|
HelpBubbleArrowTip,
|
|
5
|
-
HelpBubbleBackdrop,
|
|
6
5
|
HelpBubbleCloseButton,
|
|
7
6
|
HelpBubbleContent,
|
|
8
7
|
HelpBubbleDescription,
|
|
@@ -13,7 +12,6 @@ export {
|
|
|
13
12
|
type HelpBubbleAnchorProps,
|
|
14
13
|
type HelpBubbleArrowProps,
|
|
15
14
|
type HelpBubbleArrowTipProps,
|
|
16
|
-
type HelpBubbleBackdropProps,
|
|
17
15
|
type HelpBubbleCloseButtonProps,
|
|
18
16
|
type HelpBubbleContentProps,
|
|
19
17
|
type HelpBubbleDescriptionProps,
|
package/src/components/index.ts
CHANGED