@bds-web/ui 1.1.0 → 1.3.0

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

@@ -16,11 +16,11 @@ const bg = {
         danger: colors.red.dark,
     },
     disabled: {
-        primary: colors.greyScale[40],
-        secondary: colors.greyScale[40],
+        primary: colors.greyScale[20],
+        secondary: colors.greyScale[20],
         ghost: "transparent",
         text: "transparent",
-        danger: colors.greyScale[40],
+        danger: colors.greyScale[20],
     },
 };
 const text = {
@@ -39,11 +39,11 @@ const text = {
         danger: colors.static.white,
     },
     disabled: {
-        primary: colors.greyScale[50],
-        secondary: colors.greyScale[50],
+        primary: colors.greyScale[10],
+        secondary: colors.greyScale[10],
         ghost: colors.greyScale[20],
         text: colors.greyScale[20],
-        danger: colors.greyScale[50],
+        danger: colors.greyScale[10],
     },
 };
 const border = {

package/dist/CheckIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ui";
+//# sourceMappingURL=index.d.ts.map

package/dist/CheckIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}

package/dist/CheckIcon/index.js

@@ -0,0 +1 @@
+export * from "./ui";

package/dist/CheckIcon/ui/index.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    size: number;
+}
+export declare const CheckIcon: ({ size }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckIcon/ui/index.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,GAAI,UAAU,KAAK,4CAcxC,CAAC"}

package/dist/CheckIcon/ui/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CheckIcon = ({ size }) => {
+    return (_jsx("svg", { width: size * (11 / 20), height: size * (8 / 20), viewBox: "0 0 11 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3.5625 7.51562L0 3.95313L0.890625 3.0625L3.5625 5.73437L9.29688 0L10.1875 0.890625L3.5625 7.51562Z", fill: "white" }) }));
+};

package/dist/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ui";
+export * from "./types/props";
+//# sourceMappingURL=index.d.ts.map

package/dist/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,eAAe,CAAC"}

package/dist/Checkbox/index.js

@@ -0,0 +1,2 @@
+export * from "./ui";
+export * from "./types/props";

package/dist/Checkbox/types/props.d.ts

@@ -0,0 +1,6 @@
+export interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size?: number;
+}
+//# sourceMappingURL=props.d.ts.map

package/dist/Checkbox/types/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/types/props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/Checkbox/types/props.js

@@ -0,0 +1 @@
+export {};

package/dist/Checkbox/ui/index.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProps } from "../types/props";
+export declare const Checkbox: ({ checked, onChange, size }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ui/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,eAAO,MAAM,QAAQ,GAAI,6BAAkC,aAAa,4CASvE,CAAC"}

package/dist/Checkbox/ui/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckIcon } from "../../CheckIcon";
+import * as S from "./style";
+export const Checkbox = ({ checked, onChange, size = 20 }) => {
+    return (_jsx(S.Container, { "$size": size, "$checked": checked, onClick: () => onChange(!checked), children: checked && _jsx(CheckIcon, { size: size }) }));
+};

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

@@ -0,0 +1,8 @@
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $size: number;
+    $checked: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ui/style.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;WAAuB,MAAM;cAAY,OAAO;yGAUrE,CAAC"}

package/dist/Checkbox/ui/style.js

@@ -0,0 +1,14 @@
+import { colors } from "@bds-web/colors";
+import { shapes } from "@bds-web/shapes";
+import styled from "@emotion/styled";
+export const Container = styled.div `
+  width: ${({ $size }) => $size}px;
+  height: ${({ $size }) => $size}px;
+  border: 1px solid ${colors.blue.light};
+  border-radius: ${shapes.small};
+  background-color: ${({ $checked }) => $checked ? colors.blue.light : "transparent"};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;

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;AA8B9C,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;AA2B9C,eAAO,MAAM,QAAQ,GAAI,MAAM,YAAY,8CAE1C,CAAA"}

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

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

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export * from "./Button";
 export * from "./TextInput";
 export * from "./Modal";
 export * from "./Dropdown";
+export * from "./Checkbox";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -3,3 +3,4 @@ export * from "./Button";
 export * from "./TextInput";
 export * from "./Modal";
 export * from "./Dropdown";
+export * from "./Checkbox";

package/package.json

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