@seed-design/react 1.1.13 → 1.1.17
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 +5 -0
- package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.js +5 -0
- 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/Switch/Switch.cjs +5 -0
- package/lib/components/Switch/Switch.d.ts.map +1 -1
- package/lib/components/Switch/Switch.js +5 -0
- package/lib/utils/styled.cjs +5 -5
- package/lib/utils/styled.d.ts +3 -3
- package/lib/utils/styled.d.ts.map +1 -1
- package/lib/utils/styled.js +5 -5
- package/package.json +2 -2
- package/src/components/Checkbox/Checkbox.tsx +9 -0
- package/src/components/ChipTabs/ChipTabs.tsx +25 -4
- package/src/components/Switch/Switch.tsx +9 -0
- package/src/utils/styled.tsx +8 -7
|
@@ -25,6 +25,11 @@ const {
|
|
|
25
25
|
const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
|
|
26
26
|
const CheckboxRoot = Object.assign(
|
|
27
27
|
React.forwardRef(({ className, ...props }, ref) => {
|
|
28
|
+
if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) {
|
|
29
|
+
console.warn(
|
|
30
|
+
`[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.`
|
|
31
|
+
);
|
|
32
|
+
}
|
|
28
33
|
const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(
|
|
29
34
|
{
|
|
30
35
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAiB9E;;GAEG;AACH,KAAK,oCAAoC,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,EAC1C,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,oCAAoC,CAAC;CAChF;AAED,eAAO,MAAM,YAAY;;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAiB9E;;GAEG;AACH,KAAK,oCAAoC,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,EAC1C,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,oCAAoC,CAAC;CAChF;AAED,eAAO,MAAM,YAAY;;CA2CxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}
|
|
@@ -21,6 +21,11 @@ const {
|
|
|
21
21
|
const withStateProps = createWithStateProps([useCheckboxContext]);
|
|
22
22
|
const CheckboxRoot = Object.assign(
|
|
23
23
|
forwardRef(({ className, ...props }, ref) => {
|
|
24
|
+
if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) {
|
|
25
|
+
console.warn(
|
|
26
|
+
`[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.`
|
|
27
|
+
);
|
|
28
|
+
}
|
|
24
29
|
const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps(
|
|
25
30
|
{
|
|
26
31
|
...props,
|
|
@@ -3,15 +3,34 @@
|
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
5
|
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
7
|
const chipTabs = require('@seed-design/css/recipes/chip-tabs');
|
|
7
8
|
const reactTabs = require('@seed-design/react-tabs');
|
|
8
9
|
const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
|
|
10
|
+
const React = require('react');
|
|
11
|
+
const clsx = require('clsx');
|
|
9
12
|
|
|
10
|
-
const {
|
|
11
|
-
const ChipTabsRoot =
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
const { ClassNamesProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(chipTabs.chipTabs);
|
|
14
|
+
const ChipTabsRoot = React.forwardRef(
|
|
15
|
+
({ className, ...props }, ref) => {
|
|
16
|
+
if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
|
|
17
|
+
console.warn(
|
|
18
|
+
"[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."
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
const [variantProps, otherProps] = chipTabs.chipTabs.splitVariantProps(props);
|
|
22
|
+
const classNames = chipTabs.chipTabs(variantProps);
|
|
23
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
24
|
+
reactTabs.Tabs.Root,
|
|
25
|
+
{
|
|
26
|
+
ref,
|
|
27
|
+
className: clsx(classNames.root, className),
|
|
28
|
+
...otherProps
|
|
29
|
+
}
|
|
30
|
+
) });
|
|
31
|
+
}
|
|
14
32
|
);
|
|
33
|
+
ChipTabsRoot.displayName = "ChipTabsRoot";
|
|
15
34
|
const ChipTabsList = withContext(
|
|
16
35
|
reactTabs.Tabs.List,
|
|
17
36
|
"list"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa,CAAC,SAAS;CAAG;AAE3F,eAAO,MAAM,YAAY,8GAqBxB,CAAC;AAKF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,SAAS;CAAG;AAErE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,oHAG3B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAEzF,eAAO,MAAM,sBAAsB,wHAGlC,CAAC"}
|
|
@@ -1,13 +1,32 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
3
|
import { chipTabs } from '@seed-design/css/recipes/chip-tabs';
|
|
3
4
|
import { Tabs } from '@seed-design/react-tabs';
|
|
4
5
|
import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
|
|
6
|
+
import { forwardRef } from 'react';
|
|
7
|
+
import clsx from 'clsx';
|
|
5
8
|
|
|
6
|
-
const {
|
|
7
|
-
const ChipTabsRoot =
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
const { ClassNamesProvider, withContext } = createSlotRecipeContext(chipTabs);
|
|
10
|
+
const ChipTabsRoot = forwardRef(
|
|
11
|
+
({ className, ...props }, ref) => {
|
|
12
|
+
if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") {
|
|
13
|
+
console.warn(
|
|
14
|
+
"[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."
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
const [variantProps, otherProps] = chipTabs.splitVariantProps(props);
|
|
18
|
+
const classNames = chipTabs(variantProps);
|
|
19
|
+
return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(
|
|
20
|
+
Tabs.Root,
|
|
21
|
+
{
|
|
22
|
+
ref,
|
|
23
|
+
className: clsx(classNames.root, className),
|
|
24
|
+
...otherProps
|
|
25
|
+
}
|
|
26
|
+
) });
|
|
27
|
+
}
|
|
10
28
|
);
|
|
29
|
+
ChipTabsRoot.displayName = "ChipTabsRoot";
|
|
11
30
|
const ChipTabsList = withContext(
|
|
12
31
|
Tabs.List,
|
|
13
32
|
"list"
|
|
@@ -23,6 +23,11 @@ const {
|
|
|
23
23
|
const withStateProps = createWithStateProps.createWithStateProps([reactSwitch.useSwitchContext]);
|
|
24
24
|
const SwitchRoot = React.forwardRef(
|
|
25
25
|
({ className, ...props }, ref) => {
|
|
26
|
+
if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) {
|
|
27
|
+
console.warn(
|
|
28
|
+
`[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.`
|
|
29
|
+
);
|
|
30
|
+
}
|
|
26
31
|
const [{ switch: switchVariantProps, switchMark: switchMarkVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(
|
|
27
32
|
{
|
|
28
33
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B;;GAEG;AACH,KAAK,gCAAgC,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EACpC,eAAe,CAAC,SAAS;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,gCAAgC,CAAC;CACtE;AAED,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B;;GAEG;AACH,KAAK,gCAAgC,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EACtC,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EACpC,eAAe,CAAC,SAAS;IAC3B,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,gCAAgC,CAAC;CACtE;AAED,eAAO,MAAM,UAAU,0FAmCtB,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,EAAE,eAAe,CAAC,YAAY;CAAG;AAEnG,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,yFAGvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElG,eAAO,MAAM,WAAW,0FAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,2GAA8B,CAAC"}
|
|
@@ -19,6 +19,11 @@ const {
|
|
|
19
19
|
const withStateProps = createWithStateProps([useSwitchContext]);
|
|
20
20
|
const SwitchRoot = React__default.forwardRef(
|
|
21
21
|
({ className, ...props }, ref) => {
|
|
22
|
+
if (process.env.NODE_ENV !== "production" && (props.size === "small" || props.size === "medium")) {
|
|
23
|
+
console.warn(
|
|
24
|
+
`[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.`
|
|
25
|
+
);
|
|
26
|
+
}
|
|
22
27
|
const [{ switch: switchVariantProps, switchMark: switchMarkVariantProps }, otherProps] = splitMultipleVariantsProps(
|
|
23
28
|
{
|
|
24
29
|
...props,
|
package/lib/utils/styled.cjs
CHANGED
|
@@ -69,7 +69,7 @@ function handleDisplay(display) {
|
|
|
69
69
|
if (process.env.NODE_ENV !== "production") {
|
|
70
70
|
if (display === "inlineFlex" || display === "inlineBlock") {
|
|
71
71
|
console.warn(
|
|
72
|
-
`[SEED Design System] ${display} is deprecated. Use inline-flex
|
|
72
|
+
`[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.`
|
|
73
73
|
);
|
|
74
74
|
}
|
|
75
75
|
}
|
|
@@ -89,7 +89,7 @@ function handleFlexDirection(flexDirection) {
|
|
|
89
89
|
if (process.env.NODE_ENV !== "production") {
|
|
90
90
|
if (flexDirection === "rowReverse" || flexDirection === "columnReverse") {
|
|
91
91
|
console.warn(
|
|
92
|
-
`[SEED Design System] ${flexDirection} is deprecated. Use row-reverse
|
|
92
|
+
`[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.`
|
|
93
93
|
);
|
|
94
94
|
}
|
|
95
95
|
}
|
|
@@ -109,12 +109,12 @@ function handleJustifyContent(justifyContent) {
|
|
|
109
109
|
if (process.env.NODE_ENV !== "production") {
|
|
110
110
|
if (justifyContent === "flexStart" || justifyContent === "flexEnd") {
|
|
111
111
|
console.warn(
|
|
112
|
-
`[SEED Design System] ${justifyContent} is deprecated. Use flex-start
|
|
112
|
+
`[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.`
|
|
113
113
|
);
|
|
114
114
|
}
|
|
115
115
|
if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") {
|
|
116
116
|
console.warn(
|
|
117
|
-
`[SEED Design System] ${justifyContent} is deprecated. Use space-between
|
|
117
|
+
`[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.`
|
|
118
118
|
);
|
|
119
119
|
}
|
|
120
120
|
}
|
|
@@ -137,7 +137,7 @@ function handleAlignItems(alignItems) {
|
|
|
137
137
|
if (process.env.NODE_ENV !== "production") {
|
|
138
138
|
if (alignItems === "flexStart" || alignItems === "flexEnd") {
|
|
139
139
|
console.warn(
|
|
140
|
-
`[SEED Design System] ${alignItems} is deprecated. Use flex-start
|
|
140
|
+
`[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.`
|
|
141
141
|
);
|
|
142
142
|
}
|
|
143
143
|
}
|
package/lib/utils/styled.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ScopedColorBg, ScopedColorFg, ScopedColorPalette, ScopedColorStroke, Dimension, Radius, SpacingX, SpacingY, Gradient, Shadow } from '@seed-design/css/vars';
|
|
1
|
+
import { ScopedColorBg, ScopedColorFg, ScopedColorPalette, ScopedColorStroke, Dimension, Radius, SpacingX, SpacingY, Gradient, Shadow, ScopedColorBanner } from '@seed-design/css/vars';
|
|
2
2
|
import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
|
|
3
3
|
export declare function handleColor(color: string | undefined): any;
|
|
4
4
|
export declare function handleDimension(dimension: string | 0 | undefined): string | undefined;
|
|
@@ -8,8 +8,8 @@ export interface StyleProps {
|
|
|
8
8
|
/**
|
|
9
9
|
* Shorthand for `background`.
|
|
10
10
|
*/
|
|
11
|
-
bg?: ScopedColorBg | ScopedColorPalette | (string & {});
|
|
12
|
-
background?: ScopedColorBg | ScopedColorPalette | (string & {});
|
|
11
|
+
bg?: ScopedColorBg | ScopedColorPalette | ScopedColorBanner | (string & {});
|
|
12
|
+
background?: ScopedColorBg | ScopedColorPalette | ScopedColorBanner | (string & {});
|
|
13
13
|
/**
|
|
14
14
|
* Shorthand for `backgroundGradient`.
|
|
15
15
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,
|
|
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
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/react",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.17",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/daangn/seed-design.git",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"unicode-segmenter": "^0.14.4"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
|
-
"@seed-design/css": ">=1.1.
|
|
67
|
+
"@seed-design/css": ">=1.1.17",
|
|
68
68
|
"react": ">=18.0.0",
|
|
69
69
|
"react-dom": ">=18.0.0"
|
|
70
70
|
},
|
|
@@ -34,6 +34,15 @@ export interface CheckboxRootProps
|
|
|
34
34
|
|
|
35
35
|
export const CheckboxRoot = Object.assign(
|
|
36
36
|
forwardRef<HTMLLabelElement, CheckboxRootProps>(({ className, ...props }, ref) => {
|
|
37
|
+
if (
|
|
38
|
+
process.env.NODE_ENV !== "production" &&
|
|
39
|
+
(props.weight === "default" || props.weight === "stronger")
|
|
40
|
+
) {
|
|
41
|
+
console.warn(
|
|
42
|
+
`[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.`,
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
|
|
37
46
|
const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] =
|
|
38
47
|
splitMultipleVariantsProps(
|
|
39
48
|
{
|
|
@@ -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
|
|
|
@@ -32,6 +32,15 @@ export interface SwitchRootProps
|
|
|
32
32
|
|
|
33
33
|
export const SwitchRoot = React.forwardRef<HTMLLabelElement, SwitchRootProps>(
|
|
34
34
|
({ className, ...props }, ref) => {
|
|
35
|
+
if (
|
|
36
|
+
process.env.NODE_ENV !== "production" &&
|
|
37
|
+
(props.size === "small" || props.size === "medium")
|
|
38
|
+
) {
|
|
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.`,
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
|
|
35
44
|
const [{ switch: switchVariantProps, switchMark: switchMarkVariantProps }, otherProps] =
|
|
36
45
|
splitMultipleVariantsProps(
|
|
37
46
|
{
|
package/src/utils/styled.tsx
CHANGED
|
@@ -9,6 +9,7 @@ import type {
|
|
|
9
9
|
SpacingY,
|
|
10
10
|
Gradient,
|
|
11
11
|
Shadow,
|
|
12
|
+
ScopedColorBanner,
|
|
12
13
|
} from "@seed-design/css/vars";
|
|
13
14
|
import { vars } from "@seed-design/css/vars";
|
|
14
15
|
import { forwardRef } from "react";
|
|
@@ -104,7 +105,7 @@ function handleDisplay(display: string | undefined) {
|
|
|
104
105
|
if (process.env.NODE_ENV !== "production") {
|
|
105
106
|
if (display === "inlineFlex" || display === "inlineBlock") {
|
|
106
107
|
console.warn(
|
|
107
|
-
`[SEED Design System] ${display} is deprecated. Use inline-flex
|
|
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
109
|
);
|
|
109
110
|
}
|
|
110
111
|
}
|
|
@@ -127,7 +128,7 @@ function handleFlexDirection(flexDirection: string | undefined) {
|
|
|
127
128
|
if (process.env.NODE_ENV !== "production") {
|
|
128
129
|
if (flexDirection === "rowReverse" || flexDirection === "columnReverse") {
|
|
129
130
|
console.warn(
|
|
130
|
-
`[SEED Design System] ${flexDirection} is deprecated. Use row-reverse
|
|
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
132
|
);
|
|
132
133
|
}
|
|
133
134
|
}
|
|
@@ -150,12 +151,12 @@ function handleJustifyContent(justifyContent: string | undefined) {
|
|
|
150
151
|
if (process.env.NODE_ENV !== "production") {
|
|
151
152
|
if (justifyContent === "flexStart" || justifyContent === "flexEnd") {
|
|
152
153
|
console.warn(
|
|
153
|
-
`[SEED Design System] ${justifyContent} is deprecated. Use flex-start
|
|
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
155
|
);
|
|
155
156
|
}
|
|
156
157
|
if (justifyContent === "spaceBetween" || justifyContent === "spaceAround") {
|
|
157
158
|
console.warn(
|
|
158
|
-
`[SEED Design System] ${justifyContent} is deprecated. Use space-between
|
|
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
160
|
);
|
|
160
161
|
}
|
|
161
162
|
}
|
|
@@ -179,7 +180,7 @@ function handleAlignItems(alignItems: string | undefined) {
|
|
|
179
180
|
if (process.env.NODE_ENV !== "production") {
|
|
180
181
|
if (alignItems === "flexStart" || alignItems === "flexEnd") {
|
|
181
182
|
console.warn(
|
|
182
|
-
`[SEED Design System] ${alignItems} is deprecated. Use flex-start
|
|
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
184
|
);
|
|
184
185
|
}
|
|
185
186
|
}
|
|
@@ -198,9 +199,9 @@ export interface StyleProps {
|
|
|
198
199
|
/**
|
|
199
200
|
* Shorthand for `background`.
|
|
200
201
|
*/
|
|
201
|
-
bg?: ScopedColorBg | ScopedColorPalette | (string & {});
|
|
202
|
+
bg?: ScopedColorBg | ScopedColorPalette | ScopedColorBanner | (string & {});
|
|
202
203
|
|
|
203
|
-
background?: ScopedColorBg | ScopedColorPalette | (string & {});
|
|
204
|
+
background?: ScopedColorBg | ScopedColorPalette | ScopedColorBanner | (string & {});
|
|
204
205
|
|
|
205
206
|
/**
|
|
206
207
|
* Shorthand for `backgroundGradient`.
|