@sendoutcards/quantum-design-ui 1.8.34 → 1.8.35

package/dist/src/stories/organisms/RadioOptionList.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const StoryName: any;

package/dist/src/stories/organisms/ReleaseNoteDialog.stories.d.ts

@@ -1,5 +1,5 @@
 import { ReleaseNoteDialogProps } from "../../exports/organisms";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const StoryName: Story<ReleaseNoteDialogProps>;
+export declare const StoryName: StoryFn<ReleaseNoteDialogProps>;

package/dist/src/stories/organisms/SelectableList.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const SingleSelection: any;
 export declare const MultiSelection: any;

package/dist/src/stories/organisms/SettingInput.stories.d.ts

@@ -1,6 +1,6 @@
 import { SettingInputProps } from "../../exports/organisms";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const ColorSettings: Story<SettingInputProps>;
-export declare const ImageSettings: Story<SettingInputProps>;
+export declare const ColorSettings: StoryFn<SettingInputProps>;
+export declare const ImageSettings: StoryFn<SettingInputProps>;

package/dist/src/stories/organisms/StaticNavigation.stories.d.ts

@@ -1,6 +1,6 @@
 import { StaticNavigationProps } from "../../exports/organisms";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const StoryName: Story<StaticNavigationProps>;
-export declare const customLogo: Story<StaticNavigationProps>;
+export declare const StoryName: StoryFn<StaticNavigationProps>;
+export declare const customLogo: StoryFn<StaticNavigationProps>;

package/dist/src/stories/organisms/Stepper.stories.d.ts

@@ -1,5 +1,5 @@
 import { StepperProps } from "../../exports/organisms";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const Primary: Story<StepperProps>;
+export declare const Primary: StoryFn<StepperProps>;

package/dist/src/stories/organisms/UserCard.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Small: any;
 export declare const Medium: any;

package/dist/src/stories/organisms/UserCardLoader.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const Small: any;
 export declare const Medium: any;

package/dist/src/stories/organisms/VideoPlayer.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story } from '@storybook/react/types-6-0';
+import { StoryFn } from '@storybook/react/types-6-0';
 import { VideoPlayerProps } from "../../exports/organisms";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const Basic: Story<VideoPlayerProps>;
+export declare const Basic: StoryFn<VideoPlayerProps>;

package/dist/src/stories/organisms/Zoom.stories.d.ts

@@ -1,6 +1,6 @@
 import { ZoomProps } from "../../exports/organisms";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const DropdownAbove: Story<ZoomProps>;
-export declare const DropdownBelow: Story<ZoomProps>;
+export declare const DropdownAbove: StoryFn<ZoomProps>;
+export declare const DropdownBelow: StoryFn<ZoomProps>;

package/dist/src/stories/portfolios/SOC/AffiliateShareWidget.stories.d.ts

@@ -1,5 +1,5 @@
 import { AffiliateShareWidgetProps } from "../../../exports/socPortfolio";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const AffiliateShareWidgetStory: Story<AffiliateShareWidgetProps>;
+export declare const AffiliateShareWidgetStory: StoryFn<AffiliateShareWidgetProps>;

package/dist/src/stories/portfolios/SOC/BulkSend.stories.d.ts

@@ -1,5 +1,5 @@
 import { BulkSendProps } from "../../../exports/socPortfolio";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const StoryName: Story<BulkSendProps>;
+export declare const StoryName: StoryFn<BulkSendProps>;

package/dist/src/stories/portfolios/SOC/CardEntryDialog.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const CardEntryDialogStory: any;

package/dist/src/stories/portfolios/SOC/OrderCard.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const PortraitThumbnail: any;
 export declare const LandscapeThumbnail: any;

package/dist/src/stories/portfolios/SOC/PaperTypeModal.stories.d.ts

@@ -1,5 +1,5 @@
 import { PaperTypeModalProps } from "../../../exports/socPortfolio";
-import { Story } from '@storybook/react/types-6-0';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+import { StoryFn } from '@storybook/react/types-6-0';
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const StoryName: Story<PaperTypeModalProps>;
+export declare const StoryName: StoryFn<PaperTypeModalProps>;

package/dist/src/stories/portfolios/SOC/UpsaleDialog.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const UpsaleDialogWithUpsaleContent: any;
 export declare const UpsaleDialogWithoutUpsaleContent: any;

package/dist/src/stories/portfolios/SOC/UpsaleSheet.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const SOCUpsaleSheet: any;

package/dist/src/stories/portfolios/SOC/subscriptionUpsale/SubscriptionUpsaleDialog.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
 export declare const SubscriptionUpsaleDialogComponent: any;

