@pismo/marola 2.1.35 → 2.1.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DatePicker.module-BdYkgv4A.js +45 -0
- package/dist/{RadioOption-DCTydlPv.js → RadioOption-DYovqiwF.js} +1 -1
- package/dist/SelectButton-C7KNiPyJ.js +58 -0
- package/dist/assets/BankingCard.css +1 -0
- package/dist/assets/DatePicker.css +1 -1
- package/dist/assets/DoubleInput.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/components/BankingCard/BankingCard.d.ts +15 -0
- package/dist/components/BankingCard/BankingCard.js +74 -0
- package/dist/components/BankingCard/BankingCard.stories.d.ts +14 -0
- package/dist/components/BankingCard/BankingCard.test.d.ts +1 -0
- package/dist/components/BankingCard/ChipAndPinIcon.d.ts +7 -0
- package/dist/components/BankingCard/ChipAndPinIcon.js +85 -0
- package/dist/components/Chip/Chip.js +2 -2
- package/dist/components/DatePicker/DatePicker.d.ts +2 -0
- package/dist/components/DatePicker/DatePicker.js +472 -464
- package/dist/components/DatePicker/DatePicker.stories.d.ts +4 -0
- package/dist/components/DatePicker/renderCalendarDays.js +1 -1
- package/dist/components/DatePicker/renderDualCalendarHeader.js +1 -1
- package/dist/components/DatePicker/renderHeader.js +1 -1
- package/dist/components/DatePicker/renderNavigatorInput.js +1 -1
- package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
- package/dist/components/DoubleInput/DoubleInput.js +16 -16
- package/dist/components/DoubleInput/DoubleInput.stories.d.ts +1 -0
- package/dist/components/Input/Input.js +144 -144
- package/dist/components/RadioButton/RadioButton.js +3 -3
- package/dist/components/RadioButton/RadioOption.js +2 -2
- package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
- package/dist/components/RowItem/RowItem.js +1 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Toggle/Toggle.js +46 -46
- package/dist/components/Toggle/Toggle.stories.d.ts +2 -1
- package/dist/components/ToggleGroup/Toggle.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +134 -132
- package/package.json +1 -1
- package/dist/DatePicker.module-gd1PqICl.js +0 -45
- package/dist/SelectButton-k61YYjLu.js +0 -58
- package/dist/{Toggle-SlvGYQKW.js → Toggle-DcZTfLrC.js} +1 -1
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { jsxs as e, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
const r = ({ scaling: i, ...s }) => /* @__PURE__ */ e(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
width: "90%",
|
|
6
|
+
height: 35 * i,
|
|
7
|
+
viewBox: "0 0 51 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...s,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ t("rect", { width: "51", height: "36", rx: "3", fill: "url(#paint0_linear_24_79)", fillOpacity: "0.6" }),
|
|
13
|
+
/* @__PURE__ */ t(
|
|
14
|
+
"mask",
|
|
15
|
+
{
|
|
16
|
+
id: "mask0_24_79",
|
|
17
|
+
style: { maskType: "alpha" },
|
|
18
|
+
maskUnits: "userSpaceOnUse",
|
|
19
|
+
x: "0",
|
|
20
|
+
y: "0",
|
|
21
|
+
width: "51",
|
|
22
|
+
height: "36",
|
|
23
|
+
children: /* @__PURE__ */ t("rect", { width: "51", height: "36", rx: "3", fill: "url(#paint1_linear_24_79)" })
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
/* @__PURE__ */ e("g", { mask: "url(#mask0_24_79)", children: [
|
|
27
|
+
/* @__PURE__ */ t(
|
|
28
|
+
"path",
|
|
29
|
+
{
|
|
30
|
+
d: "M-9.53674e-06 12.9809C-9.53674e-06 12.9809 11.6625 12.9809 14.9021 12.9809C18.1417 12.9809 18.7896 5.84166 14.9021 5.84166C11.0146 5.84166 9.71877 5.84166 9.71877 5.84166",
|
|
31
|
+
stroke: "#FFECE2"
|
|
32
|
+
}
|
|
33
|
+
),
|
|
34
|
+
/* @__PURE__ */ t(
|
|
35
|
+
"path",
|
|
36
|
+
{
|
|
37
|
+
d: "M51.5377 12.9809C51.5377 12.9809 39.3137 12.9809 36.0741 12.9809C32.8345 12.9809 32.1866 5.84167 36.0741 5.84167C39.9616 5.84167 41.2574 5.84167 41.2574 5.84167",
|
|
38
|
+
stroke: "white"
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
/* @__PURE__ */ t("path", { d: "M13 13L13 24", stroke: "#FFECE2" }),
|
|
42
|
+
/* @__PURE__ */ t("path", { d: "M38 13L38 24", stroke: "white" }),
|
|
43
|
+
/* @__PURE__ */ t("path", { d: "M-9.53674e-06 24.0142H15.55C20.4829 24.6272 21.3813 31.8024 17.4938 36.9946", stroke: "#FFECE2" }),
|
|
44
|
+
/* @__PURE__ */ t("path", { d: "M51.5377 24.0142H35.8171C30.8843 24.6272 29.9859 31.8024 33.8734 36.9946", stroke: "white" })
|
|
45
|
+
] }),
|
|
46
|
+
/* @__PURE__ */ e("defs", { children: [
|
|
47
|
+
/* @__PURE__ */ e(
|
|
48
|
+
"linearGradient",
|
|
49
|
+
{
|
|
50
|
+
id: "paint0_linear_24_79",
|
|
51
|
+
x1: "13.0769",
|
|
52
|
+
y1: "18",
|
|
53
|
+
x2: "50.7545",
|
|
54
|
+
y2: "36.5001",
|
|
55
|
+
gradientUnits: "userSpaceOnUse",
|
|
56
|
+
children: [
|
|
57
|
+
/* @__PURE__ */ t("stop", { stopColor: "white" }),
|
|
58
|
+
/* @__PURE__ */ t("stop", { offset: "0.457301", stopColor: "white", stopOpacity: "0.42" }),
|
|
59
|
+
/* @__PURE__ */ t("stop", { offset: "1", stopColor: "white" })
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
),
|
|
63
|
+
/* @__PURE__ */ e(
|
|
64
|
+
"linearGradient",
|
|
65
|
+
{
|
|
66
|
+
id: "paint1_linear_24_79",
|
|
67
|
+
x1: "13.0769",
|
|
68
|
+
y1: "18",
|
|
69
|
+
x2: "50.7545",
|
|
70
|
+
y2: "36.5001",
|
|
71
|
+
gradientUnits: "userSpaceOnUse",
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ t("stop", { stopColor: "white" }),
|
|
74
|
+
/* @__PURE__ */ t("stop", { offset: "0.457301", stopColor: "white", stopOpacity: "0.42" }),
|
|
75
|
+
/* @__PURE__ */ t("stop", { offset: "1", stopColor: "white" })
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
)
|
|
79
|
+
] })
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
export {
|
|
84
|
+
r as default
|
|
85
|
+
};
|
|
@@ -6,11 +6,11 @@ import "../Icon/Icon.js";
|
|
|
6
6
|
import "../Typography/Typography.js";
|
|
7
7
|
import "../Input/Input.js";
|
|
8
8
|
import "../Avatar/Avatar.js";
|
|
9
|
+
import "../Skeleton/Skeleton.js";
|
|
9
10
|
import "../Button/Button.js";
|
|
10
|
-
import { C as z } from "../../Toggle-
|
|
11
|
+
import { C as z } from "../../Toggle-DcZTfLrC.js";
|
|
11
12
|
import "../Dialog/Dialog.js";
|
|
12
13
|
import "../DatePicker/DatePicker.js";
|
|
13
|
-
import "../Skeleton/Skeleton.js";
|
|
14
14
|
import "../../index-1UpBa69h.js";
|
|
15
15
|
import "../Draggable/useDraggable.js";
|
|
16
16
|
import "../IconButton/IconButton.js";
|
|
@@ -25,6 +25,8 @@ type DatePickerCommonProps = {
|
|
|
25
25
|
'data-testid'?: string;
|
|
26
26
|
/** Show the field layout as an error */
|
|
27
27
|
error?: boolean;
|
|
28
|
+
/** Whether the date picker is disabled */
|
|
29
|
+
disabled?: boolean;
|
|
28
30
|
};
|
|
29
31
|
export type DatePickerProps = DatePickerCommonProps & ({
|
|
30
32
|
/** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
|