@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.
- package/lib/components/Checkbox/Checkbox.cjs +1 -1
- package/lib/components/Checkbox/Checkbox.js +1 -1
- package/lib/components/ChipTabs/ChipTabs.cjs +1 -1
- package/lib/components/ChipTabs/ChipTabs.js +1 -1
- package/lib/components/ImageFrame/ImageFrame.d.ts +1 -1
- package/lib/components/Switch/Switch.cjs +1 -1
- package/lib/components/Switch/Switch.js +1 -1
- package/lib/utils/styled.cjs +5 -5
- package/lib/utils/styled.js +5 -5
- package/package.json +3 -3
- package/src/components/Checkbox/Checkbox.tsx +1 -1
- package/src/components/ChipTabs/ChipTabs.tsx +1 -1
- package/src/components/ImageFrame/ImageFrame.tsx +1 -1
- package/src/components/Switch/Switch.tsx +1 -1
- package/src/utils/styled.tsx +5 -5
|
@@ -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@
|
|
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@
|
|
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@
|
|
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@
|
|
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
|
|
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@
|
|
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@
|
|
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
|
package/lib/utils/styled.cjs
CHANGED
|
@@ -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@
|
|
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@
|
|
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@
|
|
69
|
-
if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") console.warn(`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@
|
|
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@
|
|
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",
|
package/lib/utils/styled.js
CHANGED
|
@@ -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@
|
|
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@
|
|
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@
|
|
68
|
-
if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") console.warn(`[SEED Design System] justifyContent='${justifyContent}' is deprecated and will be removed in @seed-design/react@
|
|
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@
|
|
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.
|
|
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.
|
|
48
|
-
"@seed-design/react-drawer": "1.0.
|
|
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@
|
|
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@
|
|
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
|
|
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@
|
|
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
|
|
package/src/utils/styled.tsx
CHANGED
|
@@ -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@
|
|
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@
|
|
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@
|
|
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@
|
|
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@
|
|
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
|
}
|