package/dist/src/stories/portfolios/editor/EditorSidebar.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story } from '@storybook/react/types-6-0';
+import { StoryFn } from '@storybook/react/types-6-0';
 import { EditorSidebarProps } from "../../../exports/editor";
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
 export default _default;
-export declare const SidebarFive: Story<EditorSidebarProps>;
+export declare const SidebarFive: StoryFn<EditorSidebarProps>;

package/dist/src/theme/quantumThemeWrapper.d.ts

@@ -4,5 +4,5 @@ export declare type QuantumThemeProviderProps = {
     theme?: Theme;
     children?: React.ReactNode;
 };
-export declare const QuantumThemeWrapper: ({ children, theme, }: QuantumThemeProviderProps) => JSX.Element;
+export declare const QuantumThemeWrapper: ({ children, theme, }: QuantumThemeProviderProps) => React.JSX.Element;
 export {};

package/dist/src/theme/theming/entities.d.ts

@@ -995,14 +995,8 @@ export declare const entities: {
         boxShadow: string;
         borderRadius: string;
     };
-    sphere: import("../../types/global").SizeProperties<{
-        circumference: number;
-        textType: "title" | "heroTitle" | "subtitle" | "largeBody" | "body" | "caption" | "footnote";
-    }>;
-    widget: import("../../types/global").ThemeModeProperies<{
-        backgroundColor: string;
-        fontColor: "inverseBody" | "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "accent" | "success" | "warning" | "danger" | "anchorBlue";
-    }>;
+    sphere: Sphere;
+    widget: Widget;
     colorOption: {
         defaults: {
             circleFill: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.34",
+  "version": "1.8.35",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
@@ -29,8 +29,8 @@
     "lint": "eslint src",
     "lint-staged": "lint-staged",
     "publish": "npm publish",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "prettier": "prettier --write src"
   },
   "peerDependencies": {
@@ -44,15 +44,13 @@
   ],
   "dependencies": {
     "@babel/preset-react": "^7.10.4",
-    "@emotion/core": "10.0.27",
-    "@rollup/plugin-babel": "^5.2.1",
+    "@emotion/react": "^11.14.0",
     "@types/color": "^3.0.1",
     "@types/react-color": "^3.0.4",
     "@types/react-infinite-scroller": "^1.2.1",
     "@types/react-lazyload": "^3.1.0",
     "@zerollup/ts-transform-paths": "^1.7.18",
     "color": "^3.1.2",
-    "emotion-theming": "10.0.27",
     "fast-deep-equal": "^3.1.3",
     "framer": "^1.1.7",
     "framer-motion": "4.1.17",
@@ -65,35 +63,34 @@
     "react-infinite-scroller": "^1.2.4",
     "react-parallax-tilt": "^1.7.228",
     "react-use-dimensions": "^1.2.1",
-    "ttypescript": "^1.5.12",
+    "ttypescript": "^1.5.15",
     "use-callback-ref": "^1.2.4",
     "use-resize-observer": "^7.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.11.6",
-    "@emotion/babel-preset-css-prop": "10.0.27",
+    "@emotion/babel-preset-css-prop": "^11.12.0",
+    "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^15.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
     "@sendoutcards/prettier-config": "*",
-    "@storybook/addon-actions": "^6.1.3",
-    "@storybook/addon-essentials": "^6.1.3",
-    "@storybook/addon-info": "*",
-    "@storybook/addon-knobs": "*",
-    "@storybook/addon-links": "^6.1.3",
-    "@storybook/addon-storyshots": "^6.1.0-alpha.9",
-    "@storybook/addons": "*",
-    "@storybook/react": "^6.1.3",
+    "@storybook/addon-actions": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-knobs": "8.0.1",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/addon-storyshots": "^7.6.17",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
     "@types/jest": "^26.0.13",
-    "@types/storybook__addon-info": "*",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
     "jest": "^26.4.2",
     "paths.macro": "^3.0.1",
+    "react": "^17.0.2",
     "react-is": "^16.13.1",
-    "rollup": "^2.26.11",
-    "rollup-plugin-peer-deps-external": "^2.2.2",
-    "rollup-plugin-typescript2": "^0.26.0",
-    "storybook": "^6.1.0-alpha.9",
+    "rollup": "3.29.4",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "storybook": "^8.6.4",
     "ts-jest": "^26.3.0"
   },
   "lint-staged": {

package/dist/src/hooks/useThemeHook.d.ts

@@ -1 +0,0 @@
-export declare const useThemeHook: () => any;