@seed-design/react 1.1.16 → 1.1.18
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/AspectRatio/AspectRatio.cjs +53 -0
- package/lib/components/AspectRatio/AspectRatio.d.ts +11 -0
- package/lib/components/AspectRatio/AspectRatio.d.ts.map +1 -0
- package/lib/components/AspectRatio/AspectRatio.js +30 -0
- package/lib/components/AspectRatio/index.cjs +9 -0
- package/lib/components/AspectRatio/index.d.ts +2 -0
- package/lib/components/AspectRatio/index.d.ts.map +1 -0
- package/lib/components/AspectRatio/index.js +1 -0
- package/lib/components/Avatar/Avatar.cjs +4 -10
- package/lib/components/Avatar/Avatar.d.ts +4 -4
- package/lib/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/components/Avatar/Avatar.js +4 -10
- package/lib/components/BottomSheet/BottomSheet.cjs +1 -1
- package/lib/components/BottomSheet/BottomSheet.d.ts +1 -1
- package/lib/components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/components/BottomSheet/BottomSheet.js +1 -1
- package/lib/components/Checkbox/Checkbox.cjs +10 -0
- package/lib/components/Checkbox/Checkbox.d.ts +4 -0
- package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.js +10 -1
- package/lib/components/Checkbox/Checkbox.namespace.cjs +1 -0
- package/lib/components/Checkbox/Checkbox.namespace.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.namespace.d.ts.map +1 -1
- package/lib/components/Checkbox/Checkbox.namespace.js +1 -1
- package/lib/components/Checkbox/index.cjs +1 -0
- package/lib/components/Checkbox/index.d.ts +1 -1
- package/lib/components/Checkbox/index.d.ts.map +1 -1
- package/lib/components/Checkbox/index.js +1 -1
- 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/Dialog/Dialog.d.ts.map +1 -1
- package/lib/components/Fieldset/Fieldset.cjs +86 -0
- package/lib/components/Fieldset/Fieldset.d.ts +30 -0
- package/lib/components/Fieldset/Fieldset.d.ts.map +1 -0
- package/lib/components/Fieldset/Fieldset.js +75 -0
- package/lib/components/Fieldset/Fieldset.namespace.cjs +16 -0
- package/lib/components/Fieldset/Fieldset.namespace.d.ts +2 -0
- package/lib/components/Fieldset/Fieldset.namespace.d.ts.map +1 -0
- package/lib/components/Fieldset/Fieldset.namespace.js +1 -0
- package/lib/components/Fieldset/index.cjs +18 -0
- package/lib/components/Fieldset/index.d.ts +3 -0
- package/lib/components/Fieldset/index.d.ts.map +1 -0
- package/lib/components/Fieldset/index.js +3 -0
- package/lib/components/Grid/Grid.cjs +56 -0
- package/lib/components/Grid/Grid.d.ts +41 -0
- package/lib/components/Grid/Grid.d.ts.map +1 -0
- package/lib/components/Grid/Grid.js +33 -0
- package/lib/components/Grid/index.cjs +9 -0
- package/lib/components/Grid/index.d.ts +2 -0
- package/lib/components/Grid/index.d.ts.map +1 -0
- package/lib/components/Grid/index.js +1 -0
- package/lib/components/GridItem/GridItem.cjs +45 -0
- package/lib/components/GridItem/GridItem.d.ts +35 -0
- package/lib/components/GridItem/GridItem.d.ts.map +1 -0
- package/lib/components/GridItem/GridItem.js +22 -0
- package/lib/components/GridItem/index.cjs +9 -0
- package/lib/components/GridItem/index.d.ts +2 -0
- package/lib/components/GridItem/index.d.ts.map +1 -0
- package/lib/components/GridItem/index.js +1 -0
- package/lib/components/HelpBubble/HelpBubble.cjs +5 -0
- package/lib/components/HelpBubble/HelpBubble.d.ts +3 -0
- package/lib/components/HelpBubble/HelpBubble.d.ts.map +1 -1
- package/lib/components/HelpBubble/HelpBubble.js +5 -1
- package/lib/components/HelpBubble/HelpBubble.namespace.cjs +1 -0
- package/lib/components/HelpBubble/HelpBubble.namespace.d.ts +1 -1
- package/lib/components/HelpBubble/HelpBubble.namespace.d.ts.map +1 -1
- package/lib/components/HelpBubble/HelpBubble.namespace.js +1 -1
- package/lib/components/HelpBubble/index.cjs +1 -0
- package/lib/components/HelpBubble/index.d.ts +1 -1
- package/lib/components/HelpBubble/index.d.ts.map +1 -1
- package/lib/components/HelpBubble/index.js +1 -1
- package/lib/components/ImageFrame/ImageFrame.cjs +157 -0
- package/lib/components/ImageFrame/ImageFrame.d.ts +51 -0
- package/lib/components/ImageFrame/ImageFrame.d.ts.map +1 -0
- package/lib/components/ImageFrame/ImageFrame.js +129 -0
- package/lib/components/ImageFrame/index.cjs +14 -0
- package/lib/components/ImageFrame/index.d.ts +2 -0
- package/lib/components/ImageFrame/index.d.ts.map +1 -0
- package/lib/components/ImageFrame/index.js +1 -0
- package/lib/components/MenuSheet/MenuSheet.cjs +60 -24
- package/lib/components/MenuSheet/MenuSheet.d.ts +12 -0
- package/lib/components/MenuSheet/MenuSheet.d.ts.map +1 -1
- package/lib/components/MenuSheet/MenuSheet.js +57 -25
- package/lib/components/MenuSheet/MenuSheet.namespace.cjs +4 -0
- package/lib/components/MenuSheet/MenuSheet.namespace.d.ts +1 -1
- package/lib/components/MenuSheet/MenuSheet.namespace.d.ts.map +1 -1
- package/lib/components/MenuSheet/MenuSheet.namespace.js +1 -1
- package/lib/components/MenuSheet/index.cjs +4 -0
- package/lib/components/MenuSheet/index.d.ts +1 -1
- package/lib/components/MenuSheet/index.d.ts.map +1 -1
- package/lib/components/MenuSheet/index.js +1 -1
- package/lib/components/RadioGroup/RadioGroup.cjs +4 -1
- package/lib/components/RadioGroup/RadioGroup.d.ts +3 -2
- package/lib/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/lib/components/RadioGroup/RadioGroup.js +4 -1
- package/lib/components/RadioGroupField/RadioGroupField.cjs +79 -0
- package/lib/components/RadioGroupField/RadioGroupField.d.ts +30 -0
- package/lib/components/RadioGroupField/RadioGroupField.d.ts.map +1 -0
- package/lib/components/RadioGroupField/RadioGroupField.js +68 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.cjs +16 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts +2 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.d.ts.map +1 -0
- package/lib/components/RadioGroupField/RadioGroupField.namespace.js +1 -0
- package/lib/components/RadioGroupField/index.cjs +18 -0
- package/lib/components/RadioGroupField/index.d.ts +3 -0
- package/lib/components/RadioGroupField/index.d.ts.map +1 -0
- package/lib/components/RadioGroupField/index.js +3 -0
- package/lib/components/SelectBox/CheckSelectBox.cjs +117 -8
- package/lib/components/SelectBox/CheckSelectBox.d.ts +38 -10
- package/lib/components/SelectBox/CheckSelectBox.d.ts.map +1 -1
- package/lib/components/SelectBox/CheckSelectBox.js +113 -10
- package/lib/components/SelectBox/CheckSelectBox.namespace.cjs +6 -0
- package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts +1 -1
- package/lib/components/SelectBox/CheckSelectBox.namespace.d.ts.map +1 -1
- package/lib/components/SelectBox/CheckSelectBox.namespace.js +1 -1
- package/lib/components/SelectBox/RadioSelectBox.cjs +112 -9
- package/lib/components/SelectBox/RadioSelectBox.d.ts +31 -7
- package/lib/components/SelectBox/RadioSelectBox.d.ts.map +1 -1
- package/lib/components/SelectBox/RadioSelectBox.js +109 -10
- package/lib/components/SelectBox/RadioSelectBox.namespace.cjs +5 -1
- package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts +1 -1
- package/lib/components/SelectBox/RadioSelectBox.namespace.d.ts.map +1 -1
- package/lib/components/SelectBox/RadioSelectBox.namespace.js +1 -1
- package/lib/components/SelectBox/index.cjs +11 -1
- package/lib/components/SelectBox/index.d.ts +2 -2
- package/lib/components/SelectBox/index.d.ts.map +1 -1
- package/lib/components/SelectBox/index.js +2 -2
- package/lib/components/Switch/Switch.cjs +10 -5
- package/lib/components/Switch/Switch.d.ts +3 -3
- package/lib/components/Switch/Switch.d.ts.map +1 -1
- package/lib/components/Switch/Switch.js +10 -5
- package/lib/components/TagGroup/TagGroup.cjs +25 -9
- package/lib/components/TagGroup/TagGroup.d.ts +5 -1
- package/lib/components/TagGroup/TagGroup.d.ts.map +1 -1
- package/lib/components/TagGroup/TagGroup.js +25 -10
- package/lib/components/TagGroup/TagGroup.namespace.cjs +1 -0
- package/lib/components/TagGroup/TagGroup.namespace.d.ts +1 -1
- package/lib/components/TagGroup/TagGroup.namespace.d.ts.map +1 -1
- package/lib/components/TagGroup/TagGroup.namespace.js +1 -1
- package/lib/components/TagGroup/index.cjs +1 -0
- package/lib/components/TagGroup/index.d.ts +1 -1
- package/lib/components/TagGroup/index.d.ts.map +1 -1
- package/lib/components/TagGroup/index.js +1 -1
- package/lib/components/index.cjs +53 -1
- package/lib/components/index.d.ts +6 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +16 -6
- package/lib/index.cjs +53 -1
- package/lib/index.js +16 -6
- package/lib/utils/styled.cjs +11 -5
- package/lib/utils/styled.d.ts +6 -0
- package/lib/utils/styled.d.ts.map +1 -1
- package/lib/utils/styled.js +11 -5
- package/package.json +3 -3
- 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 +5 -5
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const aspectRatio = require('@seed-design/css/recipes/aspect-ratio');
|
|
8
|
+
const clsx = require('clsx');
|
|
9
|
+
const React = require('react');
|
|
10
|
+
const Box = require('../Box/Box.cjs');
|
|
11
|
+
|
|
12
|
+
function _interopNamespaceDefault(e) {
|
|
13
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
14
|
+
if (e) {
|
|
15
|
+
for (const k in e) {
|
|
16
|
+
if (k !== 'default') {
|
|
17
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: () => e[k]
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
n.default = e;
|
|
26
|
+
return Object.freeze(n);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
30
|
+
|
|
31
|
+
const AspectRatio = React__namespace.forwardRef(
|
|
32
|
+
({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
|
|
33
|
+
const child = React__namespace.Children.only(children);
|
|
34
|
+
const aspectRatio$1 = aspectRatio.aspectRatio();
|
|
35
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
36
|
+
Box.Box,
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
className: clsx(aspectRatio$1, className),
|
|
40
|
+
style: {
|
|
41
|
+
// NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
|
|
42
|
+
"--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
|
|
43
|
+
...style
|
|
44
|
+
},
|
|
45
|
+
...rest,
|
|
46
|
+
children: child
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
AspectRatio.displayName = "AspectRatio";
|
|
52
|
+
|
|
53
|
+
exports.AspectRatio = AspectRatio;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BoxProps } from '../Box/Box';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export interface AspectRatioProps extends BoxProps {
|
|
4
|
+
/**
|
|
5
|
+
* The aspect ratio of the aspect ratio container (width / height).
|
|
6
|
+
* @default 4 / 3
|
|
7
|
+
*/
|
|
8
|
+
ratio?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
//# sourceMappingURL=AspectRatio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,yFAsBvB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { aspectRatio } from '@seed-design/css/recipes/aspect-ratio';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { Box } from '../Box/Box.js';
|
|
7
|
+
|
|
8
|
+
const AspectRatio = React.forwardRef(
|
|
9
|
+
({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
|
|
10
|
+
const child = React.Children.only(children);
|
|
11
|
+
const aspectRatio$1 = aspectRatio();
|
|
12
|
+
return /* @__PURE__ */ jsx(
|
|
13
|
+
Box,
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
className: clsx(aspectRatio$1, className),
|
|
17
|
+
style: {
|
|
18
|
+
// NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
|
|
19
|
+
"--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
|
|
20
|
+
...style
|
|
21
|
+
},
|
|
22
|
+
...rest,
|
|
23
|
+
children: child
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
AspectRatio.displayName = "AspectRatio";
|
|
29
|
+
|
|
30
|
+
export { AspectRatio };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AspectRatio } from './AspectRatio.js';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
5
|
|
|
6
6
|
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
const
|
|
7
|
+
const reactImage = require('@seed-design/react-image');
|
|
8
8
|
const reactPrimitive = require('@seed-design/react-primitive');
|
|
9
9
|
const avatar = require('@seed-design/css/recipes/avatar');
|
|
10
10
|
const avatarStack = require('@seed-design/css/recipes/avatar-stack');
|
|
@@ -32,16 +32,10 @@ function _interopNamespaceDefault(e) {
|
|
|
32
32
|
const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
33
33
|
|
|
34
34
|
const { PropsProvider, withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(avatar.avatar);
|
|
35
|
-
const AvatarRoot = withProvider(
|
|
36
|
-
|
|
37
|
-
"root"
|
|
38
|
-
);
|
|
39
|
-
const AvatarImage = withContext(
|
|
40
|
-
reactAvatar.Avatar.Image,
|
|
41
|
-
"image"
|
|
42
|
-
);
|
|
35
|
+
const AvatarRoot = withProvider(reactImage.Image.Root, "root");
|
|
36
|
+
const AvatarImage = withContext(reactImage.Image.Content, "image");
|
|
43
37
|
const AvatarFallback = withContext(
|
|
44
|
-
|
|
38
|
+
reactImage.Image.Fallback,
|
|
45
39
|
"fallback"
|
|
46
40
|
);
|
|
47
41
|
const AvatarBadge = withContext(reactPrimitive.Primitive.div, "badge");
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Image } from '@seed-design/react-image';
|
|
2
2
|
import { PrimitiveProps } from '@seed-design/react-primitive';
|
|
3
3
|
import { AvatarVariantProps } from '@seed-design/css/recipes/avatar';
|
|
4
4
|
import { AvatarStackVariantProps } from '@seed-design/css/recipes/avatar-stack';
|
|
5
5
|
import * as React from "react";
|
|
6
|
-
export interface AvatarRootProps extends AvatarVariantProps,
|
|
6
|
+
export interface AvatarRootProps extends AvatarVariantProps, Image.RootProps {
|
|
7
7
|
}
|
|
8
8
|
export declare const AvatarRoot: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
export interface AvatarImageProps extends
|
|
9
|
+
export interface AvatarImageProps extends Image.ContentProps {
|
|
10
10
|
}
|
|
11
11
|
export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
|
|
12
|
-
export interface AvatarFallbackProps extends
|
|
12
|
+
export interface AvatarFallbackProps extends Image.FallbackProps {
|
|
13
13
|
}
|
|
14
14
|
export declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
export interface AvatarBadgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAElG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,KAAK,CAAC,SAAS;CAAG;AAE/E,eAAO,MAAM,UAAU,wFAAoE,CAAC;AAI5F,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,YAAY;CAAG;AAE/D,eAAO,MAAM,WAAW,2FAA0E,CAAC;AAInG,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,aAAa;CAAG;AAEnE,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjG,eAAO,MAAM,WAAW,yFAAwE,CAAC;AAIjG,MAAM,WAAW,gBACf,SAAQ,uBAAuB,EAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,WAAW,yFAiBvB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { Image } from '@seed-design/react-image';
|
|
4
4
|
import { Primitive } from '@seed-design/react-primitive';
|
|
5
5
|
import { avatar } from '@seed-design/css/recipes/avatar';
|
|
6
6
|
import { avatarStack } from '@seed-design/css/recipes/avatar-stack';
|
|
@@ -10,16 +10,10 @@ import { useMemo } from 'react';
|
|
|
10
10
|
import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
|
|
11
11
|
|
|
12
12
|
const { PropsProvider, withProvider, withContext } = createSlotRecipeContext(avatar);
|
|
13
|
-
const AvatarRoot = withProvider(
|
|
14
|
-
|
|
15
|
-
"root"
|
|
16
|
-
);
|
|
17
|
-
const AvatarImage = withContext(
|
|
18
|
-
Avatar.Image,
|
|
19
|
-
"image"
|
|
20
|
-
);
|
|
13
|
+
const AvatarRoot = withProvider(Image.Root, "root");
|
|
14
|
+
const AvatarImage = withContext(Image.Content, "image");
|
|
21
15
|
const AvatarFallback = withContext(
|
|
22
|
-
|
|
16
|
+
Image.Fallback,
|
|
23
17
|
"fallback"
|
|
24
18
|
);
|
|
25
19
|
const AvatarBadge = withContext(Primitive.div, "badge");
|
|
@@ -19,7 +19,7 @@ export declare const BottomSheetBackdrop: ForwardRefExoticComponent<BottomSheetB
|
|
|
19
19
|
export interface BottomSheetContentProps extends Drawer.ContentProps {
|
|
20
20
|
}
|
|
21
21
|
export declare const BottomSheetContent: ForwardRefExoticComponent<BottomSheetContentProps & RefAttributes<HTMLDivElement>>;
|
|
22
|
-
export interface BottomSheetHeaderProps extends
|
|
22
|
+
export interface BottomSheetHeaderProps extends Drawer.HeaderProps {
|
|
23
23
|
}
|
|
24
24
|
export declare const BottomSheetHeader: ForwardRefExoticComponent<BottomSheetHeaderProps & RefAttributes<HTMLDivElement>>;
|
|
25
25
|
export interface BottomSheetTitleProps extends Drawer.TitleProps {
|
|
@@ -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,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,
|
|
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,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,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"}
|
|
@@ -15,7 +15,10 @@ const React = require('react');
|
|
|
15
15
|
const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
|
|
16
16
|
const createWithStateProps = require('../../utils/createWithStateProps.cjs');
|
|
17
17
|
const Icon = require('../private/Icon.cjs');
|
|
18
|
+
const createRecipeContext = require('../../utils/createRecipeContext.cjs');
|
|
19
|
+
const checkboxGroup = require('@seed-design/css/recipes/checkbox-group');
|
|
18
20
|
|
|
21
|
+
const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(checkboxGroup.checkboxGroup);
|
|
19
22
|
const { ClassNamesProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(checkbox.checkbox);
|
|
20
23
|
const {
|
|
21
24
|
withProvider: withCheckmarkProvider,
|
|
@@ -23,8 +26,14 @@ const {
|
|
|
23
26
|
PropsProvider: CheckmarkPropsProvider
|
|
24
27
|
} = createSlotRecipeContext.createSlotRecipeContext(checkmark.checkmark);
|
|
25
28
|
const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
|
|
29
|
+
const CheckboxGroup = withGroupContext(reactPrimitive.Primitive.div);
|
|
26
30
|
const CheckboxRoot = Object.assign(
|
|
27
31
|
React.forwardRef(({ className, ...props }, ref) => {
|
|
32
|
+
if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) {
|
|
33
|
+
console.warn(
|
|
34
|
+
`[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.`
|
|
35
|
+
);
|
|
36
|
+
}
|
|
28
37
|
const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps.splitMultipleVariantsProps(
|
|
29
38
|
{
|
|
30
39
|
...props,
|
|
@@ -84,6 +93,7 @@ const CheckboxLabel = withContext(
|
|
|
84
93
|
const CheckboxHiddenInput = reactCheckbox.Checkbox.HiddenInput;
|
|
85
94
|
|
|
86
95
|
exports.CheckboxControl = CheckboxControl;
|
|
96
|
+
exports.CheckboxGroup = CheckboxGroup;
|
|
87
97
|
exports.CheckboxHiddenInput = CheckboxHiddenInput;
|
|
88
98
|
exports.CheckboxIndicator = CheckboxIndicator;
|
|
89
99
|
exports.CheckboxLabel = CheckboxLabel;
|
|
@@ -2,7 +2,11 @@ import { CheckboxVariantProps } from '@seed-design/css/recipes/checkbox';
|
|
|
2
2
|
import { CheckmarkVariantProps } from '@seed-design/css/recipes/checkmark';
|
|
3
3
|
import { Checkbox as CheckboxPrimitive } from '@seed-design/react-checkbox';
|
|
4
4
|
import { PrimitiveProps } from '@seed-design/react-primitive';
|
|
5
|
+
import { CheckboxGroupVariantProps } from '@seed-design/css/recipes/checkbox-group';
|
|
5
6
|
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
7
|
+
export interface CheckboxGroupProps extends CheckboxGroupVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
}
|
|
9
|
+
export declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;
|
|
6
10
|
/**
|
|
7
11
|
* @deprecated Use `regular` or `bold` instead of `default` or `stronger`
|
|
8
12
|
*/
|
|
@@ -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;
|
|
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;AAO9E,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAajD,MAAM,WAAW,kBACf,SAAQ,yBAAyB,EAC/B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,+GAAsE,CAAC;AAIjG;;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"}
|
|
@@ -11,7 +11,10 @@ import { forwardRef } from 'react';
|
|
|
11
11
|
import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
|
|
12
12
|
import { createWithStateProps } from '../../utils/createWithStateProps.js';
|
|
13
13
|
import { InternalIcon } from '../private/Icon.js';
|
|
14
|
+
import { createRecipeContext } from '../../utils/createRecipeContext.js';
|
|
15
|
+
import { checkboxGroup } from '@seed-design/css/recipes/checkbox-group';
|
|
14
16
|
|
|
17
|
+
const { withContext: withGroupContext } = createRecipeContext(checkboxGroup);
|
|
15
18
|
const { ClassNamesProvider, withContext } = createSlotRecipeContext(checkbox);
|
|
16
19
|
const {
|
|
17
20
|
withProvider: withCheckmarkProvider,
|
|
@@ -19,8 +22,14 @@ const {
|
|
|
19
22
|
PropsProvider: CheckmarkPropsProvider
|
|
20
23
|
} = createSlotRecipeContext(checkmark);
|
|
21
24
|
const withStateProps = createWithStateProps([useCheckboxContext]);
|
|
25
|
+
const CheckboxGroup = withGroupContext(Primitive.div);
|
|
22
26
|
const CheckboxRoot = Object.assign(
|
|
23
27
|
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
|
+
}
|
|
24
33
|
const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps(
|
|
25
34
|
{
|
|
26
35
|
...props,
|
|
@@ -79,4 +88,4 @@ const CheckboxLabel = withContext(
|
|
|
79
88
|
);
|
|
80
89
|
const CheckboxHiddenInput = Checkbox.HiddenInput;
|
|
81
90
|
|
|
82
|
-
export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot };
|
|
91
|
+
export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot };
|
|
@@ -7,6 +7,7 @@ const Checkbox = require('./Checkbox.cjs');
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
exports.Control = Checkbox.CheckboxControl;
|
|
10
|
+
exports.Group = Checkbox.CheckboxGroup;
|
|
10
11
|
exports.HiddenInput = Checkbox.CheckboxHiddenInput;
|
|
11
12
|
exports.Indicator = Checkbox.CheckboxIndicator;
|
|
12
13
|
exports.Label = Checkbox.CheckboxLabel;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { CheckboxControl as Control, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root, type CheckboxControlProps as ControlProps, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxIndicatorProps as IndicatorProps, type CheckboxLabelProps as LabelProps, type CheckboxRootProps as RootProps, } from './Checkbox';
|
|
1
|
+
export { CheckboxControl as Control, CheckboxGroup as Group, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root, type CheckboxControlProps as ControlProps, type CheckboxGroupProps as GroupProps, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxIndicatorProps as IndicatorProps, type CheckboxLabelProps as LabelProps, type CheckboxRootProps as RootProps, } from './Checkbox';
|
|
2
2
|
//# sourceMappingURL=Checkbox.namespace.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,OAAO,EAC1B,mBAAmB,IAAI,WAAW,EAClC,iBAAiB,IAAI,SAAS,EAC9B,aAAa,IAAI,KAAK,EACtB,YAAY,IAAI,IAAI,EACpB,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,sBAAsB,IAAI,cAAc,EAC7C,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,iBAAiB,IAAI,SAAS,GACpC,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"Checkbox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,OAAO,EAC1B,aAAa,IAAI,KAAK,EACtB,mBAAmB,IAAI,WAAW,EAClC,iBAAiB,IAAI,SAAS,EAC9B,aAAa,IAAI,KAAK,EACtB,YAAY,IAAI,IAAI,EACpB,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,sBAAsB,IAAI,cAAc,EAC7C,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,iBAAiB,IAAI,SAAS,GACpC,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { CheckboxControl as Control, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root } from './Checkbox.js';
|
|
1
|
+
export { CheckboxControl as Control, CheckboxGroup as Group, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root } from './Checkbox.js';
|
|
@@ -8,6 +8,7 @@ const Checkbox_namespace = require('./Checkbox.namespace.cjs');
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
exports.CheckboxControl = Checkbox.CheckboxControl;
|
|
11
|
+
exports.CheckboxGroup = Checkbox.CheckboxGroup;
|
|
11
12
|
exports.CheckboxHiddenInput = Checkbox.CheckboxHiddenInput;
|
|
12
13
|
exports.CheckboxIndicator = Checkbox.CheckboxIndicator;
|
|
13
14
|
exports.CheckboxLabel = Checkbox.CheckboxLabel;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, type CheckboxControlProps, type CheckboxHiddenInputProps, type CheckboxIndicatorProps, type CheckboxLabelProps, type CheckboxRootProps, } from './Checkbox';
|
|
1
|
+
export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, type CheckboxControlProps, type CheckboxGroupProps, type CheckboxHiddenInputProps, type CheckboxIndicatorProps, type CheckboxLabelProps, type CheckboxRootProps, } from './Checkbox';
|
|
2
2
|
export * as Checkbox from './Checkbox.namespace';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from './Checkbox.js';
|
|
1
|
+
export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from './Checkbox.js';
|
|
2
2
|
import * as Checkbox_namespace from './Checkbox.namespace.js';
|
|
3
3
|
export { Checkbox_namespace as Checkbox };
|
|
@@ -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"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAUlF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;IACpF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,4DAKrB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,4HAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAUlF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;IACpF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,4DAKrB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,4HAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAOpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,iHAGvB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,yHAG7B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,iBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,YAAY,iHAGvB,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const reactPrimitive = require('@seed-design/react-primitive');
|
|
8
|
+
const React = require('react');
|
|
9
|
+
const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
|
|
10
|
+
const field = require('@seed-design/css/recipes/field');
|
|
11
|
+
const fieldLabel = require('@seed-design/css/recipes/field-label');
|
|
12
|
+
const reactFieldset = require('@seed-design/react-fieldset');
|
|
13
|
+
const Icon = require('../private/Icon.cjs');
|
|
14
|
+
const clsx = require('clsx');
|
|
15
|
+
|
|
16
|
+
const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(field.field);
|
|
17
|
+
const {
|
|
18
|
+
withContext: withLabelContext,
|
|
19
|
+
withProvider: withLabelProvider,
|
|
20
|
+
useClassNames: useLabelClassNames
|
|
21
|
+
} = createSlotRecipeContext.createSlotRecipeContext(fieldLabel.fieldLabel);
|
|
22
|
+
const FieldsetRoot = withProvider(reactFieldset.Fieldset.Root, "root");
|
|
23
|
+
const FieldsetHeader = withContext(
|
|
24
|
+
reactPrimitive.Primitive.div,
|
|
25
|
+
"header"
|
|
26
|
+
);
|
|
27
|
+
const FieldsetLabel = withLabelProvider(
|
|
28
|
+
reactFieldset.Fieldset.Label,
|
|
29
|
+
"root"
|
|
30
|
+
);
|
|
31
|
+
const FieldsetIndicatorText = withLabelContext(
|
|
32
|
+
reactPrimitive.Primitive.span,
|
|
33
|
+
"indicatorText"
|
|
34
|
+
);
|
|
35
|
+
const FieldsetRequiredIndicator = React.forwardRef(
|
|
36
|
+
({ className, ...props }, ref) => {
|
|
37
|
+
const { indicatorIcon } = useLabelClassNames();
|
|
38
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
39
|
+
Icon.InternalIcon,
|
|
40
|
+
{
|
|
41
|
+
svg: (
|
|
42
|
+
// biome-ignore lint/a11y/noSvgWithoutTitle: InternalIcon is aria-hidden
|
|
43
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
44
|
+
"svg",
|
|
45
|
+
{
|
|
46
|
+
viewBox: "0 0 6 6",
|
|
47
|
+
fill: "none",
|
|
48
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
49
|
+
className: clsx(indicatorIcon, className),
|
|
50
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
51
|
+
"path",
|
|
52
|
+
{
|
|
53
|
+
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",
|
|
54
|
+
fill: "currentColor"
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
),
|
|
60
|
+
ref,
|
|
61
|
+
...props
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
const FieldsetFooter = withContext(
|
|
67
|
+
reactPrimitive.Primitive.div,
|
|
68
|
+
"footer"
|
|
69
|
+
);
|
|
70
|
+
const FieldsetDescription = withContext(
|
|
71
|
+
reactFieldset.Fieldset.Description,
|
|
72
|
+
"description"
|
|
73
|
+
);
|
|
74
|
+
const FieldsetErrorMessage = withContext(
|
|
75
|
+
reactFieldset.Fieldset.ErrorMessage,
|
|
76
|
+
"errorMessage"
|
|
77
|
+
);
|
|
78
|
+
|
|
79
|
+
exports.FieldsetDescription = FieldsetDescription;
|
|
80
|
+
exports.FieldsetErrorMessage = FieldsetErrorMessage;
|
|
81
|
+
exports.FieldsetFooter = FieldsetFooter;
|
|
82
|
+
exports.FieldsetHeader = FieldsetHeader;
|
|
83
|
+
exports.FieldsetIndicatorText = FieldsetIndicatorText;
|
|
84
|
+
exports.FieldsetLabel = FieldsetLabel;
|
|
85
|
+
exports.FieldsetRequiredIndicator = FieldsetRequiredIndicator;
|
|
86
|
+
exports.FieldsetRoot = FieldsetRoot;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { PrimitiveProps } from '@seed-design/react-primitive';
|
|
2
|
+
import { FieldVariantProps } from '@seed-design/css/recipes/field';
|
|
3
|
+
import { FieldLabelVariantProps } from '@seed-design/css/recipes/field-label';
|
|
4
|
+
import { Fieldset } from '@seed-design/react-fieldset';
|
|
5
|
+
import type * as React from "react";
|
|
6
|
+
export interface FieldsetRootProps extends FieldVariantProps, Fieldset.RootProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const FieldsetRoot: React.ForwardRefExoticComponent<FieldsetRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export interface FieldsetHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
}
|
|
11
|
+
export declare const FieldsetHeader: React.ForwardRefExoticComponent<FieldsetHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export interface FieldsetLabelProps extends FieldLabelVariantProps, Fieldset.LabelProps {
|
|
13
|
+
}
|
|
14
|
+
export declare const FieldsetLabel: React.ForwardRefExoticComponent<FieldsetLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export interface FieldsetIndicatorTextProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
|
|
16
|
+
}
|
|
17
|
+
export declare const FieldsetIndicatorText: React.ForwardRefExoticComponent<FieldsetIndicatorTextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
export interface FieldsetRequiredIndicatorProps extends React.SVGProps<SVGElement> {
|
|
19
|
+
}
|
|
20
|
+
export declare const FieldsetRequiredIndicator: React.ForwardRefExoticComponent<Omit<FieldsetRequiredIndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
21
|
+
export interface FieldsetFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
|
|
22
|
+
}
|
|
23
|
+
export declare const FieldsetFooter: React.ForwardRefExoticComponent<FieldsetFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
export interface FieldsetDescriptionProps extends Fieldset.DescriptionProps {
|
|
25
|
+
}
|
|
26
|
+
export declare const FieldsetDescription: React.ForwardRefExoticComponent<FieldsetDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
|
|
27
|
+
export interface FieldsetErrorMessageProps extends Fieldset.ErrorMessageProps {
|
|
28
|
+
}
|
|
29
|
+
export declare const FieldsetErrorMessage: React.ForwardRefExoticComponent<FieldsetErrorMessageProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
//# sourceMappingURL=Fieldset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAevD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,QAAQ,CAAC,SAAS;CAAG;AAEnF,eAAO,MAAM,YAAY,0FAAyE,CAAC;AAInG,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,EAAE,QAAQ,CAAC,UAAU;CAAG;AAE1F,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,qBAAqB,oGAGjC,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;CAAG;AAErF,eAAO,MAAM,yBAAyB,mHAyBrC,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,QAAQ,CAAC,gBAAgB;CAAG;AAE9E,eAAO,MAAM,mBAAmB,kGAG/B,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,QAAQ,CAAC,iBAAiB;CAAG;AAEhF,eAAO,MAAM,oBAAoB,kGAGhC,CAAC"}
|