@cagatayfdn/flora-components 0.0.97 → 0.0.99
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/Divider.css +1 -1
- package/dist/Tab.css +1 -1
- package/dist/components/Divider/Divider.js +17 -17
- package/dist/components/Tab/Tab.js +10 -10
- package/package.json +1 -1
package/dist/Divider.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._divider_fgk6v_1{border:none}._divider_fgk6v_1._grey_fgk6v_4{border-top:1px solid #d8d8d8}._divider_fgk6v_1._light_fgk6v_7{border-top:1px solid #dfdfdf}._divider_fgk6v_1._dark_grey_fgk6v_10{border-top:1px solid #3b4768}._margin-15_fgk6v_14{margin:15px 0}._margin-30_fgk6v_18{margin:30px 0}
|
package/dist/Tab.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabContainer_15wco_1{display:flex;gap:28px}._tabContainer_15wco_1 ._titleWrapper_15wco_5{padding-bottom:15px;cursor:pointer}._tabContainer_15wco_1 ._titleWrapper_15wco_5 ._title_15wco_5{font-size:20px;font-weight:600;color:#fff;margin-bottom:0;margin-top:0;letter-spacing:.33}._tabContainer_15wco_1 ._titleWrapper_15wco_5:not(._isActive_15wco_17){border-bottom:4px solid #909090}._tabContainer_15wco_1 ._titleWrapper_15wco_5:not(._isActive_15wco_17) ._title_15wco_5{color:#757f96}._isActive_15wco_17{border-bottom:4px solid #037cf9}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { DividerAppearance as
|
|
3
|
-
import { c as
|
|
4
|
-
import '../../Divider.css';const
|
|
5
|
-
divider:
|
|
6
|
-
grey:
|
|
7
|
-
light:
|
|
1
|
+
import { j as _ } from "../../jsx-runtime-BcAkpsdy.js";
|
|
2
|
+
import { DividerAppearance as s } from "../../enums/appearance.js";
|
|
3
|
+
import { c as g } from "../../index-BHf7G3IG.js";
|
|
4
|
+
import '../../Divider.css';const d = "_divider_fgk6v_1", a = "_grey_fgk6v_4", o = "_light_fgk6v_7", m = "_dark_grey_fgk6v_10", r = {
|
|
5
|
+
divider: d,
|
|
6
|
+
grey: a,
|
|
7
|
+
light: o,
|
|
8
8
|
dark_grey: m,
|
|
9
|
-
"margin-15": "_margin-
|
|
10
|
-
"margin-30": "_margin-
|
|
11
|
-
},
|
|
12
|
-
appearance:
|
|
13
|
-
className:
|
|
9
|
+
"margin-15": "_margin-15_fgk6v_14",
|
|
10
|
+
"margin-30": "_margin-30_fgk6v_18"
|
|
11
|
+
}, c = ({
|
|
12
|
+
appearance: i = s.GREY,
|
|
13
|
+
className: t,
|
|
14
14
|
margin: e = "15"
|
|
15
|
-
}) => /* @__PURE__ */
|
|
15
|
+
}) => /* @__PURE__ */ _.jsx(
|
|
16
16
|
"hr",
|
|
17
17
|
{
|
|
18
18
|
"data-testid": "divider",
|
|
19
|
-
className:
|
|
20
|
-
[
|
|
21
|
-
[
|
|
19
|
+
className: g(r.divider, t, {
|
|
20
|
+
[r[`${i}`]]: i,
|
|
21
|
+
[r[`margin-${e}`]]: e
|
|
22
22
|
})
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
c as default
|
|
27
27
|
};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
|
|
2
|
-
import { c as
|
|
3
|
-
import '../../Tab.css';const o = "
|
|
2
|
+
import { c as r } from "../../index-BHf7G3IG.js";
|
|
3
|
+
import '../../Tab.css';const o = "_tabContainer_15wco_1", d = "_titleWrapper_15wco_5", p = "_title_15wco_5", _ = "_isActive_15wco_17", e = {
|
|
4
4
|
tabContainer: o,
|
|
5
|
-
titleWrapper:
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
titleWrapper: d,
|
|
6
|
+
title: p,
|
|
7
|
+
isActive: _
|
|
8
8
|
};
|
|
9
|
-
function v({ items:
|
|
10
|
-
return /* @__PURE__ */ t.jsx("div", { className: e.tabContainer, "data-testid": "tab-container", children:
|
|
11
|
-
const n =
|
|
9
|
+
function v({ items: c, selected: l, onChange: a }) {
|
|
10
|
+
return /* @__PURE__ */ t.jsx("div", { className: e.tabContainer, "data-testid": "tab-container", children: c.map((s, i) => {
|
|
11
|
+
const n = l == i;
|
|
12
12
|
return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
|
|
13
13
|
"div",
|
|
14
14
|
{
|
|
15
15
|
"data-testid": "tab-item",
|
|
16
16
|
onClick: () => a && a(i),
|
|
17
|
-
className:
|
|
17
|
+
className: r(e.titleWrapper, {
|
|
18
18
|
[e.isActive]: n
|
|
19
19
|
}),
|
|
20
|
-
children: /* @__PURE__ */ t.jsx("div", { title: s.title, className:
|
|
20
|
+
children: /* @__PURE__ */ t.jsx("div", { title: s.title, className: r(e.title), "data-testid": "tab-title", children: s.title })
|
|
21
21
|
},
|
|
22
22
|
i
|
|
23
23
|
) });
|