@pfct/purple 1.4.0-rc.0 → 1.4.0-rc.2

package/.history/{package_20240620101011.json → package_20240820163221.json}

@@ -1,6 +1,6 @@
 {
   "name": "@pfct/purple",
-  "version": "1.3.8-rc.2",
+  "version": "1.4.0-rc.1",
   "description": "design system for PFCT web service",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,9 +13,7 @@
     "peoplefund-tech",
     "design-system"
   ],
-  "contributors": [
-    "SEONMI KIM <hello.ddubbu@gmail.com>"
-  ],
+  "contributors": [],
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/peoplefund-tech/PurpleUI-WEB/issues"
@@ -50,13 +48,15 @@
     ]
   },
   "dependencies": {
-    "@emotion/core": "10.1.1",
+    "@emotion/core": "11.0.0",
     "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.8.2",
-    "@emotion/styled": "^11.8.1",
-    "@emotion/styled-base": "^10.3.0",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@emotion/styled-base": "^11.0.0",
     "@tippyjs/react": "^4.2.6",
     "lottie-web": "^5.10.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.4.3",
     "react-router-dom": "^6.11.1",
     "rifm": "^0.12.1"
@@ -74,15 +74,17 @@
     "@storybook/react": "^7.0.6",
     "@storybook/react-webpack5": "^7.0.6",
     "@storybook/testing-library": "^0.2.0",
-    "@types/jest": "^27.1.5",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "aws-sdk": "^2.1366.0",
     "babel-loader": "^8.2.5",
     "core-js": "^3.23.4",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.1",
+    "husky": "^9.1.4",
+    "lint-staged": "^15.2.9",
     "mini-css-extract-plugin": "^2.7.6",
     "standard-version": "^9.5.0",
     "storybook": "^7.0.6",
@@ -92,10 +94,10 @@
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
     "terser-webpack-plugin": "^5.3.3",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
     "tsc-files": "^1.1.3",
-    "typescript": "^4.7.4",
+    "typescript": "^4.9.5",
     "webpack": "^5.73.0",
     "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^4.10.0",
@@ -103,11 +105,11 @@
     "webpack-merge": "^5.8.0"
   },
   "optionalDependencies": {
-    "@commitlint/config-conventional": "^17.7.0",
+    "@commitlint/config-conventional": "^19.2.2",
     "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/eslint-plugin": "^11.7.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.30.0",
@@ -121,7 +123,7 @@
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-testing-library": "^5.3.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.5.1"
+    "jest": "^29.5.0"
   },
   "eslintConfig": {
     "extends": [

package/.history/{package_20240620102132.json → package_20240820163222.json}

@@ -1,6 +1,6 @@
 {
   "name": "@pfct/purple",
-  "version": "1.3.8-rc.2",
+  "version": "1.4.0-rc.1",
   "description": "design system for PFCT web service",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,9 +13,7 @@
     "peoplefund-tech",
     "design-system"
   ],
-  "contributors": [
-    "SEONMI KIM <hello.ddubbu@gmail.com>"
-  ],
+  "contributors": [],
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/peoplefund-tech/PurpleUI-WEB/issues"
@@ -50,17 +48,15 @@
     ]
   },
   "dependencies": {
-    "@emotion/core": "10.1.1",
+    "@emotion/core": "11.0.0",
     "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.8.2",
-    "@emotion/styled": "^11.8.1",
-    "@emotion/styled-base": "^10.3.0",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@emotion/styled-base": "^11.0.0",
     "@tippyjs/react": "^4.2.6",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
     "lottie-web": "^5.10.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.4.3",
     "react-router-dom": "^6.11.1",
     "rifm": "^0.12.1"
@@ -78,15 +74,17 @@
     "@storybook/react": "^7.0.6",
     "@storybook/react-webpack5": "^7.0.6",
     "@storybook/testing-library": "^0.2.0",
-    "@types/jest": "^27.1.5",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "aws-sdk": "^2.1366.0",
     "babel-loader": "^8.2.5",
     "core-js": "^3.23.4",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.1",
+    "husky": "^9.1.4",
+    "lint-staged": "^15.2.9",
     "mini-css-extract-plugin": "^2.7.6",
     "standard-version": "^9.5.0",
     "storybook": "^7.0.6",
@@ -96,10 +94,10 @@
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
     "terser-webpack-plugin": "^5.3.3",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
     "tsc-files": "^1.1.3",
-    "typescript": "^4.7.4",
+    "typescript": "^4.9.5",
     "webpack": "^5.73.0",
     "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^4.10.0",
@@ -107,11 +105,11 @@
     "webpack-merge": "^5.8.0"
   },
   "optionalDependencies": {
-    "@commitlint/config-conventional": "^17.7.0",
+    "@commitlint/config-conventional": "^19.2.2",
     "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/eslint-plugin": "^11.7.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.30.0",
@@ -125,7 +123,7 @@
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-testing-library": "^5.3.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.5.1"
+    "jest": "^29.5.0"
   },
   "eslintConfig": {
     "extends": [

package/.history/{package_20240620102136.json → package_20240820163535.json}

@@ -1,6 +1,6 @@
 {
   "name": "@pfct/purple",
-  "version": "1.3.8-rc.2",
+  "version": "1.4.0-rc.1",
   "description": "design system for PFCT web service",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,9 +13,7 @@
     "peoplefund-tech",
     "design-system"
   ],
-  "contributors": [
-    "SEONMI KIM <hello.ddubbu@gmail.com>"
-  ],
+  "contributors": [],
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/peoplefund-tech/PurpleUI-WEB/issues"
@@ -50,17 +48,15 @@
     ]
   },
   "dependencies": {
-    "@emotion/core": "10.1.1",
+    "@emotion/core": "11.0.0",
     "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.8.2",
-    "@emotion/styled": "^11.8.1",
-    "@emotion/styled-base": "^10.3.0",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@emotion/styled-base": "^11.0.0",
     "@tippyjs/react": "^4.2.6",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
     "lottie-web": "^5.10.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.4.3",
     "react-router-dom": "^6.11.1",
     "rifm": "^0.12.1"
@@ -78,27 +74,30 @@
     "@storybook/react": "^7.0.6",
     "@storybook/react-webpack5": "^7.0.6",
     "@storybook/testing-library": "^0.2.0",
-    "@types/jest": "^27.1.5",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "aws-sdk": "^2.1366.0",
     "babel-loader": "^8.2.5",
     "core-js": "^3.23.4",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.1",
+    "husky": "^9.1.4",
+    "lint-staged": "^15.2.9",
     "mini-css-extract-plugin": "^2.7.6",
     "standard-version": "^9.5.0",
+    "storybook": "^7.0.6",
     "style-loader": "^3.3.1",
     "stylelint": "^14.8.5",
     "stylelint-config-recommended": "^9.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
     "terser-webpack-plugin": "^5.3.3",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
     "tsc-files": "^1.1.3",
-    "typescript": "^4.7.4",
+    "typescript": "^4.9.5",
     "webpack": "^5.73.0",
     "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^4.10.0",
@@ -106,11 +105,11 @@
     "webpack-merge": "^5.8.0"
   },
   "optionalDependencies": {
-    "@commitlint/config-conventional": "^17.7.0",
+    "@commitlint/config-conventional": "^19.2.2",
     "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/eslint-plugin": "^11.7.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.30.0",
@@ -124,7 +123,7 @@
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-testing-library": "^5.3.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.5.1"
+    "jest": "^29.5.0"
   },
   "eslintConfig": {
     "extends": [

package/.history/{package_20240620102153.json → package_20240820164525.json}

@@ -1,6 +1,6 @@
 {
   "name": "@pfct/purple",
-  "version": "1.3.8-rc.2",
+  "version": "1.4.0-rc.1",
   "description": "design system for PFCT web service",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,9 +13,7 @@
     "peoplefund-tech",
     "design-system"
   ],
-  "contributors": [
-    "SEONMI KIM <hello.ddubbu@gmail.com>"
-  ],
+  "contributors": [],
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/peoplefund-tech/PurpleUI-WEB/issues"
@@ -50,17 +48,15 @@
     ]
   },
   "dependencies": {
-    "@emotion/core": "10.1.1",
+    "@emotion/core": "11.0.0",
     "@emotion/css": "^11.9.0",
-    "@emotion/react": "^11.8.2",
-    "@emotion/styled": "^11.8.1",
-    "@emotion/styled-base": "^10.3.0",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@emotion/styled-base": "^11.0.0",
     "@tippyjs/react": "^4.2.6",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
     "lottie-web": "^5.10.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.4.3",
     "react-router-dom": "^6.11.1",
     "rifm": "^0.12.1"
@@ -78,27 +74,30 @@
     "@storybook/react": "^7.0.6",
     "@storybook/react-webpack5": "^7.0.6",
     "@storybook/testing-library": "^0.2.0",
-    "@types/jest": "^27.1.5",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "aws-sdk": "^2.1366.0",
     "babel-loader": "^8.2.5",
     "core-js": "^3.23.4",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
     "html-webpack-plugin": "^5.5.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.1",
+    "husky": "^9.1.4",
+    "lint-staged": "^15.2.9",
     "mini-css-extract-plugin": "^2.7.6",
     "standard-version": "^9.5.0",
+    "storybook": "^7.0.6",
     "style-loader": "^3.3.1",
     "stylelint": "^14.8.5",
     "stylelint-config-recommended": "^9.0.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
     "terser-webpack-plugin": "^5.3.3",
-    "ts-jest": "^27.1.5",
+    "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
     "tsc-files": "^1.1.3",
-    "typescript": "^4.7.4",
+    "typescript": "^4.9.5",
     "webpack": "^5.73.0",
     "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^4.10.0",
@@ -106,11 +105,11 @@
     "webpack-merge": "^5.8.0"
   },
   "optionalDependencies": {
-    "@commitlint/config-conventional": "^17.7.0",
+    "@commitlint/config-conventional": "^19.2.2",
     "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/eslint-plugin": "^11.7.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.30.0",
@@ -124,7 +123,7 @@
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-testing-library": "^5.3.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.5.1"
+    "jest": "^29.5.0"
   },
   "eslintConfig": {
     "extends": [

package/dist/components/Badge/BaseBadge/index.styled.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const Dot: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Badge: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BadgeContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/IconBadge/index.styled.d.ts

@@ -5,11 +5,11 @@ export declare const className: {
 };
 export declare const AbsoluteWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconBadgeWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     type: BadgeTypes;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/TextBadge/index.styled.d.ts

@@ -2,7 +2,7 @@
 import { BadgeTypes } from '../BaseBadge';
 export declare const TextBadgeWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     type: BadgeTypes;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/BottomSheet/BaseBottomSheet/index.styled.d.ts

@@ -2,11 +2,11 @@
 export type BottomSheetPropsHeight = 's' | 'm' | 'l' | 'full';
 export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Content: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     visible: boolean;
     zIndex: number;
@@ -16,7 +16,7 @@ export declare const Content: import("@emotion/styled").StyledComponent<{
 export declare const ContentWrapperPadding = 25;
 export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export type ChildrenStyleProps = {
     readonly hasBottomPadding?: boolean;
@@ -26,9 +26,9 @@ export type ChildrenStyleProps = {
 };
 export declare const ChildrenWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ChildrenStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FooterWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/BottomSheet/NavBottomSheet/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const NavigationWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/BottomSheet/TitleBottomSheet/index.styled.d.ts

@@ -21,9 +21,9 @@ export type TitleWrapperProps = {
 };
 export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & TitleWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ButtonMargin: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/BaseButton/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const LottieWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/DoubleButton/index.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { SingleButtonProps } from '../SingleButton';
 import { ColorType, PurposeType } from '../../../utils';
 type DoubleButtonProps = {
     colorType: ColorType;
     purpose: PurposeType;
-    left: Omit<SingleButtonProps, 'purpose' | 'colorType'>;
-    right: Omit<SingleButtonProps, 'purpose' | 'colorType'>;
+    left: Omit<SingleButtonProps, 'purpose' | 'colorType'> & PropsWithChildren;
+    right: Omit<SingleButtonProps, 'purpose' | 'colorType'> & PropsWithChildren;
 };
 declare const DoubleButton: React.FC<DoubleButtonProps>;
 export type { DoubleButtonProps };

package/dist/components/Button/DoubleButton/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/FloatBaseButton/index.styled.d.ts

@@ -1,25 +1,25 @@
 /// <reference types="react" />
 export declare const FloatButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const GradientSection: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MiniButtonSection: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ButtonSection: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/FloatDoubleButton/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const DoubleButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/SingleButton/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const SingleButtonWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Card/index.styled.d.ts

@@ -2,7 +2,7 @@
 import { CardProps } from '.';
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     disabled?: boolean | undefined;
     clickable?: boolean | undefined;
@@ -10,5 +10,5 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ContentContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & CardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Chips/BasicChips/index.styled.d.ts

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 export declare const OutterContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ChipListContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     hasIconArea: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ControlIconContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ControlIconGradientBackground: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ControlIconCircleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;