@seed-design/react 1.1.4 → 1.1.5
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/BottomSheet/BottomSheet.cjs +2 -1
- package/lib/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/components/BottomSheet/BottomSheet.js +2 -1
- package/package.json +11 -11
- package/src/components/BottomSheet/BottomSheet.tsx +2 -2
- package/src/components/TextField/TextField.test.tsx +5 -0
- package/src/components/TextField/useTextFieldWithGraphemes.test.tsx +5 -0
|
@@ -7,6 +7,7 @@ const bottomSheet = require('@seed-design/css/recipes/bottom-sheet');
|
|
|
7
7
|
const reactDrawer = require('@seed-design/react-drawer');
|
|
8
8
|
const reactPrimitive = require('@seed-design/react-primitive');
|
|
9
9
|
const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
|
|
10
|
+
const styled = require('../../utils/styled.cjs');
|
|
10
11
|
|
|
11
12
|
const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(bottomSheet.bottomSheet);
|
|
12
13
|
const BottomSheetRoot = withRootProvider(reactDrawer.Drawer.Root, {
|
|
@@ -37,7 +38,7 @@ const BottomSheetTitle = withContext(
|
|
|
37
38
|
);
|
|
38
39
|
const BottomSheetDescription = withContext(reactDrawer.Drawer.Description, "description");
|
|
39
40
|
const BottomSheetBody = withContext(
|
|
40
|
-
reactPrimitive.Primitive.div,
|
|
41
|
+
styled.withStyleProps(reactPrimitive.Primitive.div),
|
|
41
42
|
"body"
|
|
42
43
|
);
|
|
43
44
|
const BottomSheetFooter = withContext(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,MAAM,CAAC,SAAS;CAAG;AAE1F,eAAO,MAAM,eAAe,iEAI1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mJAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';
|
|
|
3
3
|
import { Drawer } from '@seed-design/react-drawer';
|
|
4
4
|
import { Primitive } from '@seed-design/react-primitive';
|
|
5
5
|
import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
|
|
6
|
+
import { withStyleProps } from '../../utils/styled.js';
|
|
6
7
|
|
|
7
8
|
const { withRootProvider, withContext } = createSlotRecipeContext(bottomSheet);
|
|
8
9
|
const BottomSheetRoot = withRootProvider(Drawer.Root, {
|
|
@@ -33,7 +34,7 @@ const BottomSheetTitle = withContext(
|
|
|
33
34
|
);
|
|
34
35
|
const BottomSheetDescription = withContext(Drawer.Description, "description");
|
|
35
36
|
const BottomSheetBody = withContext(
|
|
36
|
-
Primitive.div,
|
|
37
|
+
withStyleProps(Primitive.div),
|
|
37
38
|
"body"
|
|
38
39
|
);
|
|
39
40
|
const BottomSheetFooter = withContext(
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seed-design/react",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.5",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/daangn/seed-design.git",
|
|
@@ -42,24 +42,24 @@
|
|
|
42
42
|
"@radix-ui/react-use-layout-effect": "^1.1.1",
|
|
43
43
|
"@seed-design/dom-utils": "1.0.0",
|
|
44
44
|
"@seed-design/react-avatar": "1.0.0",
|
|
45
|
-
"@seed-design/react-checkbox": "1.0.
|
|
45
|
+
"@seed-design/react-checkbox": "1.0.1",
|
|
46
46
|
"@seed-design/react-dialog": "1.0.0",
|
|
47
|
-
"@seed-design/react-drawer": "1.0.
|
|
48
|
-
"@seed-design/react-field": "1.0.
|
|
49
|
-
"@seed-design/react-field-button": "1.0.
|
|
47
|
+
"@seed-design/react-drawer": "1.0.3",
|
|
48
|
+
"@seed-design/react-field": "1.0.1",
|
|
49
|
+
"@seed-design/react-field-button": "1.0.1",
|
|
50
50
|
"@seed-design/react-popover": "1.0.3",
|
|
51
51
|
"@seed-design/react-portal": "1.0.0",
|
|
52
52
|
"@seed-design/react-primitive": "1.0.0",
|
|
53
53
|
"@seed-design/react-progress": "1.0.0",
|
|
54
54
|
"@seed-design/react-pull-to-refresh": "1.0.1",
|
|
55
|
-
"@seed-design/react-radio-group": "1.0.
|
|
55
|
+
"@seed-design/react-radio-group": "1.0.1",
|
|
56
56
|
"@seed-design/react-scrollable": "1.0.0",
|
|
57
|
-
"@seed-design/react-segmented-control": "1.0.
|
|
57
|
+
"@seed-design/react-segmented-control": "1.0.1",
|
|
58
58
|
"@seed-design/react-slider": "1.0.0",
|
|
59
59
|
"@seed-design/react-snackbar": "1.0.0",
|
|
60
|
-
"@seed-design/react-switch": "1.0.
|
|
61
|
-
"@seed-design/react-tabs": "1.0.
|
|
62
|
-
"@seed-design/react-text-field": "1.1.
|
|
60
|
+
"@seed-design/react-switch": "1.0.1",
|
|
61
|
+
"@seed-design/react-tabs": "1.0.1",
|
|
62
|
+
"@seed-design/react-text-field": "1.1.1",
|
|
63
63
|
"@seed-design/react-toggle": "1.0.0",
|
|
64
64
|
"clsx": "^2.1.1",
|
|
65
65
|
"unicode-segmenter": "^0.14.0"
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"@vitejs/plugin-react": "^5.0.0",
|
|
75
75
|
"ajv": "^8.17.1",
|
|
76
76
|
"csstype": "^3.1.3",
|
|
77
|
-
"globby": "^
|
|
77
|
+
"globby": "^16.0.0",
|
|
78
78
|
"react": "^19.1.0",
|
|
79
79
|
"react-dom": "^19.1.0",
|
|
80
80
|
"vite": "^7.0.0",
|
|
@@ -2,7 +2,7 @@ import { bottomSheet, type BottomSheetVariantProps } from "@seed-design/css/reci
|
|
|
2
2
|
import { Drawer } from "@seed-design/react-drawer";
|
|
3
3
|
import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
|
|
4
4
|
import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
|
|
5
|
-
import type
|
|
5
|
+
import { withStyleProps, type StyleProps } from "../../utils/styled";
|
|
6
6
|
|
|
7
7
|
const { withRootProvider, withContext } = createSlotRecipeContext(bottomSheet);
|
|
8
8
|
|
|
@@ -89,7 +89,7 @@ export interface BottomSheetBodyProps
|
|
|
89
89
|
React.HTMLAttributes<HTMLDivElement> {}
|
|
90
90
|
|
|
91
91
|
export const BottomSheetBody = withContext<HTMLDivElement, BottomSheetBodyProps>(
|
|
92
|
-
Primitive.div,
|
|
92
|
+
withStyleProps(Primitive.div),
|
|
93
93
|
"body",
|
|
94
94
|
);
|
|
95
95
|
|
|
@@ -26,6 +26,11 @@ function setUp(jsx: ReactElement) {
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
describe("TextField", () => {
|
|
29
|
+
global.CSS = {
|
|
30
|
+
// @ts-expect-error
|
|
31
|
+
supports: (_k, _v) => true,
|
|
32
|
+
};
|
|
33
|
+
|
|
29
34
|
describe("props merging", () => {
|
|
30
35
|
describe("TextFieldInput", () => {
|
|
31
36
|
it("should merge props from TextFieldRoot", () => {
|
|
@@ -55,6 +55,11 @@ const TextFieldWithGraphemes = (props: TextFieldWithGraphemesProps) => {
|
|
|
55
55
|
};
|
|
56
56
|
|
|
57
57
|
describe("useTextFieldWithGraphemes", () => {
|
|
58
|
+
global.CSS = {
|
|
59
|
+
// @ts-expect-error
|
|
60
|
+
supports: (_k, _v) => true,
|
|
61
|
+
};
|
|
62
|
+
|
|
58
63
|
describe("basic functionality", () => {
|
|
59
64
|
it("should render with empty default value", () => {
|
|
60
65
|
const { getByTestId } = setUp(<TextFieldWithGraphemes />);
|