@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.
Files changed (189) hide show
  1. package/lib/components/AspectRatio/AspectRatio.cjs +53 -0
  2. package/lib/components/AspectRatio/AspectRatio.d.ts +11 -0
  3. package/lib/components/AspectRatio/AspectRatio.d.ts.map +1 -0
  4. package/lib/components/AspectRatio/AspectRatio.js +30 -0
  5. package/lib/components/AspectRatio/index.cjs +9 -0
  6. package/lib/components/AspectRatio/index.d.ts +2 -0
  7. package/lib/components/AspectRatio/index.d.ts.map +1 -0
  8. package/lib/components/AspectRatio/index.js +1 -0
  9. package/lib/components/Avatar/Avatar.cjs +4 -10
  10. package/lib/components/Avatar/Avatar.d.ts +4 -4
  11. package/lib/components/Avatar/Avatar.d.ts.map +1 -1
  12. package/lib/components/Avatar/Avatar.js +4 -10
  13. package/lib/components/Checkbox/Checkbox.cjs +10 -0
  14. package/lib/components/Checkbox/Checkbox.d.ts +4 -0
  15. package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
  16. package/lib/components/Checkbox/Checkbox.js +10 -1
  17. package/lib/components/Checkbox/Checkbox.namespace.cjs +1 -0
  18. package/lib/components/Checkbox/Checkbox.namespace.d.ts +1 -1
  19. package/lib/components/Checkbox/Checkbox.namespace.d.ts.map +1 -1
  20. package/lib/components/Checkbox/Checkbox.namespace.js +1 -1
  21. package/lib/components/Checkbox/index.cjs +1 -0
  22. package/lib/components/Checkbox/index.d.ts +1 -1
  23. package/lib/components/Checkbox/index.d.ts.map +1 -1
  24. package/lib/components/Checkbox/index.js +1 -1
  25. package/lib/components/ChipTabs/ChipTabs.cjs +23 -4
  26. package/lib/components/ChipTabs/ChipTabs.d.ts.map +1 -1
  27. package/lib/components/ChipTabs/ChipTabs.js +23 -4
  28. package/lib/components/Dialog/Dialog.d.ts.map +1 -1
  29. package/lib/components/Fieldset/Fieldset.cjs +86 -0
  30. package/lib/components/Fieldset/Fieldset.d.ts +30 -0
  31. package/lib/components/Fieldset/Fieldset.d.ts.map +1 -0
  32. package/lib/components/Fieldset/Fieldset.js +75 -0
  33. package/lib/components/Fieldset/Fieldset.namespace.cjs +16 -0
  34. package/lib/components/Fieldset/Fieldset.namespace.d.ts +2 -0
  35. package/lib/components/Fieldset/Fieldset.namespace.d.ts.map +1 -0
  36. package/lib/components/Fieldset/Fieldset.namespace.js +1 -0
  37. package/lib/components/Fieldset/index.cjs +18 -0
  38. package/lib/components/Fieldset/index.d.ts +3 -0
  39. package/lib/components/Fieldset/index.d.ts.map +1 -0
  40. package/lib/components/Fieldset/index.js +3 -0
  41. package/lib/components/Grid/Grid.cjs +56 -0
  42. package/lib/components/Grid/Grid.d.ts +41 -0
  43. package/lib/components/Grid/Grid.d.ts.map +1 -0
  44. package/lib/components/Grid/Grid.js +33 -0
  45. package/lib/components/Grid/index.cjs +9 -0
  46. package/lib/components/Grid/index.d.ts +2 -0
  47. package/lib/components/Grid/index.d.ts.map +1 -0
  48. package/lib/components/Grid/index.js +1 -0
  49. package/lib/components/GridItem/GridItem.cjs +45 -0
  50. package/lib/components/GridItem/GridItem.d.ts +35 -0
  51. package/lib/components/GridItem/GridItem.d.ts.map +1 -0
  52. package/lib/components/GridItem/GridItem.js +22 -0
  53. package/lib/components/GridItem/index.cjs +9 -0
  54. package/lib/components/GridItem/index.d.ts +2 -0
  55. package/lib/components/GridItem/index.d.ts.map +1 -0
  56. package/lib/components/GridItem/index.js +1 -0
  57. package/lib/components/HelpBubble/HelpBubble.cjs +5 -0
  58. package/lib/components/HelpBubble/HelpBubble.d.ts +3 -0
  59. package/lib/components/HelpBubble/HelpBubble.d.ts.map +1 -1
  60. package/lib/components/HelpBubble/HelpBubble.js +5 -1
  61. package/lib/components/HelpBubble/HelpBubble.namespace.cjs +1 -0
  62. package/lib/components/HelpBubble/HelpBubble.namespace.d.ts +1 -1
  63. package/lib/components/HelpBubble/HelpBubble.namespace.d.ts.map +1 -1
  64. package/lib/components/HelpBubble/HelpBubble.namespace.js +1 -1
  65. package/lib/components/HelpBubble/index.cjs +1 -0
  66. package/lib/components/HelpBubble/index.d.ts +1 -1
  67. package/lib/components/HelpBubble/index.d.ts.map +1 -1
  68. package/lib/components/HelpBubble/index.js +1 -1
  69. package/lib/components/ImageFrame/ImageFrame.cjs +157 -0
  70. package/lib/components/ImageFrame/ImageFrame.d.ts +51 -0
  71. package/lib/components/ImageFrame/ImageFrame.d.ts.map +1 -0
  72. package/lib/components/ImageFrame/ImageFrame.js +129 -0
  73. package/lib/components/ImageFrame/index.cjs +14 -0
  74. package/lib/components/ImageFrame/index.d.ts +2 -0
  75. package/lib/components/ImageFrame/index.d.ts.map +1 -0
  76. package/lib/components/ImageFrame/index.js +1 -0
  77. package/lib/components/MenuSheet/MenuSheet.cjs +60 -24
  78. package/lib/components/MenuSheet/MenuSheet.d.ts +12 -0
  79. package/lib/components/MenuSheet/MenuSheet.d.ts.map +1 -1
  80. package/lib/components/MenuSheet/MenuSheet.js +57 -25
  81. package/lib/components/MenuSheet/MenuSheet.namespace.cjs +4 -0
  82. package/lib/components/MenuSheet/MenuSheet.namespace.d.ts +1 -1
  83. package/lib/components/MenuSheet/MenuSheet.namespace.d.ts.map +1 -1
  84. package/lib/components/MenuSheet/MenuSheet.namespace.js +1 -1
  85. package/lib/components/MenuSheet/index.cjs +4 -0
  86. package/lib/components/MenuSheet/index.d.ts +1 -1
  87. package/lib/components/MenuSheet/index.d.ts.map +1 -1
  88. package/lib/components/MenuSheet/index.js +1 -1
  89. package/lib/components/RadioGroup/RadioGroup.cjs +4 -1
  90. package/lib/components/RadioGroup/RadioGroup.d.ts +3 -2
  91. package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  92. package/lib/components/RadioGroup/RadioGroup.js +4 -1
  93. package/lib/components/RadioGroupField/RadioGroupField.cjs +79 -0
  94. package/lib/components/RadioGroupField/RadioGroupField.d.ts +30 -0
  95. package/lib/components/RadioGroupField/RadioGroupField.d.ts.map +1 -0
  96. package/lib/components/RadioGroupField/RadioGroupField.js +68 -0
  97. package/lib/components/RadioGroupField/RadioGroupField.namespace.cjs +16 -0
  98. package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts +2 -0
  99. package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts.map +1 -0
  100. package/lib/components/RadioGroupField/RadioGroupField.namespace.js +1 -0
  101. package/lib/components/RadioGroupField/index.cjs +18 -0
  102. package/lib/components/RadioGroupField/index.d.ts +3 -0
  103. package/lib/components/RadioGroupField/index.d.ts.map +1 -0
  104. package/lib/components/RadioGroupField/index.js +3 -0
  105. package/lib/components/SelectBox/CheckSelectBox.cjs +117 -8
  106. package/lib/components/SelectBox/CheckSelectBox.d.ts +38 -10
  107. package/lib/components/SelectBox/CheckSelectBox.d.ts.map +1 -1
  108. package/lib/components/SelectBox/CheckSelectBox.js +113 -10
  109. package/lib/components/SelectBox/CheckSelectBox.namespace.cjs +6 -0
  110. package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts +1 -1
  111. package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts.map +1 -1
  112. package/lib/components/SelectBox/CheckSelectBox.namespace.js +1 -1
  113. package/lib/components/SelectBox/RadioSelectBox.cjs +112 -9
  114. package/lib/components/SelectBox/RadioSelectBox.d.ts +31 -7
  115. package/lib/components/SelectBox/RadioSelectBox.d.ts.map +1 -1
  116. package/lib/components/SelectBox/RadioSelectBox.js +109 -10
  117. package/lib/components/SelectBox/RadioSelectBox.namespace.cjs +5 -1
  118. package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts +1 -1
  119. package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts.map +1 -1
  120. package/lib/components/SelectBox/RadioSelectBox.namespace.js +1 -1
  121. package/lib/components/SelectBox/index.cjs +11 -1
  122. package/lib/components/SelectBox/index.d.ts +2 -2
  123. package/lib/components/SelectBox/index.d.ts.map +1 -1
  124. package/lib/components/SelectBox/index.js +2 -2
  125. package/lib/components/Switch/Switch.cjs +10 -5
  126. package/lib/components/Switch/Switch.d.ts +3 -3
  127. package/lib/components/Switch/Switch.d.ts.map +1 -1
  128. package/lib/components/Switch/Switch.js +10 -5
  129. package/lib/components/TagGroup/TagGroup.cjs +25 -9
  130. package/lib/components/TagGroup/TagGroup.d.ts +5 -1
  131. package/lib/components/TagGroup/TagGroup.d.ts.map +1 -1
  132. package/lib/components/TagGroup/TagGroup.js +25 -10
  133. package/lib/components/TagGroup/TagGroup.namespace.cjs +1 -0
  134. package/lib/components/TagGroup/TagGroup.namespace.d.ts +1 -1
  135. package/lib/components/TagGroup/TagGroup.namespace.d.ts.map +1 -1
  136. package/lib/components/TagGroup/TagGroup.namespace.js +1 -1
  137. package/lib/components/TagGroup/index.cjs +1 -0
  138. package/lib/components/TagGroup/index.d.ts +1 -1
  139. package/lib/components/TagGroup/index.d.ts.map +1 -1
  140. package/lib/components/TagGroup/index.js +1 -1
  141. package/lib/components/index.cjs +53 -1
  142. package/lib/components/index.d.ts +6 -0
  143. package/lib/components/index.d.ts.map +1 -1
  144. package/lib/components/index.js +16 -6
  145. package/lib/index.cjs +53 -1
  146. package/lib/index.js +16 -6
  147. package/lib/utils/styled.cjs +11 -5
  148. package/lib/utils/styled.d.ts +6 -0
  149. package/lib/utils/styled.d.ts.map +1 -1
  150. package/lib/utils/styled.js +11 -5
  151. package/package.json +6 -3
  152. package/src/components/AspectRatio/AspectRatio.tsx +38 -0
  153. package/src/components/AspectRatio/index.ts +1 -0
  154. package/src/components/Avatar/Avatar.tsx +7 -14
  155. package/src/components/Checkbox/Checkbox.namespace.ts +2 -0
  156. package/src/components/Checkbox/Checkbox.tsx +24 -0
  157. package/src/components/Checkbox/index.ts +2 -0
  158. package/src/components/ChipTabs/ChipTabs.tsx +25 -4
  159. package/src/components/Dialog/Dialog.tsx +6 -0
  160. package/src/components/Fieldset/Fieldset.namespace.ts +17 -0
  161. package/src/components/Fieldset/Fieldset.tsx +101 -0
  162. package/src/components/Fieldset/index.ts +19 -0
  163. package/src/components/Grid/Grid.tsx +79 -0
  164. package/src/components/Grid/index.ts +1 -0
  165. package/src/components/GridItem/GridItem.tsx +70 -0
  166. package/src/components/GridItem/index.ts +1 -0
  167. package/src/components/HelpBubble/HelpBubble.namespace.ts +3 -0
  168. package/src/components/HelpBubble/HelpBubble.tsx +7 -2
  169. package/src/components/HelpBubble/index.ts +2 -0
  170. package/src/components/ImageFrame/ImageFrame.tsx +227 -0
  171. package/src/components/ImageFrame/index.ts +14 -0
  172. package/src/components/MenuSheet/MenuSheet.namespace.ts +8 -0
  173. package/src/components/MenuSheet/MenuSheet.tsx +82 -34
  174. package/src/components/MenuSheet/index.ts +8 -0
  175. package/src/components/RadioGroup/RadioGroup.tsx +8 -2
  176. package/src/components/RadioGroupField/RadioGroupField.namespace.ts +18 -0
  177. package/src/components/RadioGroupField/RadioGroupField.tsx +114 -0
  178. package/src/components/RadioGroupField/index.ts +2 -0
  179. package/src/components/SelectBox/CheckSelectBox.namespace.ts +12 -0
  180. package/src/components/SelectBox/CheckSelectBox.tsx +229 -24
  181. package/src/components/SelectBox/RadioSelectBox.namespace.ts +10 -2
  182. package/src/components/SelectBox/RadioSelectBox.tsx +210 -16
  183. package/src/components/SelectBox/index.ts +22 -2
  184. package/src/components/Switch/Switch.tsx +16 -7
  185. package/src/components/TagGroup/TagGroup.namespace.ts +2 -0
  186. package/src/components/TagGroup/TagGroup.tsx +33 -9
  187. package/src/components/TagGroup/index.ts +2 -0
  188. package/src/components/index.ts +6 -0
  189. 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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"}
@@ -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 or inline-block instead.`
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 or column-reverse instead.`
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 or flex-end instead.`
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 or space-around instead.`
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 or flex-end instead.`
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.1.16",
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.1",
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.16",
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 { Avatar as AvatarPrimitive } from "@seed-design/react-avatar";
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, AvatarPrimitive.RootProps {}
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 AvatarPrimitive.ImageProps {}
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 AvatarPrimitive.FallbackProps {}
26
+ export interface AvatarFallbackProps extends Image.FallbackProps {}
33
27
 
34
28
  export const AvatarFallback = withContext<HTMLDivElement, AvatarFallbackProps>(
35
- AvatarPrimitive.Fallback,
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 { withProvider, withContext } = createSlotRecipeContext(chipTabs);
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 = withProvider<HTMLDivElement, ChipTabsRootProps>(
12
- TabsPrimitive.Root,
13
- "root",
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";