@seed-design/react 0.0.15 → 0.0.17

package/lib/components/ActionButton/ActionButton.cjs

@@ -10,7 +10,6 @@ const React = require('react');
 const Icon = require('../Icon/Icon.cjs');
 const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
 const styled = require('../../utils/styled.cjs');
-require('@seed-design/css/recipes/action-button.css');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/lib/components/ActionButton/ActionButton.js

@@ -6,7 +6,6 @@ import * as React from 'react';
 import { IconRequired } from '../Icon/Icon.js';
 import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
 import { useStyleProps } from '../../utils/styled.js';
-import '@seed-design/css/recipes/action-button.css';
 
 const ActionButton = React.forwardRef(
   ({ variant, size, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {

package/lib/components/ActionChip/ActionChip.cjs

@@ -6,7 +6,6 @@ const actionChip = require('@seed-design/css/recipes/action-chip');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const Icon = require('../Icon/Icon.cjs');
-require('@seed-design/css/recipes/action-chip.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(actionChip.actionChip);
 const ActionChip = Icon.withIconRequired(

package/lib/components/ActionChip/ActionChip.js

@@ -2,7 +2,6 @@ import { actionChip } from '@seed-design/css/recipes/action-chip';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { withIconRequired } from '../Icon/Icon.js';
-import '@seed-design/css/recipes/action-chip.css';
 
 const { withContext } = createRecipeContext(actionChip);
 const ActionChip = withIconRequired(

package/lib/components/ActionSheet/ActionSheet.cjs

@@ -9,8 +9,6 @@ const reactPrimitive = require('@seed-design/react-primitive');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-require('@seed-design/css/recipes/action-sheet.css');
-require('@seed-design/css/recipes/action-sheet-item.css');
 
 const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(actionSheet.actionSheet);
 const { withContext: withItemContext } = createRecipeContext.createRecipeContext(actionSheetItem.actionSheetItem);

package/lib/components/ActionSheet/ActionSheet.js

@@ -5,8 +5,6 @@ import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import '@seed-design/css/recipes/action-sheet.css';
-import '@seed-design/css/recipes/action-sheet-item.css';
 
 const { withRootProvider, withContext } = createSlotRecipeContext(actionSheet);
 const { withContext: withItemContext } = createRecipeContext(actionSheetItem);

package/lib/components/Avatar/Avatar.cjs

@@ -10,8 +10,6 @@ const avatarStack = require('@seed-design/css/recipes/avatar-stack');
 const clsx = require('clsx');
 const React = require('react');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-require('@seed-design/css/recipes/avatar.css');
-require('@seed-design/css/recipes/avatar-stack.css');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/lib/components/Avatar/Avatar.js

@@ -7,8 +7,6 @@ import clsx from 'clsx';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import '@seed-design/css/recipes/avatar.css';
-import '@seed-design/css/recipes/avatar-stack.css';
 
 const { PropsProvider, withProvider, withContext } = createSlotRecipeContext(avatar);
 const AvatarRoot = withProvider(

package/lib/components/Badge/Badge.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const reactPrimitive = require('@seed-design/react-primitive');
 const badge = require('@seed-design/css/recipes/badge');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-require('@seed-design/css/recipes/badge.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(badge.badge);
 const Badge = withContext(reactPrimitive.Primitive.span);

package/lib/components/Badge/Badge.js

@@ -1,7 +1,6 @@
 import { Primitive } from '@seed-design/react-primitive';
 import { badge } from '@seed-design/css/recipes/badge';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import '@seed-design/css/recipes/badge.css';
 
 const { withContext } = createRecipeContext(badge);
 const Badge = withContext(Primitive.span);

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -8,7 +8,6 @@ const bottomSheet = require('@seed-design/css/recipes/bottom-sheet');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const styled = require('../../utils/styled.cjs');
-require('@seed-design/css/recipes/bottom-sheet.css');
 
 const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(bottomSheet.bottomSheet);
 const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);

package/lib/components/BottomSheet/BottomSheet.js

@@ -4,7 +4,6 @@ import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { withStyleProps } from '../../utils/styled.js';
-import '@seed-design/css/recipes/bottom-sheet.css';
 
 const { withRootProvider, withContext } = createSlotRecipeContext(bottomSheet);
 const withStateProps = createWithStateProps([useDialogContext]);

package/lib/components/Callout/Callout.cjs

@@ -6,7 +6,6 @@ const reactPrimitive = require('@seed-design/react-primitive');
 const callout = require('@seed-design/css/recipes/callout');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const useDismissible = require('../private/useDismissible.cjs');
-require('@seed-design/css/recipes/callout.css');
 
 const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(callout.callout);
 const CalloutRoot = withProvider(useDismissible.DismissibleRoot, "root");

package/lib/components/Callout/Callout.js

@@ -2,7 +2,6 @@ import { Primitive } from '@seed-design/react-primitive';
 import { callout } from '@seed-design/css/recipes/callout';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { DismissibleCloseButton, DismissibleRoot } from '../private/useDismissible.js';
-import '@seed-design/css/recipes/callout.css';
 
 const { withContext, withProvider } = createSlotRecipeContext(callout);
 const CalloutRoot = withProvider(DismissibleRoot, "root");

package/lib/components/Checkbox/Checkbox.cjs

@@ -11,7 +11,6 @@ const React = require('react');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
-require('@seed-design/css/recipes/checkbox.css');
 
 const { withProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(checkbox.checkbox);
 const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);

package/lib/components/Checkbox/Checkbox.js

@@ -7,7 +7,6 @@ import { forwardRef } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
-import '@seed-design/css/recipes/checkbox.css';
 
 const { withProvider, withContext, useClassNames } = createSlotRecipeContext(checkbox);
 const withStateProps = createWithStateProps([useCheckboxContext]);

package/lib/components/ChipTabs/ChipTabs.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const chipTabs = require('@seed-design/css/recipes/chip-tabs');
 const reactTabs = require('@seed-design/react-tabs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-require('@seed-design/css/recipes/chip-tabs.css');
 
 const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(chipTabs.chipTabs);
 const ChipTabsRoot = withProvider(

package/lib/components/ChipTabs/ChipTabs.js

@@ -1,7 +1,6 @@
 import { chipTabs } from '@seed-design/css/recipes/chip-tabs';
 import { Tabs } from '@seed-design/react-tabs';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import '@seed-design/css/recipes/chip-tabs.css';
 
 const { withProvider, withContext } = createSlotRecipeContext(chipTabs);
 const ChipTabsRoot = withProvider(

package/lib/components/ControlChip/ControlChip.cjs

@@ -6,7 +6,6 @@ const controlChip = require('@seed-design/css/recipes/control-chip');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const Icon = require('../Icon/Icon.cjs');
-require('@seed-design/css/recipes/control-chip.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(controlChip.controlChip);
 const ControlChip = Icon.withIconRequired(

package/lib/components/ControlChip/ControlChip.js

@@ -2,7 +2,6 @@ import { controlChip } from '@seed-design/css/recipes/control-chip';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { withIconRequired } from '../Icon/Icon.js';
-import '@seed-design/css/recipes/control-chip.css';
 
 const { withContext } = createRecipeContext(controlChip);
 const ControlChip = withIconRequired(

package/lib/components/Dialog/Dialog.cjs

@@ -9,7 +9,6 @@ const dialog = require('@seed-design/css/recipes/dialog');
 const React = require('react');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-require('@seed-design/css/recipes/dialog.css');
 
 const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(dialog.dialog);
 const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);

package/lib/components/Dialog/Dialog.js

@@ -5,7 +5,6 @@ import { dialog } from '@seed-design/css/recipes/dialog';
 import { forwardRef } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import '@seed-design/css/recipes/dialog.css';
 
 const { withRootProvider, withContext } = createSlotRecipeContext(dialog);
 const withStateProps = createWithStateProps([useDialogContext]);

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.cjs

@@ -9,8 +9,6 @@ const extendedActionSheetItem = require('@seed-design/css/recipes/extended-actio
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-require('@seed-design/css/recipes/extended-action-sheet.css');
-require('@seed-design/css/recipes/extended-action-sheet-item.css');
 
 const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(extendedActionSheet.extendedActionSheet);
 const { withContext: withItemContext } = createRecipeContext.createRecipeContext(extendedActionSheetItem.extendedActionSheetItem);

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.js

@@ -5,8 +5,6 @@ import { extendedActionSheetItem } from '@seed-design/css/recipes/extended-actio
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import '@seed-design/css/recipes/extended-action-sheet.css';
-import '@seed-design/css/recipes/extended-action-sheet-item.css';
 
 const { withRootProvider, withContext } = createSlotRecipeContext(extendedActionSheet);
 const { withContext: withItemContext } = createRecipeContext(extendedActionSheetItem);

package/lib/components/ExtendedFab/ExtendedFab.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const reactPrimitive = require('@seed-design/react-primitive');
 const extendedFab = require('@seed-design/css/recipes/extended-fab');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-require('@seed-design/css/recipes/extended-fab.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(extendedFab.extendedFab);
 const ExtendedFab = withContext(reactPrimitive.Primitive.button, {

package/lib/components/ExtendedFab/ExtendedFab.js

@@ -1,7 +1,6 @@
 import { Primitive } from '@seed-design/react-primitive';
 import { extendedFab } from '@seed-design/css/recipes/extended-fab';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import '@seed-design/css/recipes/extended-fab.css';
 
 const { withContext } = createRecipeContext(extendedFab);
 const ExtendedFab = withContext(Primitive.button, {

package/lib/components/Fab/Fab.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const reactPrimitive = require('@seed-design/react-primitive');
 const fab = require('@seed-design/css/recipes/fab');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-require('@seed-design/css/recipes/fab.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(fab.fab);
 const Fab = withContext(reactPrimitive.Primitive.button);

package/lib/components/Fab/Fab.js

@@ -1,7 +1,6 @@
 import { Primitive } from '@seed-design/react-primitive';
 import { fab } from '@seed-design/css/recipes/fab';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import '@seed-design/css/recipes/fab.css';
 
 const { withContext } = createRecipeContext(fab);
 const Fab = withContext(Primitive.button);

package/lib/components/HelpBubble/HelpBubble.cjs

@@ -10,7 +10,6 @@ const React = require('react');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const styled = require('../../utils/styled.cjs');
-require('@seed-design/css/recipes/help-bubble.css');
 
 const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(helpBubble.helpBubble);
 const withStateProps = createWithStateProps.createWithStateProps([reactPopover.usePopoverContext]);

package/lib/components/HelpBubble/HelpBubble.js

@@ -6,7 +6,6 @@ import { forwardRef } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { withStyleProps } from '../../utils/styled.js';
-import '@seed-design/css/recipes/help-bubble.css';
 
 const { withRootProvider, withContext } = createSlotRecipeContext(helpBubble);
 const withStateProps = createWithStateProps([usePopoverContext]);

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.cjs

@@ -8,7 +8,6 @@ const domUtils = require('@seed-design/dom-utils');
 const reactPrimitive = require('@seed-design/react-primitive');
 const React = require('react');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-require('@seed-design/css/recipes/identity-placeholder.css');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/lib/components/IdentityPlaceholder/IdentityPlaceholder.js

@@ -4,7 +4,6 @@ import { mergeProps } from '@seed-design/dom-utils';
 import { Primitive } from '@seed-design/react-primitive';
 import * as React from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import '@seed-design/css/recipes/identity-placeholder.css';
 
 const { useClassNames, withProvider } = createSlotRecipeContext(identityPlaceholder);
 const IdentityPlaceholderRoot = withProvider(

package/lib/components/InlineBanner/InlineBanner.cjs

@@ -6,7 +6,6 @@ const inlineBanner = require('@seed-design/css/recipes/inline-banner');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const useDismissible = require('../private/useDismissible.cjs');
-require('@seed-design/css/recipes/inline-banner.css');
 
 const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(inlineBanner.inlineBanner);
 const InlineBannerRoot = withProvider(

package/lib/components/InlineBanner/InlineBanner.js

@@ -2,7 +2,6 @@ import { inlineBanner } from '@seed-design/css/recipes/inline-banner';
 import { Primitive } from '@seed-design/react-primitive';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { DismissibleCloseButton, DismissibleRoot } from '../private/useDismissible.js';
-import '@seed-design/css/recipes/inline-banner.css';
 
 const { withContext, withProvider } = createSlotRecipeContext(inlineBanner);
 const InlineBannerRoot = withProvider(

package/lib/components/LinkContent/LinkContent.cjs

@@ -6,7 +6,6 @@ const linkContent = require('@seed-design/css/recipes/link-content');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const styled = require('../../utils/styled.cjs');
-require('@seed-design/css/recipes/link-content.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(linkContent.linkContent);
 const LinkContent = withContext(

package/lib/components/LinkContent/LinkContent.js

@@ -2,7 +2,6 @@ import { linkContent } from '@seed-design/css/recipes/link-content';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { withStyleProps } from '../../utils/styled.js';
-import '@seed-design/css/recipes/link-content.css';
 
 const { withContext } = createRecipeContext(linkContent);
 const LinkContent = withContext(

package/lib/components/MannerTemp/MannerTemp.cjs

@@ -8,7 +8,6 @@ const reactPrimitive = require('@seed-design/react-primitive');
 const React = require('react');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const MannerTempEmote = require('./MannerTempEmote.cjs');
-require('@seed-design/css/recipes/manner-temp.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(mannerTemp.mannerTemp);
 const MannerTempBase = withContext(reactPrimitive.Primitive.span);

package/lib/components/MannerTemp/MannerTemp.js

@@ -4,7 +4,6 @@ import { Primitive } from '@seed-design/react-primitive';
 import { forwardRef, useMemo } from 'react';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { MannerTempEmotePropsProvider } from './MannerTempEmote.js';
-import '@seed-design/css/recipes/manner-temp.css';
 
 const { withContext } = createRecipeContext(mannerTemp);
 const MannerTempBase = withContext(Primitive.span);

package/lib/components/MannerTempBadge/MannerTempBadge.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const mannerTempBadge = require('@seed-design/css/recipes/manner-temp-badge');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-require('@seed-design/css/recipes/manner-temp-badge.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(mannerTempBadge.mannerTempBadge);
 const MannerTempBadge = withContext(reactPrimitive.Primitive.span);

package/lib/components/MannerTempBadge/MannerTempBadge.js

@@ -1,7 +1,6 @@
 import { mannerTempBadge } from '@seed-design/css/recipes/manner-temp-badge';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import '@seed-design/css/recipes/manner-temp-badge.css';
 
 const { withContext } = createRecipeContext(mannerTempBadge);
 const MannerTempBadge = withContext(Primitive.span);

package/lib/components/NotificationBadge/NotificationBadge.cjs

@@ -9,8 +9,6 @@ const reactPrimitive = require('@seed-design/react-primitive');
 const clsx = require('clsx');
 const React = require('react');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-require('@seed-design/css/recipes/notification-badge.css');
-require('@seed-design/css/recipes/notification-badge-positioner.css');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/lib/components/NotificationBadge/NotificationBadge.js

@@ -6,8 +6,6 @@ import clsx from 'clsx';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import '@seed-design/css/recipes/notification-badge.css';
-import '@seed-design/css/recipes/notification-badge-positioner.css';
 
 const { withContext, PropsProvider } = createRecipeContext(notificationBadge);
 const NotificationBadge = withContext(

package/lib/components/ProgressCircle/ProgressCircle.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const reactProgress = require('@seed-design/react-progress');
 const progressCircle = require('@seed-design/css/recipes/progress-circle');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-require('@seed-design/css/recipes/progress-circle.css');
 
 const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(progressCircle.progressCircle);
 const ProgressCircleRoot = withProvider(

package/lib/components/ProgressCircle/ProgressCircle.js

@@ -1,7 +1,6 @@
 import { ProgressCircle } from '@seed-design/react-progress';
 import { progressCircle } from '@seed-design/css/recipes/progress-circle';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import '@seed-design/css/recipes/progress-circle.css';
 
 const { withContext, withProvider } = createSlotRecipeContext(progressCircle);
 const ProgressCircleRoot = withProvider(

package/lib/components/PullToRefresh/PullToRefresh.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const reactPullToRefresh = require('@seed-design/react-pull-to-refresh');
 const pullToRefresh = require('@seed-design/css/recipes/pull-to-refresh');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-require('@seed-design/css/recipes/pull-to-refresh.css');
 
 const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(pullToRefresh.pullToRefresh);
 const PullToRefreshRoot = withProvider(

package/lib/components/PullToRefresh/PullToRefresh.js

@@ -1,7 +1,6 @@
 import { PullToRefresh } from '@seed-design/react-pull-to-refresh';
 import { pullToRefresh } from '@seed-design/css/recipes/pull-to-refresh';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import '@seed-design/css/recipes/pull-to-refresh.css';
 
 const { withContext, withProvider } = createSlotRecipeContext(pullToRefresh);
 const PullToRefreshRoot = withProvider(

package/lib/components/ReactionButton/ReactionButton.cjs

@@ -8,7 +8,6 @@ const reactToggle = require('@seed-design/react-toggle');
 const clsx = require('clsx');
 const React = require('react');
 const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
-require('@seed-design/css/recipes/reaction-button.css');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/lib/components/ReactionButton/ReactionButton.js

@@ -4,7 +4,6 @@ import { Toggle } from '@seed-design/react-toggle';
 import clsx from 'clsx';
 import * as React from 'react';
 import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
-import '@seed-design/css/recipes/reaction-button.css';
 
 const ReactionButton = React.forwardRef(
   ({ size = "small", loading = false, className, ...otherProps }, ref) => {

package/lib/components/SegmentedControl/SegmentedControl.cjs

@@ -6,7 +6,6 @@ const segmentedControl = require('@seed-design/css/recipes/segmented-control');
 const reactPrimitive = require('@seed-design/react-primitive');
 const reactSegmentedControl = require('@seed-design/react-segmented-control');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-require('@seed-design/css/recipes/segmented-control.css');
 
 const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(segmentedControl.segmentedControl);
 const SegmentedControlRoot = withProvider(

package/lib/components/SegmentedControl/SegmentedControl.js

@@ -2,7 +2,6 @@ import { segmentedControl } from '@seed-design/css/recipes/segmented-control';
 import { Primitive } from '@seed-design/react-primitive';
 import { SegmentedControl } from '@seed-design/react-segmented-control';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import '@seed-design/css/recipes/segmented-control.css';
 
 const { withProvider, withContext } = createSlotRecipeContext(segmentedControl);
 const SegmentedControlRoot = withProvider(

package/lib/components/SelectBox/CheckSelectBox.cjs

@@ -12,8 +12,6 @@ const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
-require('@seed-design/css/recipes/select-box.css');
-require('@seed-design/css/recipes/select-box-group.css');
 
 const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
 const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);

package/lib/components/SelectBox/CheckSelectBox.js

@@ -8,8 +8,6 @@ import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
-import '@seed-design/css/recipes/select-box.css';
-import '@seed-design/css/recipes/select-box-group.css';
 
 const { withContext: withGroupContext } = createRecipeContext(selectBoxGroup);
 const { withContext, withProvider } = createSlotRecipeContext(selectBox);

package/lib/components/SelectBox/RadioSelectBox.cjs

@@ -10,8 +10,6 @@ const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
-require('@seed-design/css/recipes/select-box.css');
-require('@seed-design/css/recipes/select-box-group.css');
 
 const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
 const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);

package/lib/components/SelectBox/RadioSelectBox.js

@@ -6,8 +6,6 @@ import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
-import '@seed-design/css/recipes/select-box.css';
-import '@seed-design/css/recipes/select-box-group.css';
 
 const { withContext: withGroupContext } = createRecipeContext(selectBoxGroup);
 const { withContext, withProvider } = createSlotRecipeContext(selectBox);

package/lib/components/Skeleton/Skeleton.cjs

@@ -6,7 +6,6 @@ const reactPrimitive = require('@seed-design/react-primitive');
 const skeleton = require('@seed-design/css/recipes/skeleton');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const styled = require('../../utils/styled.cjs');
-require('@seed-design/css/recipes/skeleton.css');
 
 const { withContext } = createRecipeContext.createRecipeContext(skeleton.skeleton);
 const Skeleton = withContext(styled.withStyleProps(reactPrimitive.Primitive.div));

package/lib/components/Skeleton/Skeleton.js

@@ -2,7 +2,6 @@ import { Primitive } from '@seed-design/react-primitive';
 import { skeleton } from '@seed-design/css/recipes/skeleton';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { withStyleProps } from '../../utils/styled.js';
-import '@seed-design/css/recipes/skeleton.css';
 
 const { withContext } = createRecipeContext(skeleton);
 const Skeleton = withContext(withStyleProps(Primitive.div));

package/lib/components/Snackbar/Snackbar.cjs

@@ -12,8 +12,6 @@ const React = require('react');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const Icon = require('../private/Icon.cjs');
-require('@seed-design/css/recipes/snackbar.css');
-require('@seed-design/css/recipes/snackbar-region.css');
 
 const { withContext: withRegionContext } = createRecipeContext.createRecipeContext(snackbarRegion.snackbarRegion);
 const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(snackbar.snackbar);

package/lib/components/Snackbar/Snackbar.js

@@ -8,8 +8,6 @@ import { forwardRef } from 'react';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { InternalIcon } from '../private/Icon.js';
-import '@seed-design/css/recipes/snackbar.css';
-import '@seed-design/css/recipes/snackbar-region.css';
 
 const { withContext: withRegionContext } = createRecipeContext(snackbarRegion);
 const { withProvider, withContext } = createSlotRecipeContext(snackbar);

package/lib/components/Switch/Switch.cjs

@@ -7,7 +7,6 @@ const _switch = require('@seed-design/css/recipes/switch');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-require('@seed-design/css/recipes/switch.css');
 
 const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(_switch.switchStyle);
 const withStateProps = createWithStateProps.createWithStateProps([reactSwitch.useSwitchContext]);

package/lib/components/Switch/Switch.js

@@ -3,7 +3,6 @@ import { switchStyle } from '@seed-design/css/recipes/switch';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { Primitive } from '@seed-design/react-primitive';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import '@seed-design/css/recipes/switch.css';
 
 const { withProvider, withContext } = createSlotRecipeContext(switchStyle);
 const withStateProps = createWithStateProps([useSwitchContext]);

package/lib/components/Tabs/Tabs.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const tabs = require('@seed-design/css/recipes/tabs');
 const reactTabs = require('@seed-design/react-tabs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-require('@seed-design/css/recipes/tabs.css');
 
 const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(tabs.tabs);
 const TabsRoot = withProvider(reactTabs.Tabs.Root, "root");

package/lib/components/Tabs/Tabs.js

@@ -1,7 +1,6 @@
 import { tabs } from '@seed-design/css/recipes/tabs';
 import { Tabs } from '@seed-design/react-tabs';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import '@seed-design/css/recipes/tabs.css';
 
 const { withProvider, withContext } = createSlotRecipeContext(tabs);
 const TabsRoot = withProvider(Tabs.Root, "root");

package/lib/components/Text/Text.cjs

@@ -7,7 +7,6 @@ const text = require('@seed-design/css/recipes/text');
 const vars = require('@seed-design/css/vars');
 const clsx = require('clsx');
 const React = require('react');
-require('@seed-design/css/recipes/text.css');
 
 function handleColor(color) {
   if (!color) {

package/lib/components/Text/Text.js

@@ -3,7 +3,6 @@ import { text } from '@seed-design/css/recipes/text';
 import { vars } from '@seed-design/css/vars';
 import clsx from 'clsx';
 import { useMemo } from 'react';
-import '@seed-design/css/recipes/text.css';
 
 function handleColor(color) {
   if (!color) {

package/lib/components/TextField/TextField.cjs

@@ -13,7 +13,6 @@ const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
 const reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('@seed-design/css/recipes/text-field.css');
 
 const { withProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(textField.textField);
 const withStateProps = createWithStateProps.createWithStateProps([reactTextField.useTextFieldContext]);

package/lib/components/TextField/TextField.js

@@ -9,7 +9,6 @@ import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js'
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
 import { composeRefs } from '@radix-ui/react-compose-refs';
-import '@seed-design/css/recipes/text-field.css';
 
 const { withProvider, withContext, useClassNames } = createSlotRecipeContext(textField);
 const withStateProps = createWithStateProps([useTextFieldContext]);

package/lib/components/ToggleButton/ToggleButton.cjs

@@ -8,7 +8,6 @@ const reactToggle = require('@seed-design/react-toggle');
 const clsx = require('clsx');
 const React = require('react');
 const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
-require('@seed-design/css/recipes/toggle-button.css');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/lib/components/ToggleButton/ToggleButton.js

@@ -4,7 +4,6 @@ import { Toggle } from '@seed-design/react-toggle';
 import clsx from 'clsx';
 import * as React from 'react';
 import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
-import '@seed-design/css/recipes/toggle-button.css';
 
 const ToggleButton = React.forwardRef(
   ({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/react",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -56,13 +56,12 @@
     "clsx": "^2.1.1"
   },
   "peerDependencies": {
-    "@seed-design/css": "0.0.15",
+    "@seed-design/css": "0.0.17",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@seed-design/css": "0.0.15",
-    "@seed-design/qvism-rollup-plugin": "0.0.0",
+    "@seed-design/css": "0.0.17",
     "@vitejs/plugin-react": "^4.3.4",
     "globby": "^14.1.0",
     "vite": "^6.2.3",