krl-alfred 2.23.13 → 2.23.15

package/dist/components/AddressCard/stories/AddressCard.stories.d.ts

@@ -1,10 +1,16 @@
-import React from 'react';
+import React from "react";
 import type { AddressCardProps } from "../props";
 declare const _default: {
     title: string;
     component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
+        title: {
+            control: string;
+        };
+        description: {
+            control: string;
+        };
         checked: {
             control: string;
         };
@@ -17,6 +23,9 @@ declare const _default: {
         hasBlockDescription: {
             control: string;
         };
+        minHeight: {
+            control: string;
+        };
         content: {
             control: boolean;
         };
@@ -36,126 +45,178 @@ export declare const Default: {
         disabled: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const Checked: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        checked: boolean;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
-        value: string;
-        checked: boolean;
         disabled: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const WithoutEditButton: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        isShowEditBtn: boolean;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
-        value: string;
         checked: boolean;
         disabled: boolean;
-        isShowEditBtn: boolean;
         minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const WithoutEditButtonChecked: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        checked: boolean;
+        isShowEditBtn: boolean;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
+        disabled: boolean;
+        minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
+    };
+};
+export declare const WithoutDescription: {
+    args: {
+        title: string;
+        description: string;
+        id: string;
         value: string;
+        minHeight: string;
+        handleUpdate: () => void;
+        onChange: () => void;
+        name: string;
         checked: boolean;
         disabled: boolean;
         isShowEditBtn: boolean;
-        minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const Disabled: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        disabled: boolean;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
-        value: string;
         checked: boolean;
-        disabled: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const DisabledChecked: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        checked: boolean;
+        disabled: boolean;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
+        isShowEditBtn: boolean;
+        minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
+    };
+};
+export declare const DisabledWithoutEditButton: {
+    args: {
+        title: string;
+        id: string;
         value: string;
-        checked: boolean;
         disabled: boolean;
         isShowEditBtn: boolean;
+        description: string;
+        handleUpdate: () => void;
+        onChange: () => void;
+        name: string;
+        checked: boolean;
         minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const ShortDescription: {
     args: {
         title: string;
         description: string;
+        id: string;
+        value: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
-        value: string;
         checked: boolean;
         disabled: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const LongDescription: {
     args: {
         title: string;
         description: string;
+        id: string;
+        value: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
-        value: string;
         checked: boolean;
         disabled: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const CustomMinHeight: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        minHeight: string;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
-        value: string;
         checked: boolean;
         disabled: boolean;
         isShowEditBtn: boolean;
-        minHeight: string;
+        hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const WithContent: {
@@ -163,45 +224,106 @@ export declare const WithContent: {
     args: {
         title: string;
         description: any;
+        id: string;
+        name: string;
+        value: string;
+        isShowEditBtn: boolean;
+        minHeight: string;
+        hasBlockDescription: boolean;
         handleUpdate: () => void;
+        onChange: () => void;
+        checked: boolean;
+        disabled: boolean;
+        content: any;
+    };
+};
+export declare const WithContentOpen: {
+    render: (args: AddressCardProps) => React.JSX.Element;
+    args: {
+        title: string;
+        description: any;
         id: string;
         name: string;
         value: string;
         checked: boolean;
+        isShowEditBtn: boolean;
+        minHeight: string;
+        hasBlockDescription: boolean;
+        handleUpdate: () => void;
+        onChange: () => void;
         disabled: boolean;
+        content: any;
+    };
+};
+export declare const WithContentAndEdit: {
+    render: (args: AddressCardProps) => React.JSX.Element;
+    args: {
+        title: string;
+        description: string;
+        id: string;
+        name: string;
+        value: string;
+        checked: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
+        handleUpdate: () => void;
+        onChange: () => void;
+        disabled: boolean;
         hasBlockDescription: boolean;
+        content: any;
     };
 };
 export declare const BlockDescription: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        hasBlockDescription: boolean;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
-        value: string;
         checked: boolean;
         disabled: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
-        hasBlockDescription: boolean;
+        content: any;
     };
 };
-export declare const Complete: {
+export declare const BlockDescriptionChecked: {
     args: {
         title: string;
+        id: string;
+        value: string;
+        checked: boolean;
+        hasBlockDescription: boolean;
         description: string;
         handleUpdate: () => void;
         onChange: () => void;
-        id: string;
         name: string;
+        disabled: boolean;
+        isShowEditBtn: boolean;
+        minHeight: string;
+        content: any;
+    };
+};
+export declare const AddressList: {
+    render: () => React.JSX.Element;
+};
+export declare const Complete: {
+    args: {
+        title: string;
+        id: string;
         value: string;
         checked: boolean;
+        hasBlockDescription: boolean;
+        description: string;
+        handleUpdate: () => void;
+        onChange: () => void;
+        name: string;
         disabled: boolean;
         isShowEditBtn: boolean;
         minHeight: string;
+        content: any;
     };
 };

package/dist/components/AddressCard/stories/AddressCard.stories.js

@@ -14,207 +14,136 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Complete = exports.BlockDescription = exports.WithContent = exports.CustomMinHeight = exports.LongDescription = exports.ShortDescription = exports.DisabledChecked = exports.Disabled = exports.WithoutEditButtonChecked = exports.WithoutEditButton = exports.Checked = exports.Default = void 0;
+exports.Complete = exports.AddressList = exports.BlockDescriptionChecked = exports.BlockDescription = exports.WithContentAndEdit = exports.WithContentOpen = exports.WithContent = exports.CustomMinHeight = exports.LongDescription = exports.ShortDescription = exports.DisabledWithoutEditButton = exports.DisabledChecked = exports.Disabled = exports.WithoutDescription = exports.WithoutEditButtonChecked = exports.WithoutEditButton = exports.Checked = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var AddressCard_1 = __importDefault(require("../AddressCard"));
 var Input_1 = __importDefault(require("../../Input"));
+var longDescription = "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.";
+var shortDescription = "4517 Washington Ave. Manchester, Kentucky 39495";
+var contentExample = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ style: {
+                margin: "0 0 0.5rem",
+                font: "var(--body-regular-14-17)",
+                color: "var(--dark)",
+            } }, { children: "Aboneli\u011Fin se\u00E7ti\u011Fin tarihte otomatik olarak yeniden ba\u015Flar." })), (0, jsx_runtime_1.jsx)(Input_1.default, { label: "Tarih", placeholder: "GG/AA/YYYY", type: "text" })] }));
+var baseArgs = {
+    title: "Address title",
+    description: longDescription,
+    handleUpdate: function () { return console.log("handleUpdate"); },
+    onChange: function () { return console.log("onChange"); },
+    id: "addressCard_1",
+    name: "address",
+    value: "address_1",
+    checked: false,
+    disabled: false,
+    isShowEditBtn: true,
+    minHeight: "68px",
+    hasBlockDescription: false,
+    content: null,
+};
 var WithContentStory = function (args) {
     var _a;
     var _b = react_1.default.useState((_a = args.checked) !== null && _a !== void 0 ? _a : false), checked = _b[0], setChecked = _b[1];
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '305px' } }, { children: (0, jsx_runtime_1.jsx)(AddressCard_1.default, __assign({}, args, { checked: checked, onChange: function () { return setChecked(function (prev) { return !prev; }); }, content: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ style: { margin: '0 0 0.5rem', font: 'var(--body-regular-14-17)', color: 'var(--dark)' } }, { children: "Aboneli\u011Fin se\u00E7ti\u011Fin tarihte otomatik olarak yeniden ba\u015Flar." })), (0, jsx_runtime_1.jsx)(Input_1.default, { label: "Tarih", placeholder: "GG/AA/YYYY", type: "text" })] }) })) })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "305px" } }, { children: (0, jsx_runtime_1.jsx)(AddressCard_1.default, __assign({}, args, { checked: checked, onChange: function () { return setChecked(function (prev) { return !prev; }); }, content: contentExample })) })));
+};
+var AddressListStory = function () {
+    var _a = react_1.default.useState("home"), selected = _a[0], setSelected = _a[1];
+    var items = [
+        {
+            id: "address_home",
+            value: "home",
+            title: "Ev",
+            description: "Bağdat Cad. No:12, Kadıköy / İstanbul",
+        },
+        {
+            id: "address_work",
+            value: "work",
+            title: "İş",
+            description: "Levent Mah. Büyükdere Cad. No:45, Beşiktaş / İstanbul",
+        },
+        {
+            id: "address_other",
+            value: "other",
+            title: "Diğer",
+            description: "Atatürk Bulvarı No:8, Çankaya / Ankara",
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            maxWidth: "305px",
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem",
+        } }, { children: items.map(function (item) { return ((0, jsx_runtime_1.jsx)(AddressCard_1.default, __assign({}, item, { name: "addressList", checked: selected === item.value, onChange: function () { return setSelected(item.value); }, handleUpdate: function () { return console.log("edit", item.value); } }), item.id)); }) })));
 };
 exports.default = {
-    title: 'Components/AddressCard',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '305px' } }, { children: (0, jsx_runtime_1.jsx)(AddressCard_1.default, __assign({}, props)) })); },
-    tags: ['autodocs'],
+    title: "Components/AddressCard",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "305px" } }, { children: (0, jsx_runtime_1.jsx)(AddressCard_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
     argTypes: {
-        checked: { control: 'boolean' },
-        disabled: { control: 'boolean' },
-        isShowEditBtn: { control: 'boolean' },
-        hasBlockDescription: { control: 'boolean' },
+        title: { control: "text" },
+        description: { control: "text" },
+        checked: { control: "boolean" },
+        disabled: { control: "boolean" },
+        isShowEditBtn: { control: "boolean" },
+        hasBlockDescription: { control: "boolean" },
+        minHeight: { control: "text" },
         content: { control: false },
-    }
+    },
 };
 exports.Default = {
-    args: {
-        title: "Address title",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_1",
-        name: "address",
-        value: "address_1",
-        checked: false,
-        disabled: false,
-        isShowEditBtn: true,
-        minHeight: "68px",
-    },
+    args: __assign({}, baseArgs),
 };
 exports.Checked = {
-    args: {
-        title: "Selected Address",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_2",
-        name: "address",
-        value: "address_2",
-        checked: true,
-        disabled: false,
-        isShowEditBtn: true,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Selected Address", id: "addressCard_2", value: "address_2", checked: true }),
 };
 exports.WithoutEditButton = {
-    args: {
-        title: "Address Without Edit",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_3",
-        name: "address",
-        value: "address_3",
-        checked: false,
-        disabled: false,
-        isShowEditBtn: false,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Address Without Edit", id: "addressCard_3", value: "address_3", isShowEditBtn: false }),
 };
 exports.WithoutEditButtonChecked = {
-    args: {
-        title: "Selected Address Without Edit",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_4",
-        name: "address",
-        value: "address_4",
-        checked: true,
-        disabled: false,
-        isShowEditBtn: false,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Selected Address Without Edit", id: "addressCard_4", value: "address_4", checked: true, isShowEditBtn: false }),
+};
+exports.WithoutDescription = {
+    args: __assign(__assign({}, baseArgs), { title: "Sadece başlık", description: "", id: "addressCard_no_desc", value: "address_no_desc", minHeight: "auto" }),
 };
 exports.Disabled = {
-    args: {
-        title: "Disabled Address",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_5",
-        name: "address",
-        value: "address_5",
-        checked: false,
-        disabled: true,
-        isShowEditBtn: true,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Disabled Address", id: "addressCard_5", value: "address_5", disabled: true }),
 };
 exports.DisabledChecked = {
-    args: {
-        title: "Disabled Selected Address",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_6",
-        name: "address",
-        value: "address_6",
-        checked: true,
-        disabled: true,
-        isShowEditBtn: true,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Disabled Selected Address", id: "addressCard_6", value: "address_6", checked: true, disabled: true }),
+};
+exports.DisabledWithoutEditButton = {
+    args: __assign(__assign({}, baseArgs), { title: "Disabled Without Edit", id: "addressCard_disabled_no_edit", value: "address_disabled_no_edit", disabled: true, isShowEditBtn: false }),
 };
 exports.ShortDescription = {
-    args: {
-        title: "Short Address",
-        description: "4517 Washington Ave. Manchester, Kentucky 39495",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_7",
-        name: "address",
-        value: "address_7",
-        checked: false,
-        disabled: false,
-        isShowEditBtn: true,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Short Address", description: shortDescription, id: "addressCard_7", value: "address_7" }),
 };
 exports.LongDescription = {
-    args: {
-        title: "Long Address Description",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_8",
-        name: "address",
-        value: "address_8",
-        checked: false,
-        disabled: false,
-        isShowEditBtn: true,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Long Address Description", description: "".concat(longDescription, " ").concat(longDescription), id: "addressCard_8", value: "address_8" }),
 };
 exports.CustomMinHeight = {
-    args: {
-        title: "Custom Height Address",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_9",
-        name: "address",
-        value: "address_9",
-        checked: false,
-        disabled: false,
-        isShowEditBtn: true,
-        minHeight: "120px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Custom Height Address", id: "addressCard_9", value: "address_9", minHeight: "120px" }),
 };
 exports.WithContent = {
     render: function (args) { return (0, jsx_runtime_1.jsx)(WithContentStory, __assign({}, args)); },
-    args: {
-        title: "Belirli bir tarihte tekrar başlasın",
-        description: null,
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        id: "addressCard_content",
-        name: "pause",
-        value: "pause_date",
-        checked: false,
-        disabled: false,
-        isShowEditBtn: false,
-        minHeight: "auto",
-        hasBlockDescription: true,
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Belirli bir tarihte tekrar başlasın", description: null, id: "addressCard_content", name: "pause", value: "pause_date", isShowEditBtn: false, minHeight: "auto", hasBlockDescription: true }),
+};
+exports.WithContentOpen = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(WithContentStory, __assign({}, args)); },
+    args: __assign(__assign({}, baseArgs), { title: "Belirli bir tarihte tekrar başlasın", description: null, id: "addressCard_content_open", name: "pause", value: "pause_date_open", checked: true, isShowEditBtn: false, minHeight: "auto", hasBlockDescription: true }),
+};
+exports.WithContentAndEdit = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(WithContentStory, __assign({}, args)); },
+    args: __assign(__assign({}, baseArgs), { title: "Adres + ek içerik", description: shortDescription, id: "addressCard_content_edit", name: "pause", value: "pause_with_edit", checked: true, isShowEditBtn: true, minHeight: "auto" }),
 };
 exports.BlockDescription = {
-    args: {
-        title: "Block Description Address",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_block",
-        name: "address",
-        value: "address_block",
-        checked: false,
-        disabled: false,
-        isShowEditBtn: true,
-        minHeight: "68px",
-        hasBlockDescription: true,
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Block Description Address", id: "addressCard_block", value: "address_block", hasBlockDescription: true }),
+};
+exports.BlockDescriptionChecked = {
+    args: __assign(__assign({}, baseArgs), { title: "Block Description Selected", id: "addressCard_block_checked", value: "address_block_checked", checked: true, hasBlockDescription: true }),
+};
+exports.AddressList = {
+    render: function () { return (0, jsx_runtime_1.jsx)(AddressListStory, {}); },
 };
 exports.Complete = {
-    args: {
-        title: "Complete Address Card",
-        description: "Manchester, Kentucky 394954517 Washington Ave. Manchester, Kentucky 394954517 Washington Ave.4517 Washington Ave. 4517 Washington Ave. 4517 Washington Ave.",
-        handleUpdate: function () { return console.log('handleUpdate'); },
-        onChange: function () { return console.log('onChange'); },
-        id: "addressCard_10",
-        name: "address",
-        value: "address_10",
-        checked: true,
-        disabled: false,
-        isShowEditBtn: true,
-        minHeight: "68px",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Complete Address Card", id: "addressCard_10", value: "address_10", checked: true, hasBlockDescription: true }),
 };

package/dist/components/Agreement/Agreement.styled.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { AgreementStyledProps } from "./props";
-export declare const AgreementStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasError"> & AgreementStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hasError"> & AgreementStyledProps, never>>> & string;
+export declare const AgreementStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, AgreementStyledProps>> & string;