stone-kit 0.0.1008 → 0.0.1010
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/README.md +22 -0
- package/dist/components/Button/ui/Button.js +49 -47
- package/dist/components/ModalSuccess/index.d.ts +1 -0
- package/dist/components/ModalSuccess/index.js +4 -0
- package/dist/components/NewIcon/index.d.ts +1 -1
- package/dist/components/NewIcon/index.js +3 -2
- package/dist/components/TabSelect/ui/TabSelect.js +32 -32
- package/dist/{index-DQgqDqGf.js → index-DvCs2JPX.js} +2927 -3002
- package/dist/stories/entities/CommercialLotCard/CommercialLotCard.stories.js +166 -0
- package/dist/stories/entities/index.js +4 -0
- package/dist/stories/shared/ui/Button/Button.stories.js +118 -0
- package/dist/stories/shared/ui/CheckBox/CheckBox.stories.js +71 -0
- package/dist/stories/shared/ui/CheckBox/CheckBoxNew.stories.js +45 -0
- package/dist/stories/shared/ui/CheckboxSelect/CheckboxSelect.stories.js +114 -0
- package/dist/stories/shared/ui/DestinationTab/DestinationTab.stories.js +89 -0
- package/dist/stories/shared/ui/FieldInput/FieldInput.stories.js +31 -0
- package/dist/stories/shared/ui/FilterWithSave/FilterWithSave.stories.js +44 -0
- package/dist/stories/shared/ui/Flex/Flex.stories.js +74 -0
- package/dist/stories/shared/ui/FormModal/FormModal.stories.js +65 -0
- package/dist/stories/shared/ui/GroupedInput/GroupedInput.stories.js +68 -0
- package/dist/stories/shared/ui/Input/Input.stories.js +82 -0
- package/dist/stories/shared/ui/Logo/Logo.stories.js +75 -0
- package/dist/stories/shared/ui/MetroLabel/MetroLabel.stories.js +91 -0
- package/dist/stories/shared/ui/MetroTag/MetroTag.stories.js +96 -0
- package/dist/stories/shared/ui/MobileButton/MobileButton.stories.js +77 -0
- package/dist/stories/shared/ui/Modal/Modal.stories.js +77 -0
- package/dist/stories/shared/ui/ModalSuccess/ModalSuccess.stories.js +34 -0
- package/dist/stories/shared/ui/NewIcon/NewIcon.stories.js +38 -0
- package/dist/stories/shared/ui/RoundButton/RoundButton.stories.js +83 -0
- package/dist/stories/shared/ui/Select/Select.stories.js +81 -0
- package/dist/stories/shared/ui/SliderNavigation/SliderNavigation.stories.js +82 -0
- package/dist/stories/shared/ui/SortSelect/SortSelect.stories.js +87 -0
- package/dist/stories/shared/ui/SummarySelect/SummarySelect.stories.js +85 -0
- package/dist/stories/shared/ui/Switcher/Switcher.stories.js +77 -0
- package/dist/stories/shared/ui/TabSelect/TabSelect.stories.js +76 -0
- package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js +76 -0
- package/dist/stories/shared/ui/Tag/Tag.stories.js +51 -0
- package/dist/stories/shared/ui/Text/Text.stories.js +22 -0
- package/dist/stories/shared/ui/TextArea/TextArea.stories.js +37 -0
- package/dist/stories/shared/ui/ZoomControls/ZoomControls.stories.js +91 -0
- package/dist/stories/shared/ui/index.js +62 -0
- package/dist/style.css +1 -1
- package/package.json +4 -4
- package/dist/stories/Button.js +0 -23
- package/dist/stories/Button.stories.js +0 -50
- package/dist/stories/Header.js +0 -44
- package/dist/stories/Header.stories.js +0 -28
- package/dist/stories/Page.js +0 -58
- package/dist/stories/Page.stories.js +0 -22
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { l as a } from "../../../../index-DvCs2JPX.js";
|
|
2
|
+
import { S as e } from "../../../../FilterWithSave-RTTlxtU3.js";
|
|
3
|
+
const t = [
|
|
4
|
+
{ value: "tab1", label: "Overview" },
|
|
5
|
+
{ value: "tab2", label: "Details" },
|
|
6
|
+
{ value: "tab3", label: "Reviews" },
|
|
7
|
+
{ value: "tab4", label: "Settings" }
|
|
8
|
+
], l = {
|
|
9
|
+
title: "shared/ui/TabSwitcher",
|
|
10
|
+
component: e,
|
|
11
|
+
parameters: {
|
|
12
|
+
layout: "centered"
|
|
13
|
+
},
|
|
14
|
+
tags: ["autodocs"],
|
|
15
|
+
argTypes: {
|
|
16
|
+
variant: {
|
|
17
|
+
control: {
|
|
18
|
+
type: "select",
|
|
19
|
+
options: ["light", "dark", "gray", "transparent"]
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
size: {
|
|
23
|
+
control: {
|
|
24
|
+
type: "select",
|
|
25
|
+
options: ["small", "medium", "large"]
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
args: {
|
|
30
|
+
options: t,
|
|
31
|
+
onChange: a()
|
|
32
|
+
}
|
|
33
|
+
}, o = {
|
|
34
|
+
args: {
|
|
35
|
+
value: "tab1"
|
|
36
|
+
}
|
|
37
|
+
}, n = {
|
|
38
|
+
args: {
|
|
39
|
+
value: "tab2"
|
|
40
|
+
}
|
|
41
|
+
}, i = {
|
|
42
|
+
args: {
|
|
43
|
+
value: "tab1",
|
|
44
|
+
variant: "dark"
|
|
45
|
+
}
|
|
46
|
+
}, b = {
|
|
47
|
+
args: {
|
|
48
|
+
value: "tab1",
|
|
49
|
+
size: "small"
|
|
50
|
+
}
|
|
51
|
+
}, c = {
|
|
52
|
+
args: {
|
|
53
|
+
value: "tab1",
|
|
54
|
+
size: "large"
|
|
55
|
+
}
|
|
56
|
+
}, u = {
|
|
57
|
+
args: {
|
|
58
|
+
value: "tab1",
|
|
59
|
+
disabled: !0
|
|
60
|
+
}
|
|
61
|
+
}, g = {
|
|
62
|
+
args: {
|
|
63
|
+
value: "tab1",
|
|
64
|
+
error: !0
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
export {
|
|
68
|
+
i as Dark,
|
|
69
|
+
o as Default,
|
|
70
|
+
u as Disabled,
|
|
71
|
+
c as Large,
|
|
72
|
+
n as SecondTab,
|
|
73
|
+
b as Small,
|
|
74
|
+
g as WithError,
|
|
75
|
+
l as default
|
|
76
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Tag as t } from "../../../../components/Tag/ui/Tag.js";
|
|
2
|
+
import { TAG_VARIANTS as e } from "../../../../components/Tag/ui/Tag.types.js";
|
|
3
|
+
const o = {
|
|
4
|
+
title: "shared/ui/Tag",
|
|
5
|
+
component: t,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: "centered"
|
|
8
|
+
},
|
|
9
|
+
tags: ["autodocs"],
|
|
10
|
+
argTypes: {
|
|
11
|
+
variant: {
|
|
12
|
+
control: {
|
|
13
|
+
type: "select",
|
|
14
|
+
options: Object.keys(e)
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
control: {
|
|
19
|
+
type: "select",
|
|
20
|
+
options: ["medium", "tiny", "large", "small", "preLarge", "mini", "mini-12px", "tiny-7px", "tiny-10px", "tiny-12px", "small-10px", "small-13px", "small-font-14", "extra-small"]
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
fontWeight: {
|
|
24
|
+
control: {
|
|
25
|
+
type: "select",
|
|
26
|
+
options: ["medium", "tiny", "large"]
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
args: {
|
|
31
|
+
children: "Tag"
|
|
32
|
+
}
|
|
33
|
+
}, i = {
|
|
34
|
+
args: {
|
|
35
|
+
variant: "red"
|
|
36
|
+
}
|
|
37
|
+
}, n = {
|
|
38
|
+
args: {
|
|
39
|
+
variant: "gray"
|
|
40
|
+
}
|
|
41
|
+
}, s = {
|
|
42
|
+
args: {
|
|
43
|
+
variant: "white"
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
export {
|
|
47
|
+
n as Gray,
|
|
48
|
+
i as Red,
|
|
49
|
+
s as White,
|
|
50
|
+
o as default
|
|
51
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Text as t } from "../../../../components/Text/ui/Text.js";
|
|
2
|
+
const o = {
|
|
3
|
+
title: "shared/ui/Text",
|
|
4
|
+
component: t,
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: "centered"
|
|
7
|
+
},
|
|
8
|
+
tags: ["autodocs"]
|
|
9
|
+
}, a = {
|
|
10
|
+
args: {
|
|
11
|
+
children: "Some text"
|
|
12
|
+
}
|
|
13
|
+
}, r = {
|
|
14
|
+
args: {
|
|
15
|
+
html: "<b>Some bold text</b>"
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
a as Default,
|
|
20
|
+
r as WithHtml,
|
|
21
|
+
o as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { TextArea as e } from "../../../../components/TextArea/TextArea.js";
|
|
2
|
+
const r = {
|
|
3
|
+
title: "shared/ui/TextArea",
|
|
4
|
+
component: e,
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: "centered"
|
|
7
|
+
},
|
|
8
|
+
tags: ["autodocs"],
|
|
9
|
+
argTypes: {
|
|
10
|
+
width: {
|
|
11
|
+
control: {
|
|
12
|
+
type: "select",
|
|
13
|
+
options: ["auto", "full"]
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}, o = {
|
|
18
|
+
args: {
|
|
19
|
+
placeholder: "Placeholder"
|
|
20
|
+
}
|
|
21
|
+
}, l = {
|
|
22
|
+
args: {
|
|
23
|
+
placeholder: "Placeholder",
|
|
24
|
+
error: !0
|
|
25
|
+
}
|
|
26
|
+
}, a = {
|
|
27
|
+
args: {
|
|
28
|
+
placeholder: "Placeholder",
|
|
29
|
+
width: "full"
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
o as Default,
|
|
34
|
+
a as FullWidth,
|
|
35
|
+
l as WithError,
|
|
36
|
+
r as default
|
|
37
|
+
};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { l as o } from "../../../../index-DvCs2JPX.js";
|
|
2
|
+
import { ZoomControls as m } from "../../../../components/ZoomControls/ui/ZoomControls.js";
|
|
3
|
+
const a = {
|
|
4
|
+
title: "shared/ui/ZoomControls",
|
|
5
|
+
component: m,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: "centered"
|
|
8
|
+
},
|
|
9
|
+
tags: ["autodocs"],
|
|
10
|
+
argTypes: {
|
|
11
|
+
variant: {
|
|
12
|
+
control: {
|
|
13
|
+
type: "select",
|
|
14
|
+
options: ["light", "dark"]
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
control: {
|
|
19
|
+
type: "select",
|
|
20
|
+
options: ["small", "medium", "large"]
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
args: {
|
|
25
|
+
onZoomIn: o(),
|
|
26
|
+
onZoomOut: o(),
|
|
27
|
+
onReset: o()
|
|
28
|
+
}
|
|
29
|
+
}, n = {
|
|
30
|
+
args: {
|
|
31
|
+
currentZoom: 100,
|
|
32
|
+
minZoom: 25,
|
|
33
|
+
maxZoom: 400
|
|
34
|
+
}
|
|
35
|
+
}, e = {
|
|
36
|
+
args: {
|
|
37
|
+
currentZoom: 150,
|
|
38
|
+
minZoom: 25,
|
|
39
|
+
maxZoom: 400
|
|
40
|
+
}
|
|
41
|
+
}, s = {
|
|
42
|
+
args: {
|
|
43
|
+
currentZoom: 50,
|
|
44
|
+
minZoom: 25,
|
|
45
|
+
maxZoom: 400
|
|
46
|
+
}
|
|
47
|
+
}, Z = {
|
|
48
|
+
args: {
|
|
49
|
+
currentZoom: 25,
|
|
50
|
+
minZoom: 25,
|
|
51
|
+
maxZoom: 400
|
|
52
|
+
}
|
|
53
|
+
}, c = {
|
|
54
|
+
args: {
|
|
55
|
+
currentZoom: 400,
|
|
56
|
+
minZoom: 25,
|
|
57
|
+
maxZoom: 400
|
|
58
|
+
}
|
|
59
|
+
}, i = {
|
|
60
|
+
args: {
|
|
61
|
+
currentZoom: 100,
|
|
62
|
+
minZoom: 25,
|
|
63
|
+
maxZoom: 400,
|
|
64
|
+
variant: "dark"
|
|
65
|
+
}
|
|
66
|
+
}, l = {
|
|
67
|
+
args: {
|
|
68
|
+
currentZoom: 100,
|
|
69
|
+
minZoom: 25,
|
|
70
|
+
maxZoom: 400,
|
|
71
|
+
size: "small"
|
|
72
|
+
}
|
|
73
|
+
}, u = {
|
|
74
|
+
args: {
|
|
75
|
+
currentZoom: 100,
|
|
76
|
+
minZoom: 25,
|
|
77
|
+
maxZoom: 400,
|
|
78
|
+
size: "large"
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
export {
|
|
82
|
+
c as AtMaxZoom,
|
|
83
|
+
Z as AtMinZoom,
|
|
84
|
+
i as Dark,
|
|
85
|
+
n as Default,
|
|
86
|
+
u as Large,
|
|
87
|
+
l as Small,
|
|
88
|
+
e as ZoomedIn,
|
|
89
|
+
s as ZoomedOut,
|
|
90
|
+
a as default
|
|
91
|
+
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { default as o } from "./Button/Button.stories.js";
|
|
2
|
+
import { default as r } from "./Input/Input.stories.js";
|
|
3
|
+
import { default as l } from "./CheckBox/CheckBox.stories.js";
|
|
4
|
+
import { default as d } from "./CheckBox/CheckBoxNew.stories.js";
|
|
5
|
+
import { default as m } from "./Text/Text.stories.js";
|
|
6
|
+
import { default as s } from "./Tag/Tag.stories.js";
|
|
7
|
+
import { default as n } from "./Logo/Logo.stories.js";
|
|
8
|
+
import { default as i } from "./NewIcon/NewIcon.stories.js";
|
|
9
|
+
import { default as b } from "./TextArea/TextArea.stories.js";
|
|
10
|
+
import { default as M } from "./CheckboxSelect/CheckboxSelect.stories.js";
|
|
11
|
+
import { default as g } from "./DestinationTab/DestinationTab.stories.js";
|
|
12
|
+
import { default as C } from "./FieldInput/FieldInput.stories.js";
|
|
13
|
+
import { default as I } from "./FilterWithSave/FilterWithSave.stories.js";
|
|
14
|
+
import { default as N } from "./Flex/Flex.stories.js";
|
|
15
|
+
import { default as L } from "./FormModal/FormModal.stories.js";
|
|
16
|
+
import { default as A } from "./GroupedInput/GroupedInput.stories.js";
|
|
17
|
+
import { default as G } from "./MetroLabel/MetroLabel.stories.js";
|
|
18
|
+
import { default as W } from "./MetroTag/MetroTag.stories.js";
|
|
19
|
+
import { default as j } from "./MobileButton/MobileButton.stories.js";
|
|
20
|
+
import { default as z } from "./Modal/Modal.stories.js";
|
|
21
|
+
import { default as H } from "./ModalSuccess/ModalSuccess.stories.js";
|
|
22
|
+
import { default as K } from "./RoundButton/RoundButton.stories.js";
|
|
23
|
+
import { default as P } from "./Select/Select.stories.js";
|
|
24
|
+
import { default as U } from "./SliderNavigation/SliderNavigation.stories.js";
|
|
25
|
+
import { default as X } from "./SortSelect/SortSelect.stories.js";
|
|
26
|
+
import { default as _ } from "./SummarySelect/SummarySelect.stories.js";
|
|
27
|
+
import { default as ee } from "./Switcher/Switcher.stories.js";
|
|
28
|
+
import { default as oe } from "./TabSelect/TabSelect.stories.js";
|
|
29
|
+
import { default as re } from "./TabSwitcher/TabSwitcher.stories.js";
|
|
30
|
+
import { default as le } from "./ZoomControls/ZoomControls.stories.js";
|
|
31
|
+
export {
|
|
32
|
+
o as Button,
|
|
33
|
+
l as CheckBox,
|
|
34
|
+
d as CheckBoxNew,
|
|
35
|
+
M as CheckboxSelect,
|
|
36
|
+
g as DestinationTab,
|
|
37
|
+
C as FieldInput,
|
|
38
|
+
I as FilterWithSave,
|
|
39
|
+
N as Flex,
|
|
40
|
+
L as FormModal,
|
|
41
|
+
A as GroupedInput,
|
|
42
|
+
r as Input,
|
|
43
|
+
n as Logo,
|
|
44
|
+
G as MetroLabel,
|
|
45
|
+
W as MetroTag,
|
|
46
|
+
j as MobileButton,
|
|
47
|
+
z as Modal,
|
|
48
|
+
H as ModalSuccess,
|
|
49
|
+
i as NewIcon,
|
|
50
|
+
K as RoundButton,
|
|
51
|
+
P as Select,
|
|
52
|
+
U as SliderNavigation,
|
|
53
|
+
X as SortSelect,
|
|
54
|
+
_ as SummarySelect,
|
|
55
|
+
ee as Switcher,
|
|
56
|
+
oe as TabSelect,
|
|
57
|
+
re as TabSwitcher,
|
|
58
|
+
s as Tag,
|
|
59
|
+
m as Text,
|
|
60
|
+
b as TextArea,
|
|
61
|
+
le as ZoomControls
|
|
62
|
+
};
|