@seed-design/react 1.1.16 → 1.2.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/lib/components/AspectRatio/AspectRatio.cjs +53 -0
- package/lib/components/AspectRatio/AspectRatio.d.ts +11 -0
- package/lib/components/AspectRatio/AspectRatio.d.ts.map +1 -0
- package/lib/components/AspectRatio/AspectRatio.js +30 -0
- package/lib/components/AspectRatio/index.cjs +9 -0
- package/lib/components/AspectRatio/index.d.ts +2 -0
- package/lib/components/AspectRatio/index.d.ts.map +1 -0
- package/lib/components/AspectRatio/index.js +1 -0
- package/lib/components/Avatar/Avatar.cjs +4 -10
- package/lib/components/Avatar/Avatar.d.ts +4 -4
- package/lib/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/components/Avatar/Avatar.js +4 -10
- package/lib/components/Checkbox/Checkbox.cjs +10 -0
- package/lib/components/Checkbox/Checkbox.d.ts +4 -0
- package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.js +10 -1
- package/lib/components/Checkbox/Checkbox.namespace.cjs +1 -0
- package/lib/components/Checkbox/Checkbox.namespace.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.namespace.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.namespace.js +1 -1
- package/lib/components/Checkbox/index.cjs +1 -0
- package/lib/components/Checkbox/index.d.ts +1 -1
- package/lib/components/Checkbox/index.d.ts.map +1 -1
- package/lib/components/Checkbox/index.js +1 -1
- package/lib/components/ChipTabs/ChipTabs.cjs +23 -4
- package/lib/components/ChipTabs/ChipTabs.d.ts.map +1 -1
- package/lib/components/ChipTabs/ChipTabs.js +23 -4
- package/lib/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/components/Fieldset/Fieldset.cjs +86 -0
- package/lib/components/Fieldset/Fieldset.d.ts +30 -0
- package/lib/components/Fieldset/Fieldset.d.ts.map +1 -0
- package/lib/components/Fieldset/Fieldset.js +75 -0
- package/lib/components/Fieldset/Fieldset.namespace.cjs +16 -0
- package/lib/components/Fieldset/Fieldset.namespace.d.ts +2 -0
- package/lib/components/Fieldset/Fieldset.namespace.d.ts.map +1 -0
- package/lib/components/Fieldset/Fieldset.namespace.js +1 -0
- package/lib/components/Fieldset/index.cjs +18 -0
- package/lib/components/Fieldset/index.d.ts +3 -0
- package/lib/components/Fieldset/index.d.ts.map +1 -0
- package/lib/components/Fieldset/index.js +3 -0
- package/lib/components/Grid/Grid.cjs +56 -0
- package/lib/components/Grid/Grid.d.ts +41 -0
- package/lib/components/Grid/Grid.d.ts.map +1 -0
- package/lib/components/Grid/Grid.js +33 -0
- package/lib/components/Grid/index.cjs +9 -0
- package/lib/components/Grid/index.d.ts +2 -0
- package/lib/components/Grid/index.d.ts.map +1 -0
- package/lib/components/Grid/index.js +1 -0
- package/lib/components/GridItem/GridItem.cjs +45 -0
- package/lib/components/GridItem/GridItem.d.ts +35 -0
- package/lib/components/GridItem/GridItem.d.ts.map +1 -0
- package/lib/components/GridItem/GridItem.js +22 -0
- package/lib/components/GridItem/index.cjs +9 -0
- package/lib/components/GridItem/index.d.ts +2 -0
- package/lib/components/GridItem/index.d.ts.map +1 -0
- package/lib/components/GridItem/index.js +1 -0
- package/lib/components/HelpBubble/HelpBubble.cjs +5 -0
- package/lib/components/HelpBubble/HelpBubble.d.ts +3 -0
- package/lib/components/HelpBubble/HelpBubble.d.ts.map +1 -1
- package/lib/components/HelpBubble/HelpBubble.js +5 -1
- package/lib/components/HelpBubble/HelpBubble.namespace.cjs +1 -0
- 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 +1 -0
- 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/ImageFrame/ImageFrame.cjs +157 -0
- package/lib/components/ImageFrame/ImageFrame.d.ts +51 -0
- package/lib/components/ImageFrame/ImageFrame.d.ts.map +1 -0
- package/lib/components/ImageFrame/ImageFrame.js +129 -0
- package/lib/components/ImageFrame/index.cjs +14 -0
- package/lib/components/ImageFrame/index.d.ts +2 -0
- package/lib/components/ImageFrame/index.d.ts.map +1 -0
- package/lib/components/ImageFrame/index.js +1 -0
- package/lib/components/MenuSheet/MenuSheet.cjs +60 -24
- package/lib/components/MenuSheet/MenuSheet.d.ts +12 -0
- package/lib/components/MenuSheet/MenuSheet.d.ts.map +1 -1
- package/lib/components/MenuSheet/MenuSheet.js +57 -25
- package/lib/components/MenuSheet/MenuSheet.namespace.cjs +4 -0
- package/lib/components/MenuSheet/MenuSheet.namespace.d.ts +1 -1
- package/lib/components/MenuSheet/MenuSheet.namespace.d.ts.map +1 -1
- package/lib/components/MenuSheet/MenuSheet.namespace.js +1 -1
- package/lib/components/MenuSheet/index.cjs +4 -0
- package/lib/components/MenuSheet/index.d.ts +1 -1
- package/lib/components/MenuSheet/index.d.ts.map +1 -1
- package/lib/components/MenuSheet/index.js +1 -1
- package/lib/components/RadioGroup/RadioGroup.cjs +4 -1
- package/lib/components/RadioGroup/RadioGroup.d.ts +3 -2
- package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/lib/components/RadioGroup/RadioGroup.js +4 -1
- package/lib/components/RadioGroupField/RadioGroupField.cjs +79 -0
- package/lib/components/RadioGroupField/RadioGroupField.d.ts +30 -0
- package/lib/components/RadioGroupField/RadioGroupField.d.ts.map +1 -0
- package/lib/components/RadioGroupField/RadioGroupField.js +68 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.cjs +16 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts +2 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts.map +1 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.js +1 -0
- package/lib/components/RadioGroupField/index.cjs +18 -0
- package/lib/components/RadioGroupField/index.d.ts +3 -0
- package/lib/components/RadioGroupField/index.d.ts.map +1 -0
- package/lib/components/RadioGroupField/index.js +3 -0
- package/lib/components/SelectBox/CheckSelectBox.cjs +117 -8
- package/lib/components/SelectBox/CheckSelectBox.d.ts +38 -10
- package/lib/components/SelectBox/CheckSelectBox.d.ts.map +1 -1
- package/lib/components/SelectBox/CheckSelectBox.js +113 -10
- package/lib/components/SelectBox/CheckSelectBox.namespace.cjs +6 -0
- package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts +1 -1
- package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts.map +1 -1
- package/lib/components/SelectBox/CheckSelectBox.namespace.js +1 -1
- package/lib/components/SelectBox/RadioSelectBox.cjs +112 -9
- package/lib/components/SelectBox/RadioSelectBox.d.ts +31 -7
- package/lib/components/SelectBox/RadioSelectBox.d.ts.map +1 -1
- package/lib/components/SelectBox/RadioSelectBox.js +109 -10
- package/lib/components/SelectBox/RadioSelectBox.namespace.cjs +5 -1
- package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts +1 -1
- package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts.map +1 -1
- package/lib/components/SelectBox/RadioSelectBox.namespace.js +1 -1
- package/lib/components/SelectBox/index.cjs +11 -1
- package/lib/components/SelectBox/index.d.ts +2 -2
- package/lib/components/SelectBox/index.d.ts.map +1 -1
- package/lib/components/SelectBox/index.js +2 -2
- package/lib/components/Switch/Switch.cjs +10 -5
- package/lib/components/Switch/Switch.d.ts +3 -3
- package/lib/components/Switch/Switch.d.ts.map +1 -1
- package/lib/components/Switch/Switch.js +10 -5
- package/lib/components/TagGroup/TagGroup.cjs +25 -9
- package/lib/components/TagGroup/TagGroup.d.ts +5 -1
- package/lib/components/TagGroup/TagGroup.d.ts.map +1 -1
- package/lib/components/TagGroup/TagGroup.js +25 -10
- package/lib/components/TagGroup/TagGroup.namespace.cjs +1 -0
- package/lib/components/TagGroup/TagGroup.namespace.d.ts +1 -1
- package/lib/components/TagGroup/TagGroup.namespace.d.ts.map +1 -1
- package/lib/components/TagGroup/TagGroup.namespace.js +1 -1
- package/lib/components/TagGroup/index.cjs +1 -0
- package/lib/components/TagGroup/index.d.ts +1 -1
- package/lib/components/TagGroup/index.d.ts.map +1 -1
- package/lib/components/TagGroup/index.js +1 -1
- package/lib/components/index.cjs +53 -1
- package/lib/components/index.d.ts +6 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +16 -6
- package/lib/index.cjs +53 -1
- package/lib/index.js +16 -6
- package/lib/utils/styled.cjs +11 -5
- package/lib/utils/styled.d.ts +6 -0
- package/lib/utils/styled.d.ts.map +1 -1
- package/lib/utils/styled.js +11 -5
- package/package.json +6 -3
- package/src/components/AspectRatio/AspectRatio.tsx +38 -0
- package/src/components/AspectRatio/index.ts +1 -0
- package/src/components/Avatar/Avatar.tsx +7 -14
- package/src/components/Checkbox/Checkbox.namespace.ts +2 -0
- package/src/components/Checkbox/Checkbox.tsx +24 -0
- package/src/components/Checkbox/index.ts +2 -0
- package/src/components/ChipTabs/ChipTabs.tsx +25 -4
- package/src/components/Dialog/Dialog.tsx +6 -0
- package/src/components/Fieldset/Fieldset.namespace.ts +17 -0
- package/src/components/Fieldset/Fieldset.tsx +101 -0
- package/src/components/Fieldset/index.ts +19 -0
- package/src/components/Grid/Grid.tsx +79 -0
- package/src/components/Grid/index.ts +1 -0
- package/src/components/GridItem/GridItem.tsx +70 -0
- package/src/components/GridItem/index.ts +1 -0
- package/src/components/HelpBubble/HelpBubble.namespace.ts +3 -0
- package/src/components/HelpBubble/HelpBubble.tsx +7 -2
- package/src/components/HelpBubble/index.ts +2 -0
- package/src/components/ImageFrame/ImageFrame.tsx +227 -0
- package/src/components/ImageFrame/index.ts +14 -0
- package/src/components/MenuSheet/MenuSheet.namespace.ts +8 -0
- package/src/components/MenuSheet/MenuSheet.tsx +82 -34
- package/src/components/MenuSheet/index.ts +8 -0
- package/src/components/RadioGroup/RadioGroup.tsx +8 -2
- package/src/components/RadioGroupField/RadioGroupField.namespace.ts +18 -0
- package/src/components/RadioGroupField/RadioGroupField.tsx +114 -0
- package/src/components/RadioGroupField/index.ts +2 -0
- package/src/components/SelectBox/CheckSelectBox.namespace.ts +12 -0
- package/src/components/SelectBox/CheckSelectBox.tsx +229 -24
- package/src/components/SelectBox/RadioSelectBox.namespace.ts +10 -2
- package/src/components/SelectBox/RadioSelectBox.tsx +210 -16
- package/src/components/SelectBox/index.ts +22 -2
- package/src/components/Switch/Switch.tsx +16 -7
- package/src/components/TagGroup/TagGroup.namespace.ts +2 -0
- package/src/components/TagGroup/TagGroup.tsx +33 -9
- package/src/components/TagGroup/index.ts +2 -0
- package/src/components/index.ts +6 -0
- package/src/utils/styled.tsx +23 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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"}
|
package/lib/utils/styled.js
CHANGED
|
@@ -65,7 +65,7 @@ function handleDisplay(display) {
|
|
|
65
65
|
if (process.env.NODE_ENV !== "production") {
|
|
66
66
|
if (display === "inlineFlex" || display === "inlineBlock") {
|
|
67
67
|
console.warn(
|
|
68
|
-
`[SEED Design System] ${display} is deprecated. Use inline-flex
|
|
68
|
+
`[SEED Design System] display='${display}' is deprecated and will be removed in @seed-design/react@1.3.0. Use display='${display === "inlineFlex" ? "inline-flex" : "inline-block"}' instead.`
|
|
69
69
|
);
|
|
70
70
|
}
|
|
71
71
|
}
|
|
@@ -85,7 +85,7 @@ function handleFlexDirection(flexDirection) {
|
|
|
85
85
|
if (process.env.NODE_ENV !== "production") {
|
|
86
86
|
if (flexDirection === "rowReverse" || flexDirection === "columnReverse") {
|
|
87
87
|
console.warn(
|
|
88
|
-
`[SEED Design System] ${flexDirection} is deprecated. Use row-reverse
|
|
88
|
+
`[SEED Design System] flexDirection='${flexDirection}' is deprecated and will be removed in @seed-design/react@1.3.0. Use flexDirection='${flexDirection === "rowReverse" ? "row-reverse" : "column-reverse"}' instead.`
|
|
89
89
|
);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -105,12 +105,12 @@ function handleJustifyContent(justifyContent) {
|
|
|
105
105
|
if (process.env.NODE_ENV !== "production") {
|
|
106
106
|
if (justifyContent === "flexStart" || justifyContent === "flexEnd") {
|
|
107
107
|
console.warn(
|
|
108
|
-
`[SEED Design System] ${justifyContent} is deprecated. Use flex-start
|
|
108
|
+
`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@1.3.0. Use justifyContent='${justifyContent === "flexStart" ? "flex-start" : "flex-end"}' instead.`
|
|
109
109
|
);
|
|
110
110
|
}
|
|
111
111
|
if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") {
|
|
112
112
|
console.warn(
|
|
113
|
-
`[SEED Design System] ${justifyContent} is deprecated. Use space-between
|
|
113
|
+
`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@1.3.0. Use justifyContent='${justifyContent === "spaceBetween" ? "space-between" : "space-around"}' instead.`
|
|
114
114
|
);
|
|
115
115
|
}
|
|
116
116
|
}
|
|
@@ -133,7 +133,7 @@ function handleAlignItems(alignItems) {
|
|
|
133
133
|
if (process.env.NODE_ENV !== "production") {
|
|
134
134
|
if (alignItems === "flexStart" || alignItems === "flexEnd") {
|
|
135
135
|
console.warn(
|
|
136
|
-
`[SEED Design System] ${alignItems} is deprecated. Use flex-start
|
|
136
|
+
`[SEED Design System] alignItems='${alignItems}' is deprecated and will be removed in @seed-design/react@1.3.0. Use alignItems='${alignItems === "flexStart" ? "flex-start" : "flex-end"}' instead.`
|
|
137
137
|
);
|
|
138
138
|
}
|
|
139
139
|
}
|
|
@@ -207,10 +207,13 @@ function useStyleProps(props) {
|
|
|
207
207
|
flexDirection,
|
|
208
208
|
flexWrap,
|
|
209
209
|
justifyContent,
|
|
210
|
+
justifySelf,
|
|
210
211
|
alignItems,
|
|
211
212
|
alignContent,
|
|
212
213
|
alignSelf,
|
|
213
214
|
gap,
|
|
215
|
+
gridColumn,
|
|
216
|
+
gridRow,
|
|
214
217
|
unstable_transform,
|
|
215
218
|
_active,
|
|
216
219
|
style,
|
|
@@ -268,9 +271,12 @@ function useStyleProps(props) {
|
|
|
268
271
|
"--seed-box-flex-direction": handleFlexDirection(flexDirection),
|
|
269
272
|
"--seed-box-flex-wrap": flexWrap === true ? "wrap" : flexWrap,
|
|
270
273
|
"--seed-box-justify-content": handleJustifyContent(justifyContent),
|
|
274
|
+
"--seed-box-justify-self": justifySelf,
|
|
271
275
|
"--seed-box-align-items": handleAlignItems(alignItems),
|
|
272
276
|
"--seed-box-align-content": handleAlignItems(alignContent),
|
|
273
277
|
"--seed-box-align-self": handleAlignItems(alignSelf),
|
|
278
|
+
"--seed-box-grid-column": gridColumn,
|
|
279
|
+
"--seed-box-grid-row": gridRow,
|
|
274
280
|
"--seed-box-unstable-transform": unstable_transform,
|
|
275
281
|
// Active
|
|
276
282
|
"--seed-box-background--active": handleColor(_active?.bg ?? _active?.background),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/daangn/seed-design.git",
|
|
@@ -43,16 +43,19 @@
|
|
|
43
43
|
"@seed-design/dom-utils": "1.0.0",
|
|
44
44
|
"@seed-design/react-avatar": "1.0.0",
|
|
45
45
|
"@seed-design/react-checkbox": "1.0.1",
|
|
46
|
+
"@seed-design/react-collapsible": "0.1.0",
|
|
46
47
|
"@seed-design/react-dialog": "1.0.1",
|
|
47
48
|
"@seed-design/react-drawer": "1.0.5",
|
|
48
49
|
"@seed-design/react-field": "1.0.1",
|
|
50
|
+
"@seed-design/react-image": "0.1.0",
|
|
51
|
+
"@seed-design/react-fieldset": "0.1.0",
|
|
49
52
|
"@seed-design/react-field-button": "1.0.1",
|
|
50
53
|
"@seed-design/react-popover": "1.0.3",
|
|
51
54
|
"@seed-design/react-portal": "1.0.0",
|
|
52
55
|
"@seed-design/react-primitive": "1.0.0",
|
|
53
56
|
"@seed-design/react-progress": "1.0.0",
|
|
54
57
|
"@seed-design/react-pull-to-refresh": "1.0.1",
|
|
55
|
-
"@seed-design/react-radio-group": "1.0
|
|
58
|
+
"@seed-design/react-radio-group": "1.1.0",
|
|
56
59
|
"@seed-design/react-segmented-control": "1.0.1",
|
|
57
60
|
"@seed-design/react-slider": "1.0.1",
|
|
58
61
|
"@seed-design/react-snackbar": "1.0.0",
|
|
@@ -64,7 +67,7 @@
|
|
|
64
67
|
"unicode-segmenter": "^0.14.4"
|
|
65
68
|
},
|
|
66
69
|
"peerDependencies": {
|
|
67
|
-
"@seed-design/css": ">=1.1.
|
|
70
|
+
"@seed-design/css": ">=1.1.17",
|
|
68
71
|
"react": ">=18.0.0",
|
|
69
72
|
"react-dom": ">=18.0.0"
|
|
70
73
|
},
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { aspectRatio as aspectRatioRecipe } from "@seed-design/css/recipes/aspect-ratio";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { Box, type BoxProps } from "../Box/Box";
|
|
5
|
+
|
|
6
|
+
export interface AspectRatioProps extends BoxProps {
|
|
7
|
+
/**
|
|
8
|
+
* The aspect ratio of the aspect ratio container (width / height).
|
|
9
|
+
* @default 4 / 3
|
|
10
|
+
*/
|
|
11
|
+
ratio?: number;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(
|
|
15
|
+
({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
|
|
16
|
+
const child = React.Children.only(children);
|
|
17
|
+
const aspectRatio = aspectRatioRecipe();
|
|
18
|
+
|
|
19
|
+
return (
|
|
20
|
+
<Box
|
|
21
|
+
ref={ref}
|
|
22
|
+
className={clsx(aspectRatio, className)}
|
|
23
|
+
style={
|
|
24
|
+
{
|
|
25
|
+
// NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
|
|
26
|
+
"--seed-aspect-ratio-padding": `${(1 / ratio) * 100}%`,
|
|
27
|
+
...style,
|
|
28
|
+
} as React.CSSProperties
|
|
29
|
+
}
|
|
30
|
+
{...rest}
|
|
31
|
+
>
|
|
32
|
+
{child}
|
|
33
|
+
</Box>
|
|
34
|
+
);
|
|
35
|
+
},
|
|
36
|
+
);
|
|
37
|
+
|
|
38
|
+
AspectRatio.displayName = "AspectRatio";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AspectRatio, type AspectRatioProps } from "./AspectRatio";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Image } from "@seed-design/react-image";
|
|
2
2
|
import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
|
|
3
3
|
import { avatar, type AvatarVariantProps } from "@seed-design/css/recipes/avatar";
|
|
4
4
|
import { avatarStack, type AvatarStackVariantProps } from "@seed-design/css/recipes/avatar-stack";
|
|
@@ -11,28 +11,22 @@ const { PropsProvider, withProvider, withContext } = createSlotRecipeContext(ava
|
|
|
11
11
|
|
|
12
12
|
////////////////////////////////////////////////////////////////////////////////////
|
|
13
13
|
|
|
14
|
-
export interface AvatarRootProps extends AvatarVariantProps,
|
|
14
|
+
export interface AvatarRootProps extends AvatarVariantProps, Image.RootProps {}
|
|
15
15
|
|
|
16
|
-
export const AvatarRoot = withProvider<HTMLDivElement, AvatarRootProps>(
|
|
17
|
-
AvatarPrimitive.Root,
|
|
18
|
-
"root",
|
|
19
|
-
);
|
|
16
|
+
export const AvatarRoot = withProvider<HTMLDivElement, AvatarRootProps>(Image.Root, "root");
|
|
20
17
|
|
|
21
18
|
////////////////////////////////////////////////////////////////////////////////////
|
|
22
19
|
|
|
23
|
-
export interface AvatarImageProps extends
|
|
20
|
+
export interface AvatarImageProps extends Image.ContentProps {}
|
|
24
21
|
|
|
25
|
-
export const AvatarImage = withContext<HTMLImageElement, AvatarImageProps>(
|
|
26
|
-
AvatarPrimitive.Image,
|
|
27
|
-
"image",
|
|
28
|
-
);
|
|
22
|
+
export const AvatarImage = withContext<HTMLImageElement, AvatarImageProps>(Image.Content, "image");
|
|
29
23
|
|
|
30
24
|
////////////////////////////////////////////////////////////////////////////////////
|
|
31
25
|
|
|
32
|
-
export interface AvatarFallbackProps extends
|
|
26
|
+
export interface AvatarFallbackProps extends Image.FallbackProps {}
|
|
33
27
|
|
|
34
28
|
export const AvatarFallback = withContext<HTMLDivElement, AvatarFallbackProps>(
|
|
35
|
-
|
|
29
|
+
Image.Fallback,
|
|
36
30
|
"fallback",
|
|
37
31
|
);
|
|
38
32
|
|
|
@@ -48,7 +42,6 @@ export interface AvatarStackProps
|
|
|
48
42
|
extends AvatarStackVariantProps,
|
|
49
43
|
React.HTMLAttributes<HTMLDivElement> {}
|
|
50
44
|
|
|
51
|
-
// TODO: implement stacking order
|
|
52
45
|
export const AvatarStack = React.forwardRef<HTMLDivElement, AvatarStackProps>(
|
|
53
46
|
({ className, children, size, ...otherProps }, ref) => {
|
|
54
47
|
const classNames = avatarStack({ size });
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
export {
|
|
2
2
|
CheckboxControl as Control,
|
|
3
|
+
CheckboxGroup as Group,
|
|
3
4
|
CheckboxHiddenInput as HiddenInput,
|
|
4
5
|
CheckboxIndicator as Indicator,
|
|
5
6
|
CheckboxLabel as Label,
|
|
6
7
|
CheckboxRoot as Root,
|
|
7
8
|
type CheckboxControlProps as ControlProps,
|
|
9
|
+
type CheckboxGroupProps as GroupProps,
|
|
8
10
|
type CheckboxHiddenInputProps as HiddenInputProps,
|
|
9
11
|
type CheckboxIndicatorProps as IndicatorProps,
|
|
10
12
|
type CheckboxLabelProps as LabelProps,
|
|
@@ -9,7 +9,13 @@ import { forwardRef } from "react";
|
|
|
9
9
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
|
|
10
10
|
import { createWithStateProps } from "../../utils/createWithStateProps";
|
|
11
11
|
import { InternalIcon } from "../private/Icon";
|
|
12
|
+
import { createRecipeContext } from "../../utils/createRecipeContext";
|
|
13
|
+
import {
|
|
14
|
+
checkboxGroup,
|
|
15
|
+
type CheckboxGroupVariantProps,
|
|
16
|
+
} from "@seed-design/css/recipes/checkbox-group";
|
|
12
17
|
|
|
18
|
+
const { withContext: withGroupContext } = createRecipeContext(checkboxGroup);
|
|
13
19
|
const { ClassNamesProvider, withContext } = createSlotRecipeContext(checkbox);
|
|
14
20
|
const {
|
|
15
21
|
withProvider: withCheckmarkProvider,
|
|
@@ -20,6 +26,15 @@ const withStateProps = createWithStateProps([useCheckboxContext]);
|
|
|
20
26
|
|
|
21
27
|
////////////////////////////////////////////////////////////////////////////////////
|
|
22
28
|
|
|
29
|
+
export interface CheckboxGroupProps
|
|
30
|
+
extends CheckboxGroupVariantProps,
|
|
31
|
+
PrimitiveProps,
|
|
32
|
+
React.HTMLAttributes<HTMLDivElement> {}
|
|
33
|
+
|
|
34
|
+
export const CheckboxGroup = withGroupContext<HTMLDivElement, CheckboxGroupProps>(Primitive.div);
|
|
35
|
+
|
|
36
|
+
////////////////////////////////////////////////////////////////////////////////////
|
|
37
|
+
|
|
23
38
|
/**
|
|
24
39
|
* @deprecated Use `regular` or `bold` instead of `default` or `stronger`
|
|
25
40
|
*/
|
|
@@ -34,6 +49,15 @@ export interface CheckboxRootProps
|
|
|
34
49
|
|
|
35
50
|
export const CheckboxRoot = Object.assign(
|
|
36
51
|
forwardRef<HTMLLabelElement, CheckboxRootProps>(({ className, ...props }, ref) => {
|
|
52
|
+
if (
|
|
53
|
+
process.env.NODE_ENV !== "production" &&
|
|
54
|
+
(props.weight === "default" || props.weight === "stronger")
|
|
55
|
+
) {
|
|
56
|
+
console.warn(
|
|
57
|
+
`[SEED Design System] Checkbox weight='${props.weight}' is deprecated and will be removed in @seed-design/react@1.3.0. Use weight='${props.weight === "default" ? "regular" : "bold"}' instead.`,
|
|
58
|
+
);
|
|
59
|
+
}
|
|
60
|
+
|
|
37
61
|
const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] =
|
|
38
62
|
splitMultipleVariantsProps(
|
|
39
63
|
{
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
export {
|
|
2
2
|
CheckboxControl,
|
|
3
|
+
CheckboxGroup,
|
|
3
4
|
CheckboxHiddenInput,
|
|
4
5
|
CheckboxIndicator,
|
|
5
6
|
CheckboxLabel,
|
|
6
7
|
CheckboxRoot,
|
|
7
8
|
type CheckboxControlProps,
|
|
9
|
+
type CheckboxGroupProps,
|
|
8
10
|
type CheckboxHiddenInputProps,
|
|
9
11
|
type CheckboxIndicatorProps,
|
|
10
12
|
type CheckboxLabelProps,
|
|
@@ -1,17 +1,38 @@
|
|
|
1
1
|
import { chipTabs, type ChipTabsVariantProps } from "@seed-design/css/recipes/chip-tabs";
|
|
2
2
|
import { Tabs as TabsPrimitive } from "@seed-design/react-tabs";
|
|
3
3
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
import clsx from "clsx";
|
|
4
6
|
|
|
5
|
-
const {
|
|
7
|
+
const { ClassNamesProvider, withContext } = createSlotRecipeContext(chipTabs);
|
|
6
8
|
|
|
7
9
|
////////////////////////////////////////////////////////////////////////////////////
|
|
8
10
|
|
|
9
11
|
export interface ChipTabsRootProps extends ChipTabsVariantProps, TabsPrimitive.RootProps {}
|
|
10
12
|
|
|
11
|
-
export const ChipTabsRoot =
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
export const ChipTabsRoot = forwardRef<HTMLDivElement, ChipTabsRootProps>(
|
|
14
|
+
({ className, ...props }, ref) => {
|
|
15
|
+
if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
|
|
16
|
+
console.warn(
|
|
17
|
+
"[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@1.3.0. Use variant='neutralSolid' or variant='neutralOutline' instead.",
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
const [variantProps, otherProps] = chipTabs.splitVariantProps(props);
|
|
22
|
+
const classNames = chipTabs(variantProps);
|
|
23
|
+
|
|
24
|
+
return (
|
|
25
|
+
<ClassNamesProvider value={classNames}>
|
|
26
|
+
<TabsPrimitive.Root
|
|
27
|
+
ref={ref}
|
|
28
|
+
className={clsx(classNames.root, className)}
|
|
29
|
+
{...otherProps}
|
|
30
|
+
/>
|
|
31
|
+
</ClassNamesProvider>
|
|
32
|
+
);
|
|
33
|
+
},
|
|
14
34
|
);
|
|
35
|
+
ChipTabsRoot.displayName = "ChipTabsRoot";
|
|
15
36
|
|
|
16
37
|
////////////////////////////////////////////////////////////////////////////////////
|
|
17
38
|
|
|
@@ -69,6 +69,9 @@ export const DialogHeader = withContext<HTMLDivElement, DialogHeaderProps>(Primi
|
|
|
69
69
|
|
|
70
70
|
////////////////////////////////////////////////////////////////////////////////////
|
|
71
71
|
|
|
72
|
+
// NOTE: uses DialogPrimitive.TitleProps,
|
|
73
|
+
// but actual rendered component is a Primitive.span rather than a DialogPrimitive.Title
|
|
74
|
+
// find out why later; misses h2 and some a11y features
|
|
72
75
|
export interface DialogTitleProps extends DialogPrimitive.TitleProps {}
|
|
73
76
|
|
|
74
77
|
export const DialogTitle = withContext<HTMLHeadingElement, DialogTitleProps>(
|
|
@@ -78,6 +81,9 @@ export const DialogTitle = withContext<HTMLHeadingElement, DialogTitleProps>(
|
|
|
78
81
|
|
|
79
82
|
////////////////////////////////////////////////////////////////////////////////////
|
|
80
83
|
|
|
84
|
+
// NOTE: uses DialogPrimitive.DescriptionProps,
|
|
85
|
+
// but actual rendered component is a Primitive.div rather than a DialogPrimitive.Description
|
|
86
|
+
// find out why later; misses p and some a11y features
|
|
81
87
|
export interface DialogDescriptionProps extends DialogPrimitive.DescriptionProps {}
|
|
82
88
|
|
|
83
89
|
export const DialogDescription = withContext<HTMLParagraphElement, DialogDescriptionProps>(
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export {
|
|
2
|
+
FieldsetRoot as Root,
|
|
3
|
+
FieldsetHeader as Header,
|
|
4
|
+
FieldsetLabel as Label,
|
|
5
|
+
FieldsetIndicatorText as IndicatorText,
|
|
6
|
+
FieldsetRequiredIndicator as RequiredIndicator,
|
|
7
|
+
FieldsetFooter as Footer,
|
|
8
|
+
FieldsetDescription as Description,
|
|
9
|
+
FieldsetErrorMessage as ErrorMessage,
|
|
10
|
+
type FieldsetRootProps as RootProps,
|
|
11
|
+
type FieldsetHeaderProps as HeaderProps,
|
|
12
|
+
type FieldsetLabelProps as LabelProps,
|
|
13
|
+
type FieldsetIndicatorTextProps as IndicatorTextProps,
|
|
14
|
+
type FieldsetFooterProps as FooterProps,
|
|
15
|
+
type FieldsetDescriptionProps as DescriptionProps,
|
|
16
|
+
type FieldsetErrorMessageProps as ErrorMessageProps,
|
|
17
|
+
} from "./Fieldset";
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
|
|
2
|
+
import type * as React from "react";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
|
|
5
|
+
import { field, type FieldVariantProps } from "@seed-design/css/recipes/field";
|
|
6
|
+
import { fieldLabel, type FieldLabelVariantProps } from "@seed-design/css/recipes/field-label";
|
|
7
|
+
import { Fieldset } from "@seed-design/react-fieldset";
|
|
8
|
+
import { InternalIcon } from "../private/Icon";
|
|
9
|
+
import clsx from "clsx";
|
|
10
|
+
|
|
11
|
+
const { withProvider, withContext } = createSlotRecipeContext(field);
|
|
12
|
+
const {
|
|
13
|
+
withContext: withLabelContext,
|
|
14
|
+
withProvider: withLabelProvider,
|
|
15
|
+
useClassNames: useLabelClassNames,
|
|
16
|
+
} = createSlotRecipeContext(fieldLabel);
|
|
17
|
+
|
|
18
|
+
// withStateProps isn't needed because currently useFieldset doesn't return any state props
|
|
19
|
+
|
|
20
|
+
////////////////////////////////////////////////////////////////////////////////////
|
|
21
|
+
|
|
22
|
+
export interface FieldsetRootProps extends FieldVariantProps, Fieldset.RootProps {}
|
|
23
|
+
|
|
24
|
+
export const FieldsetRoot = withProvider<HTMLDivElement, FieldsetRootProps>(Fieldset.Root, "root");
|
|
25
|
+
|
|
26
|
+
////////////////////////////////////////////////////////////////////////////////////
|
|
27
|
+
|
|
28
|
+
export interface FieldsetHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}
|
|
29
|
+
|
|
30
|
+
export const FieldsetHeader = withContext<HTMLDivElement, FieldsetHeaderProps>(
|
|
31
|
+
Primitive.div,
|
|
32
|
+
"header",
|
|
33
|
+
);
|
|
34
|
+
|
|
35
|
+
export interface FieldsetLabelProps extends FieldLabelVariantProps, Fieldset.LabelProps {}
|
|
36
|
+
|
|
37
|
+
export const FieldsetLabel = withLabelProvider<HTMLDivElement, FieldsetLabelProps>(
|
|
38
|
+
Fieldset.Label,
|
|
39
|
+
"root",
|
|
40
|
+
);
|
|
41
|
+
|
|
42
|
+
export interface FieldsetIndicatorTextProps
|
|
43
|
+
extends PrimitiveProps,
|
|
44
|
+
React.HTMLAttributes<HTMLSpanElement> {}
|
|
45
|
+
|
|
46
|
+
export const FieldsetIndicatorText = withLabelContext<HTMLSpanElement, FieldsetIndicatorTextProps>(
|
|
47
|
+
Primitive.span,
|
|
48
|
+
"indicatorText",
|
|
49
|
+
);
|
|
50
|
+
|
|
51
|
+
export interface FieldsetRequiredIndicatorProps extends React.SVGProps<SVGElement> {}
|
|
52
|
+
|
|
53
|
+
export const FieldsetRequiredIndicator = forwardRef<SVGSVGElement, FieldsetRequiredIndicatorProps>(
|
|
54
|
+
({ className, ...props }, ref) => {
|
|
55
|
+
const { indicatorIcon } = useLabelClassNames();
|
|
56
|
+
|
|
57
|
+
return (
|
|
58
|
+
<InternalIcon
|
|
59
|
+
svg={
|
|
60
|
+
// biome-ignore lint/a11y/noSvgWithoutTitle: InternalIcon is aria-hidden
|
|
61
|
+
<svg
|
|
62
|
+
viewBox="0 0 6 6"
|
|
63
|
+
fill="none"
|
|
64
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
65
|
+
className={clsx(indicatorIcon, className)}
|
|
66
|
+
>
|
|
67
|
+
<path
|
|
68
|
+
d="M3.75002 1.55859L4.41318 1.09468C4.75243 0.857361 5.21982 0.939865 5.45732 1.27899C5.69499 1.61836 5.61243 2.08615 5.27295 2.32366L4.30763 2.99902L5.27372 3.67612C5.61285 3.91381 5.69517 4.38137 5.45761 4.72059C5.21999 5.0599 4.7523 5.14233 4.41299 4.90471L3.75002 4.44043V5.25C3.75002 5.66421 3.41423 6 3.00002 6C2.5858 6 2.25002 5.66421 2.25002 5.25V4.44043L1.58704 4.90471C1.24773 5.14233 0.780041 5.0599 0.542418 4.72059C0.304856 4.38137 0.387176 3.91381 0.726309 3.67612L1.6924 2.99902L0.727079 2.32366C0.387603 2.08615 0.305043 1.61836 0.542707 1.27899C0.780206 0.939865 1.2476 0.857361 1.58685 1.09468L2.25002 1.55859V0.75C2.25002 0.335786 2.5858 0 3.00002 0C3.41423 0 3.75002 0.335786 3.75002 0.75V1.55859Z"
|
|
69
|
+
fill="currentColor"
|
|
70
|
+
/>
|
|
71
|
+
</svg>
|
|
72
|
+
}
|
|
73
|
+
ref={ref}
|
|
74
|
+
{...props}
|
|
75
|
+
/>
|
|
76
|
+
);
|
|
77
|
+
},
|
|
78
|
+
);
|
|
79
|
+
|
|
80
|
+
////////////////////////////////////////////////////////////////////////////////////
|
|
81
|
+
|
|
82
|
+
export interface FieldsetFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}
|
|
83
|
+
|
|
84
|
+
export const FieldsetFooter = withContext<HTMLDivElement, FieldsetFooterProps>(
|
|
85
|
+
Primitive.div,
|
|
86
|
+
"footer",
|
|
87
|
+
);
|
|
88
|
+
|
|
89
|
+
export interface FieldsetDescriptionProps extends Fieldset.DescriptionProps {}
|
|
90
|
+
|
|
91
|
+
export const FieldsetDescription = withContext<HTMLSpanElement, FieldsetDescriptionProps>(
|
|
92
|
+
Fieldset.Description,
|
|
93
|
+
"description",
|
|
94
|
+
);
|
|
95
|
+
|
|
96
|
+
export interface FieldsetErrorMessageProps extends Fieldset.ErrorMessageProps {}
|
|
97
|
+
|
|
98
|
+
export const FieldsetErrorMessage = withContext<HTMLDivElement, FieldsetErrorMessageProps>(
|
|
99
|
+
Fieldset.ErrorMessage,
|
|
100
|
+
"errorMessage",
|
|
101
|
+
);
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export {
|
|
2
|
+
FieldsetRoot,
|
|
3
|
+
FieldsetHeader,
|
|
4
|
+
FieldsetLabel,
|
|
5
|
+
FieldsetIndicatorText,
|
|
6
|
+
FieldsetRequiredIndicator,
|
|
7
|
+
FieldsetFooter,
|
|
8
|
+
FieldsetDescription,
|
|
9
|
+
FieldsetErrorMessage,
|
|
10
|
+
type FieldsetRootProps,
|
|
11
|
+
type FieldsetHeaderProps,
|
|
12
|
+
type FieldsetLabelProps,
|
|
13
|
+
type FieldsetIndicatorTextProps,
|
|
14
|
+
type FieldsetFooterProps,
|
|
15
|
+
type FieldsetDescriptionProps,
|
|
16
|
+
type FieldsetErrorMessageProps,
|
|
17
|
+
} from "./Fieldset";
|
|
18
|
+
|
|
19
|
+
export * as Fieldset from "./Fieldset.namespace";
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { mergeProps } from "@seed-design/dom-utils";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Box, type BoxProps } from "../Box/Box";
|
|
4
|
+
|
|
5
|
+
export interface GridProps extends Omit<BoxProps, "display"> {
|
|
6
|
+
/**
|
|
7
|
+
* @default "grid"
|
|
8
|
+
*/
|
|
9
|
+
display?: "grid" | "none";
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Shorthand for `alignItems`.
|
|
13
|
+
*/
|
|
14
|
+
align?: BoxProps["alignItems"];
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Shorthand for `justifyContent`.
|
|
18
|
+
*/
|
|
19
|
+
justify?: BoxProps["justifyContent"];
|
|
20
|
+
|
|
21
|
+
justifyItems?: "flex-start" | "flex-end" | "center" | "stretch";
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Shorthand for `gridTemplateColumns`.
|
|
25
|
+
* If number, `repeat({columns}, minmax(0, 1fr))` is applied.
|
|
26
|
+
*/
|
|
27
|
+
columns?: number | string;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Shorthand for `gridTemplateRows`.
|
|
31
|
+
* If number, `repeat({rows}, minmax(0, 1fr))` is applied.
|
|
32
|
+
*/
|
|
33
|
+
rows?: number | string;
|
|
34
|
+
|
|
35
|
+
// NOTE: grid-template-areas not currently supported here.
|
|
36
|
+
// since grid-area is a shorthand of grid-column/row (in a grid item),
|
|
37
|
+
// if we bind grid-area CSS variable together, it causes conflict.
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Shorthand for `gridAutoFlow`.
|
|
41
|
+
*/
|
|
42
|
+
autoFlow?: "row" | "column" | "row dense" | "column dense";
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Shorthand for `gridAutoColumns`.
|
|
46
|
+
*/
|
|
47
|
+
autoColumns?: string;
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Shorthand for `gridAutoRows`.
|
|
51
|
+
*/
|
|
52
|
+
autoRows?: string;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export const Grid = React.forwardRef<HTMLDivElement, GridProps>((props, ref) => {
|
|
56
|
+
const { align, justify, justifyItems, columns, rows, autoFlow, autoColumns, autoRows, ...rest } =
|
|
57
|
+
props;
|
|
58
|
+
|
|
59
|
+
return (
|
|
60
|
+
// @ts-expect-error: display: "grid" is not allowed in the Box component
|
|
61
|
+
<Box
|
|
62
|
+
ref={ref}
|
|
63
|
+
alignItems={align}
|
|
64
|
+
justifyContent={justify}
|
|
65
|
+
{...mergeProps(rest, {
|
|
66
|
+
className: "seed-grid",
|
|
67
|
+
style: {
|
|
68
|
+
"--seed-grid-columns":
|
|
69
|
+
typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns,
|
|
70
|
+
"--seed-grid-rows": typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows,
|
|
71
|
+
"--seed-grid-auto-flow": autoFlow,
|
|
72
|
+
"--seed-grid-auto-columns": autoColumns,
|
|
73
|
+
"--seed-grid-auto-rows": autoRows,
|
|
74
|
+
"--seed-grid-justify-items": justifyItems,
|
|
75
|
+
} as React.CSSProperties,
|
|
76
|
+
})}
|
|
77
|
+
/>
|
|
78
|
+
);
|
|
79
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Grid, type GridProps } from "./Grid";
|