@bds-web/ui 1.14.0 → 1.16.0

package/dist/Dropdown/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/ui/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAM/C,eAAO,MAAM,QAAQ,GAAI,uDAMtB,aAAa,4CAsCf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/ui/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAM/C,eAAO,MAAM,QAAQ,GAAI,uDAMtB,aAAa,4CAoCf,CAAC"}

package/dist/Dropdown/ui/index.js

@@ -8,7 +8,7 @@ import { DropdownPortal } from "./DropdownPortal";
 export const Dropdown = ({ dropdownSize = "small", onSelect, options, selected, width = "auto", }) => {
     const { isOpen, closeDropdown, toggleDropdown } = useDropdown();
     const containerRef = useOutsideClick(isOpen, closeDropdown);
-    return (_jsxs(S.Container, { ref: containerRef, "$size": dropdownSize, "$width": width, onClick: toggleDropdown, style: { position: "relative" }, children: [_jsxs(S.SelectedItem, { children: [_jsx(S.SelectedText, { children: selected ? selected.name : "선택해주세요." }), _jsx(TriangleIcon, {})] }), _jsx(DropdownPortal, { containerRef: containerRef, isOpen: isOpen, children: _jsx(S.OptionsList, { "$size": dropdownSize, "$isOpen": isOpen, children: options.map((option, idx) => (_jsx(S.OptionItem, { "$isSelected": selected?.value === option.value, "$size": dropdownSize, onClick: e => {
+    return (_jsxs(S.Container, { ref: containerRef, "$size": dropdownSize, "$width": width, onClick: toggleDropdown, style: { position: "relative" }, children: [_jsxs(S.SelectedItem, { children: [_jsx(S.SelectedText, { children: selected ? selected.name : "선택해주세요." }), _jsx(TriangleIcon, {})] }), _jsx(DropdownPortal, { containerRef: containerRef, isOpen: isOpen, children: _jsx(S.OptionsList, { "$isOpen": isOpen, children: options.map((option, idx) => (_jsx(S.OptionItem, { "$isSelected": selected?.value === option.value, "$size": dropdownSize, onClick: (e) => {
                             e.stopPropagation();
                             onSelect(option);
                             closeDropdown();

package/dist/Dropdown/ui/style.d.ts

@@ -18,7 +18,6 @@ export declare const OptionsList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    $size: DropdownSize;
     $isOpen: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const OptionItem: import("@emotion/styled").StyledComponent<{

package/dist/Dropdown/ui/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/ui/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,eAAO,MAAM,SAAS;;;;WAAuB,YAAY;YAAU,MAAM;yGASxE,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAIxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;WAAsB,YAAY;aAAW,OAAO;6GAiB3E,CAAC;AAEF,eAAO,MAAM,UAAU;;;;WACd,YAAY;iBACN,OAAO;yGAerB,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/ui/style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,eAAO,MAAM,SAAS;;;;WAAuB,YAAY;YAAU,MAAM;yGAWxE,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAIxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;aAAwB,OAAO;6GAUtD,CAAC;AAEF,eAAO,MAAM,UAAU;;;;WACd,YAAY;iBACN,OAAO;yGAerB,CAAC"}

package/dist/Dropdown/ui/style.js

@@ -7,6 +7,8 @@ export const Container = styled.div `
   border-radius: ${shapes.large};
   padding: 0 20px;
   ${({ $size }) => getStyle($size)};
+  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
+  background-color: ${colors.static.white};
   min-width: ${({ $width }) => $width};
   cursor: pointer;
   position: relative;
@@ -33,13 +35,7 @@ export const OptionsList = styled.ul `
   overflow-y: scroll;
   background-color: ${colors.static.white};
   border-radius: ${shapes.large};
-  ${({ $size }) => $size === "small"
-    ? `
-    border: 1px solid ${colors.greyScale[20]};
-  `
-    : `
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
-  `};
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
   position: static;
   box-sizing: border-box;
   z-index: ${({ $isOpen }) => ($isOpen ? 100 : -1)};

package/dist/Dropdown/utils/get-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-style.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/utils/get-style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA2B9C,eAAO,MAAM,QAAQ,GAAI,MAAM,YAAY,8CAE1C,CAAA"}
+{"version":3,"file":"get-style.d.ts","sourceRoot":"","sources":["../../../src/Dropdown/utils/get-style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAoB9C,eAAO,MAAM,QAAQ,GAAI,MAAM,YAAY,8CAE1C,CAAA"}

package/dist/Dropdown/utils/get-style.js

@@ -1,22 +1,15 @@
 import { css } from "@emotion/react";
-import { colors } from "@bds-web/colors";
 import { typoCss } from "@bds-web/typography";
 const map = {
     small: css `
-    border: 1px solid ${colors.greyScale[20]};
-    background-color: ${colors.static.white};
     height: 28px;
     ${typoCss("Body")};
   `,
     medium: css `
-    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
-    background-color: ${colors.static.white};
     height: 36px;
     ${typoCss("Body")};
   `,
     large: css `
-    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
-    background-color: ${colors.static.white};
     height: 48px;
     ${typoCss("H4")};
   `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bds-web/ui",
-  "version": "1.14.0",
+  "version": "1.16.0",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",