reactive-bulma 4.3.10 → 4.3.12
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/components/atoms/Block/index.js +8 -8
- package/dist/components/atoms/Block/index.stories.d.ts +4 -4
- package/dist/components/atoms/Box/index.js +8 -8
- package/dist/components/atoms/Box/index.stories.d.ts +4 -4
- package/dist/components/atoms/BreadcrumbItem/index.js +9 -9
- package/dist/components/atoms/BreadcrumbItem/index.stories.d.ts +2 -2
- package/dist/components/atoms/Button/index.js +27 -27
- package/dist/components/atoms/Button/index.stories.d.ts +10 -10
- package/dist/components/atoms/Checkbox/index.js +22 -22
- package/dist/components/atoms/Checkbox/index.stories.d.ts +3 -3
- package/dist/components/atoms/Column/index.js +5 -5
- package/dist/components/atoms/Column/index.stories.d.ts +4 -4
- package/dist/components/atoms/Delete/index.js +5 -5
- package/dist/components/atoms/Delete/index.stories.d.ts +2 -2
- package/dist/components/atoms/DropdownItem/index.js +20 -20
- package/dist/components/atoms/DropdownItem/index.stories.d.ts +1 -1
- package/dist/components/atoms/DropdownTrigger/index.js +17 -17
- package/dist/components/atoms/DropdownTrigger/index.stories.d.ts +1 -1
- package/dist/components/atoms/File/index.js +17 -17
- package/dist/components/atoms/File/index.stories.d.ts +8 -8
- package/dist/components/atoms/Icon/index.js +15 -15
- package/dist/components/atoms/Icon/index.stories.d.ts +7 -7
- package/dist/components/atoms/Image/index.js +18 -18
- package/dist/components/atoms/Image/index.stories.d.ts +4 -4
- package/dist/components/atoms/Input/index.js +26 -26
- package/dist/components/atoms/Input/index.stories.d.ts +10 -10
- package/dist/components/atoms/LevelHeader/index.js +11 -11
- package/dist/components/atoms/LevelHeader/index.stories.d.ts +2 -2
- package/dist/components/atoms/MenuItem/index.js +14 -14
- package/dist/components/atoms/MenuItem/index.stories.d.ts +2 -2
- package/dist/components/atoms/NavBarItem/index.js +17 -17
- package/dist/components/atoms/NavBarItem/index.stories.d.ts +1 -1
- package/dist/components/atoms/PaginationItem/index.js +10 -10
- package/dist/components/atoms/PaginationItem/index.stories.d.ts +4 -4
- package/dist/components/atoms/ProgressBar/index.js +19 -19
- package/dist/components/atoms/ProgressBar/index.stories.d.ts +6 -6
- package/dist/components/atoms/RadioButton/index.js +13 -13
- package/dist/components/atoms/RadioButton/index.stories.d.ts +4 -4
- package/dist/components/atoms/Select/index.js +30 -30
- package/dist/components/atoms/Select/index.stories.d.ts +6 -6
- package/dist/components/atoms/TabItem/index.js +22 -22
- package/dist/components/atoms/TabItem/index.stories.d.ts +2 -2
- package/dist/components/atoms/TableCell/index.js +9 -9
- package/dist/components/atoms/TableCell/index.stories.d.ts +1 -1
- package/dist/components/atoms/TableHeadCell/index.js +11 -11
- package/dist/components/atoms/TableHeadCell/index.stories.d.ts +1 -1
- package/dist/components/atoms/Tag/index.js +40 -40
- package/dist/components/atoms/Tag/index.stories.d.ts +9 -9
- package/dist/components/atoms/TextArea/index.js +31 -31
- package/dist/components/atoms/TextArea/index.stories.d.ts +9 -9
- package/dist/components/atoms/Tile/index.js +9 -9
- package/dist/components/atoms/Tile/index.stories.d.ts +4 -4
- package/dist/components/atoms/Title/index.js +11 -11
- package/dist/components/atoms/Title/index.stories.d.ts +5 -5
- package/dist/components/molecules/Breadcrumbs/index.js +22 -22
- package/dist/components/molecules/Breadcrumbs/index.stories.d.ts +4 -4
- package/dist/components/molecules/ButtonGroup/index.js +18 -18
- package/dist/components/molecules/ButtonGroup/index.stories.d.ts +4 -4
- package/dist/components/molecules/ColumnGroup/index.js +18 -18
- package/dist/components/molecules/ColumnGroup/index.stories.d.ts +6 -6
- package/dist/components/molecules/Dropdown/index.js +10 -10
- package/dist/components/molecules/Dropdown/index.stories.d.ts +2 -2
- package/dist/components/molecules/Footer/index.js +8 -8
- package/dist/components/molecules/Footer/index.stories.d.ts +4 -4
- package/dist/components/molecules/FormFieldInput/index.js +8 -8
- package/dist/components/molecules/FormFieldInput/index.stories.d.ts +8 -8
- package/dist/components/molecules/InputControl/index.js +21 -21
- package/dist/components/molecules/InputControl/index.stories.d.ts +6 -6
- package/dist/components/molecules/LevelItem/index.js +5 -5
- package/dist/components/molecules/LevelItem/index.stories.d.ts +3 -3
- package/dist/components/molecules/Media/index.js +6 -6
- package/dist/components/molecules/Media/index.stories.d.ts +5 -5
- package/dist/components/molecules/Menu/index.js +11 -11
- package/dist/components/molecules/Menu/index.stories.d.ts +2 -2
- package/dist/components/molecules/MenuList/index.js +7 -7
- package/dist/components/molecules/MenuList/index.stories.d.ts +2 -2
- package/dist/components/molecules/Message/index.js +7 -7
- package/dist/components/molecules/Message/index.stories.d.ts +5 -5
- package/dist/components/molecules/Modal/index.js +9 -9
- package/dist/components/molecules/Modal/index.stories.d.ts +3 -3
- package/dist/components/molecules/NavBarBrand/index.js +9 -9
- package/dist/components/molecules/NavBarBrand/index.stories.d.ts +3 -3
- package/dist/components/molecules/NavBarDropdown/index.js +18 -18
- package/dist/components/molecules/NavBarDropdown/index.stories.d.ts +6 -6
- package/dist/components/molecules/Notification/index.js +4 -4
- package/dist/components/molecules/Notification/index.stories.d.ts +4 -4
- package/dist/components/molecules/Pagination/index.js +28 -28
- package/dist/components/molecules/Pagination/index.stories.d.ts +8 -8
- package/dist/components/molecules/PanelBlock/index.js +22 -22
- package/dist/components/molecules/PanelBlock/index.stories.d.ts +3 -3
- package/dist/components/molecules/PanelTabs/index.js +13 -13
- package/dist/components/molecules/PanelTabs/index.stories.d.ts +2 -2
- package/dist/components/molecules/Section/index.js +6 -6
- package/dist/components/molecules/Section/index.stories.d.ts +4 -4
- package/dist/components/molecules/TableRow/index.js +19 -19
- package/dist/components/molecules/TableRow/index.stories.d.ts +3 -3
- package/dist/components/molecules/Tabs/index.js +17 -17
- package/dist/components/molecules/Tabs/index.stories.d.ts +8 -8
- package/dist/components/molecules/TileBox/index.js +15 -15
- package/dist/components/molecules/TileBox/index.stories.d.ts +4 -4
- package/dist/components/organisms/Card/index.js +24 -24
- package/dist/components/organisms/Card/index.stories.d.ts +4 -4
- package/dist/components/organisms/FormField/index.stories.d.ts +3 -3
- package/dist/components/organisms/Hero/index.js +13 -13
- package/dist/components/organisms/Hero/index.stories.d.ts +8 -8
- package/dist/components/organisms/Level/index.js +8 -8
- package/dist/components/organisms/Level/index.stories.d.ts +5 -5
- package/dist/components/organisms/NavBar/index.js +20 -20
- package/dist/components/organisms/NavBar/index.stories.d.ts +7 -7
- package/dist/components/organisms/Panel/index.js +4 -4
- package/dist/components/organisms/Panel/index.stories.d.ts +6 -6
- package/dist/components/organisms/Table/index.js +10 -10
- package/dist/components/organisms/Table/index.stories.d.ts +10 -10
- package/dist/components/organisms/TileGroup/index.js +16 -16
- package/dist/components/organisms/TileGroup/index.stories.d.ts +4 -4
- package/package.json +35 -35
@@ -1,17 +1,17 @@
|
|
1
1
|
import { jsx as l, jsxs as i } from "react/jsx-runtime";
|
2
2
|
import j from "../Icon/index.js";
|
3
|
-
import { parseClasses as
|
4
|
-
const
|
3
|
+
import { parseClasses as v, parseTestId as E } from "../../../functions/parsers.js";
|
4
|
+
const $ = ({
|
5
5
|
testId: t = null,
|
6
6
|
containerTestId: r = null,
|
7
7
|
cssClasses: u = null,
|
8
|
-
containerCssClasses:
|
9
|
-
style:
|
10
|
-
containerStyle:
|
8
|
+
containerCssClasses: c = null,
|
9
|
+
style: o = null,
|
10
|
+
containerStyle: f = null,
|
11
11
|
fileName: e = null,
|
12
12
|
name: p,
|
13
13
|
uploadIcon: s = { iconLabel: "upload" },
|
14
|
-
uploadText:
|
14
|
+
uploadText: d = "Choose a file…",
|
15
15
|
buttonOnRight: m = !1,
|
16
16
|
isFullWidth: h = !1,
|
17
17
|
isBoxed: C = !1,
|
@@ -21,7 +21,7 @@ const k = ({
|
|
21
21
|
onChange: I,
|
22
22
|
onBlur: N
|
23
23
|
}) => {
|
24
|
-
const
|
24
|
+
const a = v([
|
25
25
|
"file",
|
26
26
|
e ? "has-name" : null,
|
27
27
|
m ? "is-right" : null,
|
@@ -29,10 +29,10 @@ const k = ({
|
|
29
29
|
C ? "is-boxed" : null,
|
30
30
|
g,
|
31
31
|
x,
|
32
|
-
|
33
|
-
]),
|
32
|
+
c
|
33
|
+
]), n = r ?? E({
|
34
34
|
tag: "file",
|
35
|
-
parsedClasses:
|
35
|
+
parsedClasses: a,
|
36
36
|
rules: [
|
37
37
|
{
|
38
38
|
regExp: /has/gm,
|
@@ -43,13 +43,13 @@ const k = ({
|
|
43
43
|
replacer: ""
|
44
44
|
}
|
45
45
|
]
|
46
|
-
}), y = u ?? "file-input", T = t ?? `${
|
46
|
+
}), y = u ?? "file-input", T = t ?? `${n}-input`;
|
47
47
|
return /* @__PURE__ */ l(
|
48
48
|
"section",
|
49
49
|
{
|
50
|
-
"data-testid":
|
51
|
-
className:
|
52
|
-
style:
|
50
|
+
"data-testid": n,
|
51
|
+
className: a,
|
52
|
+
style: f ?? void 0,
|
53
53
|
children: /* @__PURE__ */ i("label", { className: "file-label", children: [
|
54
54
|
/* @__PURE__ */ l(
|
55
55
|
"input",
|
@@ -58,7 +58,7 @@ const k = ({
|
|
58
58
|
type: "file",
|
59
59
|
name: p,
|
60
60
|
className: y,
|
61
|
-
style:
|
61
|
+
style: o ?? void 0,
|
62
62
|
onClick: b,
|
63
63
|
onChange: I,
|
64
64
|
onBlur: N
|
@@ -66,7 +66,7 @@ const k = ({
|
|
66
66
|
),
|
67
67
|
/* @__PURE__ */ i("span", { className: "file-cta", children: [
|
68
68
|
s ? /* @__PURE__ */ l(j, { ...s }) : null,
|
69
|
-
/* @__PURE__ */ l("span", { className: "file-label", children:
|
69
|
+
/* @__PURE__ */ l("span", { className: "file-label", children: d })
|
70
70
|
] }),
|
71
71
|
e ? /* @__PURE__ */ l("span", { className: "file-name", children: e }) : null
|
72
72
|
] })
|
@@ -74,5 +74,5 @@ const k = ({
|
|
74
74
|
);
|
75
75
|
};
|
76
76
|
export {
|
77
|
-
|
77
|
+
$ as default
|
78
78
|
};
|
@@ -3,11 +3,11 @@ import { default as File } from '.';
|
|
3
3
|
import { FileProps } from '../../../interfaces/atomProps';
|
4
4
|
declare const _default: Meta<typeof File>;
|
5
5
|
export default _default;
|
6
|
-
export declare const OnlyRequiredProps: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
7
|
-
export declare const DifferentIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
8
|
-
export declare const DifferentText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
9
|
-
export declare const WithFileName: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
10
|
-
export declare const ColoredButton: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
11
|
-
export declare const FullWidthMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
12
|
-
export declare const BoxedMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
13
|
-
export declare const LargeSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
6
|
+
export declare const OnlyRequiredProps: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
7
|
+
export declare const DifferentIcon: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
8
|
+
export declare const DifferentText: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
9
|
+
export declare const WithFileName: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
10
|
+
export declare const ColoredButton: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
11
|
+
export declare const FullWidthMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
12
|
+
export declare const BoxedMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
13
|
+
export declare const LargeSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FileProps>;
|
@@ -20,7 +20,7 @@ const T = (s, n) => {
|
|
20
20
|
children: s
|
21
21
|
}
|
22
22
|
);
|
23
|
-
},
|
23
|
+
}, S = ({
|
24
24
|
testId: s = null,
|
25
25
|
containerTestId: n = null,
|
26
26
|
cssClasses: e = null,
|
@@ -31,26 +31,26 @@ const T = (s, n) => {
|
|
31
31
|
text: a = null,
|
32
32
|
color: r = null,
|
33
33
|
size: l = null,
|
34
|
-
colorMode:
|
35
|
-
isSpinning:
|
36
|
-
position:
|
34
|
+
colorMode: c = null,
|
35
|
+
isSpinning: I = !1,
|
36
|
+
position: f = null
|
37
37
|
}) => {
|
38
38
|
const $ = p([
|
39
39
|
"icon",
|
40
40
|
r,
|
41
41
|
l,
|
42
|
-
|
42
|
+
f,
|
43
43
|
t
|
44
|
-
]),
|
44
|
+
]), d = p([
|
45
45
|
"mdi",
|
46
46
|
`mdi-${x}`,
|
47
|
-
|
48
|
-
|
47
|
+
c ? `mdi-${c}` : null,
|
48
|
+
I ? "mdi-spin" : null,
|
49
49
|
l ? `mdi-${N[l]}px` : "mdi-24px",
|
50
50
|
e
|
51
|
-
]),
|
51
|
+
]), o = n ?? u({
|
52
52
|
tag: "icon",
|
53
|
-
parsedClasses:
|
53
|
+
parsedClasses: d,
|
54
54
|
rules: [
|
55
55
|
{
|
56
56
|
regExp: /mdi-|mdi--/gm,
|
@@ -62,10 +62,10 @@ const T = (s, n) => {
|
|
62
62
|
}
|
63
63
|
],
|
64
64
|
separator: "-"
|
65
|
-
}), h = s ?? `${
|
65
|
+
}), h = s ?? `${o}-i`, m = /* @__PURE__ */ E(
|
66
66
|
"span",
|
67
67
|
{
|
68
|
-
"data-testid":
|
68
|
+
"data-testid": o,
|
69
69
|
className: $,
|
70
70
|
style: C ?? void 0,
|
71
71
|
children: [
|
@@ -73,7 +73,7 @@ const T = (s, n) => {
|
|
73
73
|
"i",
|
74
74
|
{
|
75
75
|
"data-testid": h,
|
76
|
-
className:
|
76
|
+
className: d,
|
77
77
|
style: g ?? void 0
|
78
78
|
}
|
79
79
|
),
|
@@ -81,8 +81,8 @@ const T = (s, n) => {
|
|
81
81
|
]
|
82
82
|
}
|
83
83
|
);
|
84
|
-
return a ? T(
|
84
|
+
return a ? T(m, r) : m;
|
85
85
|
};
|
86
86
|
export {
|
87
|
-
|
87
|
+
S as default
|
88
88
|
};
|
@@ -3,10 +3,10 @@ import { default as Icon } from '.';
|
|
3
3
|
import { IconProps } from '../../../interfaces/atomProps';
|
4
4
|
declare const _default: Meta<typeof Icon>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
7
|
-
export declare const TextIncluded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
8
|
-
export declare const UsingOtherIcon: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
9
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
10
|
-
export declare const WithBigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
11
|
-
export declare const DarkMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
12
|
-
export declare const Spinning: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
7
|
+
export declare const TextIncluded: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
8
|
+
export declare const UsingOtherIcon: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
9
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
10
|
+
export declare const WithBigSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
11
|
+
export declare const DarkMode: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
12
|
+
export declare const Spinning: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
|
@@ -1,44 +1,44 @@
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
2
|
-
import { parseClasses as a, parseTestId as
|
3
|
-
const
|
4
|
-
testId:
|
5
|
-
containerTestId:
|
2
|
+
import { parseClasses as a, parseTestId as f } from "../../../functions/parsers.js";
|
3
|
+
const T = ({
|
4
|
+
testId: t = null,
|
5
|
+
containerTestId: n = null,
|
6
6
|
cssClasses: i = null,
|
7
|
-
containerCssClasses:
|
8
|
-
style:
|
7
|
+
containerCssClasses: o = null,
|
8
|
+
style: d = null,
|
9
9
|
containerStyle: m = null,
|
10
10
|
src: r,
|
11
|
-
alt:
|
11
|
+
alt: u = null,
|
12
12
|
fixedSize: g = null,
|
13
13
|
isRounded: c = !1
|
14
14
|
}) => {
|
15
|
-
const
|
15
|
+
const s = a([
|
16
16
|
"image",
|
17
17
|
g,
|
18
|
-
|
19
|
-
]),
|
18
|
+
o
|
19
|
+
]), p = a([
|
20
20
|
c ? "is-rounded" : null,
|
21
21
|
i
|
22
|
-
]),
|
22
|
+
]), e = n ?? f({ tag: "image", parsedClasses: s }), C = t ?? `${e}-img`;
|
23
23
|
return /* @__PURE__ */ l(
|
24
24
|
"figure",
|
25
25
|
{
|
26
|
-
"data-testid":
|
27
|
-
className:
|
26
|
+
"data-testid": e,
|
27
|
+
className: s,
|
28
28
|
style: m ?? void 0,
|
29
29
|
children: /* @__PURE__ */ l(
|
30
30
|
"img",
|
31
31
|
{
|
32
|
-
"data-testid":
|
33
|
-
className:
|
34
|
-
style:
|
32
|
+
"data-testid": C,
|
33
|
+
className: p,
|
34
|
+
style: d ?? void 0,
|
35
35
|
src: r,
|
36
|
-
alt:
|
36
|
+
alt: u ?? void 0
|
37
37
|
}
|
38
38
|
)
|
39
39
|
}
|
40
40
|
);
|
41
41
|
};
|
42
42
|
export {
|
43
|
-
|
43
|
+
T as default
|
44
44
|
};
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as Image } from '.';
|
3
3
|
declare const _default: Meta<typeof Image>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
6
|
-
export declare const WithFixedStyle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
7
|
-
export declare const IsRounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
8
|
-
export declare const CustomStyle: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
6
|
+
export declare const WithFixedStyle: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
7
|
+
export declare const IsRounded: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
8
|
+
export declare const CustomStyle: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').ImageProps>;
|
@@ -1,51 +1,51 @@
|
|
1
1
|
import { jsx as x } from "react/jsx-runtime";
|
2
2
|
import { parseClasses as y, parseTestId as T } from "../../../functions/parsers.js";
|
3
3
|
const j = ({
|
4
|
-
testId:
|
5
|
-
cssClasses:
|
6
|
-
style:
|
4
|
+
testId: s = null,
|
5
|
+
cssClasses: e = null,
|
6
|
+
style: n = null,
|
7
7
|
type: u,
|
8
8
|
value: t = null,
|
9
|
-
name:
|
10
|
-
placeholder:
|
9
|
+
name: a,
|
10
|
+
placeholder: d = null,
|
11
11
|
isDisabled: i = !1,
|
12
|
-
isReadonly:
|
13
|
-
color:
|
14
|
-
size:
|
15
|
-
isRounded:
|
16
|
-
isHovered:
|
12
|
+
isReadonly: o = !1,
|
13
|
+
color: r = null,
|
14
|
+
size: p = null,
|
15
|
+
isRounded: c = null,
|
16
|
+
isHovered: f = null,
|
17
17
|
isFocused: m = null,
|
18
|
-
onClick:
|
19
|
-
onChange:
|
20
|
-
onBlur:
|
18
|
+
onClick: v,
|
19
|
+
onChange: C,
|
20
|
+
onBlur: I
|
21
21
|
}) => {
|
22
22
|
const l = y([
|
23
23
|
"input",
|
24
|
+
r,
|
24
25
|
p,
|
25
|
-
|
26
|
-
f ? "is-
|
27
|
-
c ? "is-hovered" : null,
|
26
|
+
c ? "is-rounded" : null,
|
27
|
+
f ? "is-hovered" : null,
|
28
28
|
m ? "is-focused" : null,
|
29
|
-
|
30
|
-
]),
|
29
|
+
e
|
30
|
+
]), h = s ?? T({
|
31
31
|
tag: "input",
|
32
32
|
parsedClasses: l
|
33
33
|
});
|
34
34
|
return /* @__PURE__ */ x(
|
35
35
|
"input",
|
36
36
|
{
|
37
|
-
"data-testid":
|
37
|
+
"data-testid": h,
|
38
38
|
type: u,
|
39
|
-
placeholder:
|
39
|
+
placeholder: d ?? void 0,
|
40
40
|
value: t ?? void 0,
|
41
|
-
name:
|
41
|
+
name: a,
|
42
42
|
disabled: i,
|
43
|
-
readOnly:
|
43
|
+
readOnly: o,
|
44
44
|
className: l,
|
45
|
-
style:
|
46
|
-
onClick:
|
47
|
-
onChange:
|
48
|
-
onBlur:
|
45
|
+
style: n ?? void 0,
|
46
|
+
onClick: v,
|
47
|
+
onChange: C,
|
48
|
+
onBlur: I
|
49
49
|
}
|
50
50
|
);
|
51
51
|
};
|
@@ -3,13 +3,13 @@ import { default as Input } from '.';
|
|
3
3
|
import { InputProps } from '../../../interfaces/atomProps';
|
4
4
|
declare const _default: Meta<typeof Input>;
|
5
5
|
export default _default;
|
6
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
7
|
-
export declare const WithPlaceholder: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
8
|
-
export declare const WithText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
9
|
-
export declare const Colored: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
10
|
-
export declare const WithBigSize: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
11
|
-
export declare const Rounded: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
12
|
-
export declare const Hovered: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
13
|
-
export declare const Focused: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
14
|
-
export declare const Disabled: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
15
|
-
export declare const ReadOnly: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
6
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
7
|
+
export declare const WithPlaceholder: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
8
|
+
export declare const WithText: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
9
|
+
export declare const Colored: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
10
|
+
export declare const WithBigSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
11
|
+
export declare const Rounded: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
12
|
+
export declare const Hovered: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
13
|
+
export declare const Focused: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
14
|
+
export declare const Disabled: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
15
|
+
export declare const ReadOnly: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;
|
@@ -1,22 +1,22 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import { parseTestId as
|
1
|
+
import { jsxs as i, jsx as l } from "react/jsx-runtime";
|
2
|
+
import { parseTestId as n } from "../../../functions/parsers.js";
|
3
3
|
const m = ({
|
4
4
|
testId: a = null,
|
5
5
|
cssClasses: e = null,
|
6
|
-
style:
|
7
|
-
header:
|
8
|
-
value:
|
6
|
+
style: s = null,
|
7
|
+
header: t,
|
8
|
+
value: d
|
9
9
|
}) => {
|
10
|
-
const
|
11
|
-
return /* @__PURE__ */
|
10
|
+
const r = a ?? n({ tag: "level-header", parsedClasses: e ?? "" });
|
11
|
+
return /* @__PURE__ */ i(
|
12
12
|
"section",
|
13
13
|
{
|
14
|
-
"data-testid":
|
14
|
+
"data-testid": r,
|
15
15
|
className: e ?? void 0,
|
16
|
-
style:
|
16
|
+
style: s ?? void 0,
|
17
17
|
children: [
|
18
|
-
/* @__PURE__ */ l("p", { className: "heading", children:
|
19
|
-
/* @__PURE__ */ l("p", { className: "title", children:
|
18
|
+
/* @__PURE__ */ l("p", { className: "heading", children: t }),
|
19
|
+
/* @__PURE__ */ l("p", { className: "title", children: d })
|
20
20
|
]
|
21
21
|
}
|
22
22
|
);
|
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as LevelHeader } from '.';
|
3
3
|
declare const _default: Meta<typeof LevelHeader>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').LevelHeaderProps>;
|
6
|
-
export declare const NumericExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').LevelHeaderProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').LevelHeaderProps>;
|
6
|
+
export declare const NumericExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').LevelHeaderProps>;
|
@@ -1,27 +1,27 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { parseClasses as
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as d, parseTestId as i } from "../../../functions/parsers.js";
|
3
3
|
const I = ({
|
4
4
|
testId: s = null,
|
5
|
-
cssClasses:
|
6
|
-
style:
|
7
|
-
text:
|
5
|
+
cssClasses: t = null,
|
6
|
+
style: l = null,
|
7
|
+
text: n,
|
8
8
|
isActive: a = null,
|
9
|
-
onClick:
|
9
|
+
onClick: m = null
|
10
10
|
}) => {
|
11
|
-
const e =
|
11
|
+
const e = d([
|
12
12
|
"menuItem",
|
13
13
|
a ? "is-active" : null,
|
14
|
-
|
15
|
-
]),
|
16
|
-
return /* @__PURE__ */
|
14
|
+
t
|
15
|
+
]), u = s ?? i({ tag: "menuItem", parsedClasses: e });
|
16
|
+
return /* @__PURE__ */ r(
|
17
17
|
"a",
|
18
18
|
{
|
19
|
-
"data-testid":
|
19
|
+
"data-testid": u,
|
20
20
|
className: e,
|
21
|
-
style:
|
21
|
+
style: l ?? void 0,
|
22
22
|
"aria-hidden": "true",
|
23
|
-
onClick:
|
24
|
-
children:
|
23
|
+
onClick: m ?? void 0,
|
24
|
+
children: n
|
25
25
|
}
|
26
26
|
);
|
27
27
|
};
|
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as MenuItem } from '.';
|
3
3
|
declare const _default: Meta<typeof MenuItem>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').MenuItemProps>;
|
6
|
-
export declare const Active: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').MenuItemProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').MenuItemProps>;
|
6
|
+
export declare const Active: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').MenuItemProps>;
|
@@ -1,30 +1,30 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { parseClasses as
|
3
|
-
const
|
4
|
-
testId:
|
5
|
-
cssClasses:
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
2
|
+
import { parseClasses as d, parseTestId as m } from "../../../functions/parsers.js";
|
3
|
+
const c = ({
|
4
|
+
testId: s = null,
|
5
|
+
cssClasses: e = null,
|
6
6
|
style: t = null,
|
7
|
-
children:
|
8
|
-
isActive:
|
9
|
-
onClick:
|
7
|
+
children: l,
|
8
|
+
isActive: r = !1,
|
9
|
+
onClick: n = null
|
10
10
|
}) => {
|
11
|
-
const a =
|
11
|
+
const a = d([
|
12
12
|
"navbar-item",
|
13
|
-
|
14
|
-
|
15
|
-
]),
|
16
|
-
return /* @__PURE__ */
|
13
|
+
r ? "is-active" : null,
|
14
|
+
e
|
15
|
+
]), i = s ?? m({ tag: "navbar-item", parsedClasses: a });
|
16
|
+
return /* @__PURE__ */ o(
|
17
17
|
"a",
|
18
18
|
{
|
19
|
-
"data-testid":
|
19
|
+
"data-testid": i,
|
20
20
|
className: a,
|
21
21
|
style: t ?? void 0,
|
22
22
|
"aria-hidden": "true",
|
23
|
-
onClick:
|
24
|
-
children:
|
23
|
+
onClick: n ?? void 0,
|
24
|
+
children: l
|
25
25
|
}
|
26
26
|
);
|
27
27
|
};
|
28
28
|
export {
|
29
|
-
|
29
|
+
c as default
|
30
30
|
};
|
@@ -2,4 +2,4 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as NavBarItem } from '.';
|
3
3
|
declare const _default: Meta<typeof NavBarItem>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').NavBarItemProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').NavBarItemProps>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { jsx as
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
2
2
|
import { parseClasses as u, parseTestId as g } from "../../../functions/parsers.js";
|
3
|
-
const
|
4
|
-
testId:
|
3
|
+
const C = ({
|
4
|
+
testId: e = null,
|
5
5
|
cssClasses: s = null,
|
6
6
|
style: l = null,
|
7
7
|
text: n,
|
@@ -10,19 +10,19 @@ const I = ({
|
|
10
10
|
isSelected: a = null,
|
11
11
|
onClick: o = null
|
12
12
|
}) => {
|
13
|
-
const
|
13
|
+
const t = u([
|
14
14
|
"pagination-link",
|
15
15
|
a ? "is-current" : null,
|
16
16
|
s
|
17
|
-
]),
|
17
|
+
]), p = e ?? g({
|
18
18
|
tag: "pagination-link",
|
19
|
-
parsedClasses:
|
19
|
+
parsedClasses: t
|
20
20
|
});
|
21
|
-
return /* @__PURE__ */
|
21
|
+
return /* @__PURE__ */ d(
|
22
22
|
"a",
|
23
23
|
{
|
24
|
-
"data-testid":
|
25
|
-
className:
|
24
|
+
"data-testid": p,
|
25
|
+
className: t,
|
26
26
|
style: l ?? void 0,
|
27
27
|
"aria-label": `${a ? r : i} ${n}`,
|
28
28
|
"aria-current": a ? "page" : void 0,
|
@@ -33,5 +33,5 @@ const I = ({
|
|
33
33
|
);
|
34
34
|
};
|
35
35
|
export {
|
36
|
-
|
36
|
+
C as default
|
37
37
|
};
|
@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
|
|
2
2
|
import { default as PaginationItem } from '.';
|
3
3
|
declare const _default: Meta<typeof PaginationItem>;
|
4
4
|
export default _default;
|
5
|
-
export declare const BasicExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|
6
|
-
export declare const Selected: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|
7
|
-
export declare const CustomLabelText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|
8
|
-
export declare const SelectedWithCustomLabelText: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|
5
|
+
export declare const BasicExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|
6
|
+
export declare const Selected: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|
7
|
+
export declare const CustomLabelText: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|
8
|
+
export declare const SelectedWithCustomLabelText: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../../../interfaces/atomProps').PaginationItemProps>;
|