@seed-design/react 1.2.12 → 1.2.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.
@@ -22,7 +22,7 @@ var { withProvider: withCheckmarkProvider, useClassNames: useCheckmarkClassNames
22
22
  var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_checkbox.useCheckboxContext]);
23
23
  var CheckboxGroup = withGroupContext(_seed_design_react_primitive.Primitive.div);
24
24
  var CheckboxRoot = Object.assign((0, react.forwardRef)(({ className, ...props }, ref) => {
25
- if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) console.warn(`[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.`);
25
+ if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) console.warn(`[SEED Design System] Checkbox weight='${props.weight}' is deprecated and will be removed in @seed-design/react@2.0.0. Use weight='${props.weight === "default" ? "regular" : "bold"}' instead.`);
26
26
  const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps({
27
27
  ...props,
28
28
  weight: props.weight === "stronger" ? "bold" : props.weight === "default" ? "regular" : props.weight
@@ -20,7 +20,7 @@ var { withProvider: withCheckmarkProvider, useClassNames: useCheckmarkClassNames
20
20
  var withStateProps = createWithStateProps([useCheckboxContext]);
21
21
  var CheckboxGroup = withGroupContext(Primitive.div);
22
22
  var CheckboxRoot = Object.assign(forwardRef(({ className, ...props }, ref) => {
23
- if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) console.warn(`[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.`);
23
+ if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) console.warn(`[SEED Design System] Checkbox weight='${props.weight}' is deprecated and will be removed in @seed-design/react@2.0.0. Use weight='${props.weight === "default" ? "regular" : "bold"}' instead.`);
24
24
  const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps({
25
25
  ...props,
26
26
  weight: props.weight === "stronger" ? "bold" : props.weight === "default" ? "regular" : props.weight
@@ -10,7 +10,7 @@ let _seed_design_css_recipes_chip_tabs = require("@seed-design/css/recipes/chip-
10
10
  //#region src/components/ChipTabs/ChipTabs.tsx
11
11
  var { ClassNamesProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_chip_tabs.chipTabs);
12
12
  var ChipTabsRoot = (0, react.forwardRef)(({ className, ...props }, ref) => {
13
- if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[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.");
13
+ if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@2.0.0. Use variant='neutralSolid' or variant='neutralOutline' instead.");
14
14
  const [variantProps, otherProps] = _seed_design_css_recipes_chip_tabs.chipTabs.splitVariantProps(props);
15
15
  const classNames = (0, _seed_design_css_recipes_chip_tabs.chipTabs)(variantProps);
16
16
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
@@ -8,7 +8,7 @@ import { chipTabs } from "@seed-design/css/recipes/chip-tabs";
8
8
  //#region src/components/ChipTabs/ChipTabs.tsx
9
9
  var { ClassNamesProvider, withContext } = createSlotRecipeContext(chipTabs);
10
10
  var ChipTabsRoot = forwardRef(({ className, ...props }, ref) => {
11
- if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[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.");
11
+ if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@2.0.0. Use variant='neutralSolid' or variant='neutralOutline' instead.");
12
12
  const [variantProps, otherProps] = chipTabs.splitVariantProps(props);
13
13
  const classNames = chipTabs(variantProps);
14
14
  return /* @__PURE__ */ jsx(ClassNamesProvider, {
@@ -8,7 +8,7 @@ import { FloatProps } from '../Float/Float';
8
8
  import * as React from "react";
9
9
  export interface ImageFrameProps extends Omit<AspectRatioProps, "children">, ImageFrameVariantProps {
10
10
  /**
11
- * @deprecated Deprecated in `@seed-design/react@1.2.x`; will be removed in 1.3.0.
11
+ * @deprecated Deprecated in `@seed-design/react@1.2.x`; will be removed in 2.0.0.
12
12
  * Use borderRadius="r2" instead.
13
13
  * Reason: 모서리 스타일은 borderRadius prop으로 통일합니다.
14
14
  */
@@ -17,7 +17,7 @@ var { withContext, ClassNamesProvider } = require_createSlotRecipeContext.create
17
17
  var { withContext: withControlContext, PropsProvider: ControlPropsProvider, withProvider: withControlProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_switchmark.switchmark);
18
18
  var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_switch.useSwitchContext]);
19
19
  var SwitchRoot = react.default.forwardRef(({ className, ...props }, ref) => {
20
- if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) console.warn(`[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@1.3.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`);
20
+ if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) console.warn(`[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@2.0.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`);
21
21
  const [{ switch: switchVariantProps, switchmark: switchmarkVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps({
22
22
  ...props,
23
23
  size: props.size === "small" ? "16" : props.size === "medium" ? "32" : props.size
@@ -14,7 +14,7 @@ var { withContext, ClassNamesProvider } = createSlotRecipeContext(switchStyle);
14
14
  var { withContext: withControlContext, PropsProvider: ControlPropsProvider, withProvider: withControlProvider } = createSlotRecipeContext(switchmark);
15
15
  var withStateProps = createWithStateProps([useSwitchContext]);
16
16
  var SwitchRoot = React.forwardRef(({ className, ...props }, ref) => {
17
- if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) console.warn(`[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@1.3.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`);
17
+ if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) console.warn(`[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@2.0.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`);
18
18
  const [{ switch: switchVariantProps, switchmark: switchmarkVariantProps }, otherProps] = splitMultipleVariantsProps({
19
19
  ...props,
20
20
  size: props.size === "small" ? "16" : props.size === "medium" ? "32" : props.size
@@ -41,7 +41,7 @@ function handleGradient(gradientToken, direction) {
41
41
  function handleDisplay(display) {
42
42
  if (!display) return;
43
43
  if (process.env.NODE_ENV !== "production") {
44
- if (display === "inlineFlex" || display === "inlineBlock") console.warn(`[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.`);
44
+ if (display === "inlineFlex" || display === "inlineBlock") console.warn(`[SEED Design System] display='${display}' is deprecated and will be removed in @seed-design/react@2.0.0. Use display='${display === "inlineFlex" ? "inline-flex" : "inline-block"}' instead.`);
45
45
  }
46
46
  return {
47
47
  flex: "flex",
@@ -53,7 +53,7 @@ function handleDisplay(display) {
53
53
  function handleFlexDirection(flexDirection) {
54
54
  if (!flexDirection) return;
55
55
  if (process.env.NODE_ENV !== "production") {
56
- if (flexDirection === "rowReverse" || flexDirection === "columnReverse") console.warn(`[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.`);
56
+ if (flexDirection === "rowReverse" || flexDirection === "columnReverse") console.warn(`[SEED Design System] flexDirection='${flexDirection}' is deprecated and will be removed in @seed-design/react@2.0.0. Use flexDirection='${flexDirection === "rowReverse" ? "row-reverse" : "column-reverse"}' instead.`);
57
57
  }
58
58
  return {
59
59
  row: "row",
@@ -65,8 +65,8 @@ function handleFlexDirection(flexDirection) {
65
65
  function handleJustifyContent(justifyContent) {
66
66
  if (!justifyContent) return;
67
67
  if (process.env.NODE_ENV !== "production") {
68
- if (justifyContent === "flexStart" || justifyContent === "flexEnd") console.warn(`[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.`);
69
- if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") console.warn(`[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.`);
68
+ if (justifyContent === "flexStart" || justifyContent === "flexEnd") console.warn(`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@2.0.0. Use justifyContent='${justifyContent === "flexStart" ? "flex-start" : "flex-end"}' instead.`);
69
+ if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") console.warn(`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@2.0.0. Use justifyContent='${justifyContent === "spaceBetween" ? "space-between" : "space-around"}' instead.`);
70
70
  }
71
71
  return {
72
72
  flexStart: "flex-start",
@@ -79,7 +79,7 @@ function handleJustifyContent(justifyContent) {
79
79
  function handleAlignItems(alignItems) {
80
80
  if (!alignItems) return;
81
81
  if (process.env.NODE_ENV !== "production") {
82
- if (alignItems === "flexStart" || alignItems === "flexEnd") console.warn(`[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.`);
82
+ if (alignItems === "flexStart" || alignItems === "flexEnd") console.warn(`[SEED Design System] alignItems='${alignItems}' is deprecated and will be removed in @seed-design/react@2.0.0. Use alignItems='${alignItems === "flexStart" ? "flex-start" : "flex-end"}' instead.`);
83
83
  }
84
84
  return {
85
85
  flexStart: "flex-start",
@@ -40,7 +40,7 @@ function handleGradient(gradientToken, direction) {
40
40
  function handleDisplay(display) {
41
41
  if (!display) return;
42
42
  if (process.env.NODE_ENV !== "production") {
43
- if (display === "inlineFlex" || display === "inlineBlock") console.warn(`[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.`);
43
+ if (display === "inlineFlex" || display === "inlineBlock") console.warn(`[SEED Design System] display='${display}' is deprecated and will be removed in @seed-design/react@2.0.0. Use display='${display === "inlineFlex" ? "inline-flex" : "inline-block"}' instead.`);
44
44
  }
45
45
  return {
46
46
  flex: "flex",
@@ -52,7 +52,7 @@ function handleDisplay(display) {
52
52
  function handleFlexDirection(flexDirection) {
53
53
  if (!flexDirection) return;
54
54
  if (process.env.NODE_ENV !== "production") {
55
- if (flexDirection === "rowReverse" || flexDirection === "columnReverse") console.warn(`[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.`);
55
+ if (flexDirection === "rowReverse" || flexDirection === "columnReverse") console.warn(`[SEED Design System] flexDirection='${flexDirection}' is deprecated and will be removed in @seed-design/react@2.0.0. Use flexDirection='${flexDirection === "rowReverse" ? "row-reverse" : "column-reverse"}' instead.`);
56
56
  }
57
57
  return {
58
58
  row: "row",
@@ -64,8 +64,8 @@ function handleFlexDirection(flexDirection) {
64
64
  function handleJustifyContent(justifyContent) {
65
65
  if (!justifyContent) return;
66
66
  if (process.env.NODE_ENV !== "production") {
67
- if (justifyContent === "flexStart" || justifyContent === "flexEnd") console.warn(`[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.`);
68
- if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") console.warn(`[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.`);
67
+ if (justifyContent === "flexStart" || justifyContent === "flexEnd") console.warn(`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@2.0.0. Use justifyContent='${justifyContent === "flexStart" ? "flex-start" : "flex-end"}' instead.`);
68
+ if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") console.warn(`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@2.0.0. Use justifyContent='${justifyContent === "spaceBetween" ? "space-between" : "space-around"}' instead.`);
69
69
  }
70
70
  return {
71
71
  flexStart: "flex-start",
@@ -78,7 +78,7 @@ function handleJustifyContent(justifyContent) {
78
78
  function handleAlignItems(alignItems) {
79
79
  if (!alignItems) return;
80
80
  if (process.env.NODE_ENV !== "production") {
81
- if (alignItems === "flexStart" || alignItems === "flexEnd") console.warn(`[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.`);
81
+ if (alignItems === "flexStart" || alignItems === "flexEnd") console.warn(`[SEED Design System] alignItems='${alignItems}' is deprecated and will be removed in @seed-design/react@2.0.0. Use alignItems='${alignItems === "flexStart" ? "flex-start" : "flex-end"}' instead.`);
82
82
  }
83
83
  return {
84
84
  flexStart: "flex-start",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/react",
3
- "version": "1.2.12",
3
+ "version": "1.2.14",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -44,8 +44,8 @@
44
44
  "@seed-design/react-avatar": "1.0.0",
45
45
  "@seed-design/react-checkbox": "1.0.1",
46
46
  "@seed-design/react-collapsible": "0.1.0",
47
- "@seed-design/react-dialog": "1.0.2",
48
- "@seed-design/react-drawer": "1.0.9",
47
+ "@seed-design/react-dialog": "1.0.3",
48
+ "@seed-design/react-drawer": "1.0.10",
49
49
  "@seed-design/react-field": "1.0.1",
50
50
  "@seed-design/react-image": "0.1.1",
51
51
  "@seed-design/react-fieldset": "0.1.0",
@@ -54,7 +54,7 @@ export const CheckboxRoot = Object.assign(
54
54
  (props.weight === "default" || props.weight === "stronger")
55
55
  ) {
56
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.`,
57
+ `[SEED Design System] Checkbox weight='${props.weight}' is deprecated and will be removed in @seed-design/react@2.0.0. Use weight='${props.weight === "default" ? "regular" : "bold"}' instead.`,
58
58
  );
59
59
  }
60
60
 
@@ -14,7 +14,7 @@ export const ChipTabsRoot = forwardRef<HTMLDivElement, ChipTabsRootProps>(
14
14
  ({ className, ...props }, ref) => {
15
15
  if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
16
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.",
17
+ "[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@2.0.0. Use variant='neutralSolid' or variant='neutralOutline' instead.",
18
18
  );
19
19
  }
20
20
 
@@ -30,7 +30,7 @@ export interface ImageFrameProps
30
30
  extends Omit<AspectRatioProps, "children">,
31
31
  ImageFrameVariantProps {
32
32
  /**
33
- * @deprecated Deprecated in `@seed-design/react@1.2.x`; will be removed in 1.3.0.
33
+ * @deprecated Deprecated in `@seed-design/react@1.2.x`; will be removed in 2.0.0.
34
34
  * Use borderRadius="r2" instead.
35
35
  * Reason: 모서리 스타일은 borderRadius prop으로 통일합니다.
36
36
  */
@@ -37,7 +37,7 @@ export const SwitchRoot = React.forwardRef<HTMLLabelElement, SwitchRootProps>(
37
37
  (props.size === "small" || props.size === "medium")
38
38
  ) {
39
39
  console.warn(
40
- `[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@1.3.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`,
40
+ `[SEED Design System] Switch size='${props.size}' is deprecated and will be removed in @seed-design/react@2.0.0. Use size='${props.size === "small" ? "16" : "32"}' instead.`,
41
41
  );
42
42
  }
43
43
 
@@ -105,7 +105,7 @@ function handleDisplay(display: string | undefined) {
105
105
  if (process.env.NODE_ENV !== "production") {
106
106
  if (display === "inlineFlex" || display === "inlineBlock") {
107
107
  console.warn(
108
- `[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.`,
108
+ `[SEED Design System] display='${display}' is deprecated and will be removed in @seed-design/react@2.0.0. Use display='${display === "inlineFlex" ? "inline-flex" : "inline-block"}' instead.`,
109
109
  );
110
110
  }
111
111
  }
@@ -128,7 +128,7 @@ function handleFlexDirection(flexDirection: string | undefined) {
128
128
  if (process.env.NODE_ENV !== "production") {
129
129
  if (flexDirection === "rowReverse" || flexDirection === "columnReverse") {
130
130
  console.warn(
131
- `[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.`,
131
+ `[SEED Design System] flexDirection='${flexDirection}' is deprecated and will be removed in @seed-design/react@2.0.0. Use flexDirection='${flexDirection === "rowReverse" ? "row-reverse" : "column-reverse"}' instead.`,
132
132
  );
133
133
  }
134
134
  }
@@ -151,12 +151,12 @@ function handleJustifyContent(justifyContent: string | undefined) {
151
151
  if (process.env.NODE_ENV !== "production") {
152
152
  if (justifyContent === "flexStart" || justifyContent === "flexEnd") {
153
153
  console.warn(
154
- `[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.`,
154
+ `[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@2.0.0. Use justifyContent='${justifyContent === "flexStart" ? "flex-start" : "flex-end"}' instead.`,
155
155
  );
156
156
  }
157
157
  if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") {
158
158
  console.warn(
159
- `[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.`,
159
+ `[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@2.0.0. Use justifyContent='${justifyContent === "spaceBetween" ? "space-between" : "space-around"}' instead.`,
160
160
  );
161
161
  }
162
162
  }
@@ -180,7 +180,7 @@ function handleAlignItems(alignItems: string | undefined) {
180
180
  if (process.env.NODE_ENV !== "production") {
181
181
  if (alignItems === "flexStart" || alignItems === "flexEnd") {
182
182
  console.warn(
183
- `[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.`,
183
+ `[SEED Design System] alignItems='${alignItems}' is deprecated and will be removed in @seed-design/react@2.0.0. Use alignItems='${alignItems === "flexStart" ? "flex-start" : "flex-end"}' instead.`,
184
184
  );
185
185
  }
186
186
  }