geoiq-frontend-ui-kit 1.1.30 → 1.1.31
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/index.es15.js +1 -1
- package/dist/index.es18.js +1 -1
- package/dist/index.es19.js +1 -1
- package/dist/index.es29.js +1 -1
- package/dist/index.es30.js +1 -1
- package/dist/index.es56.js +1 -1
- package/dist/index.es74.js +38 -15
- package/dist/index.es74.js.map +1 -1
- package/dist/index.es75.js +49 -22
- package/dist/index.es75.js.map +1 -1
- package/dist/index.es76.js +22 -49
- package/dist/index.es76.js.map +1 -1
- package/dist/index.es77.js +15 -38
- package/dist/index.es77.js.map +1 -1
- package/dist/index.es81.js +39 -37
- package/dist/index.es81.js.map +1 -1
- package/dist/index.es82.js +37 -39
- package/dist/index.es82.js.map +1 -1
- package/dist/index.es9.js +1 -1
- package/package.json +1 -1
package/dist/index.es15.js
CHANGED
|
@@ -6,7 +6,7 @@ import "./index.es44.js";
|
|
|
6
6
|
import "./index.es63.js";
|
|
7
7
|
import "./index.es26.js";
|
|
8
8
|
import "./index.es32.js";
|
|
9
|
-
import { TextAreaVariants as u } from "./index.
|
|
9
|
+
import { TextAreaVariants as u } from "./index.es77.js";
|
|
10
10
|
const m = e.forwardRef(
|
|
11
11
|
({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...t }, f) => {
|
|
12
12
|
const [r, s] = e.useState(!1), c = e.useRef(null);
|
package/dist/index.es18.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
2
|
import { cn as m } from "./index.es62.js";
|
|
3
3
|
import { TypographyVariants as n } from "./index.es56.js";
|
|
4
|
-
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.
|
|
4
|
+
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es76.js";
|
|
5
5
|
const c = o.forwardRef(({ className: t, variant: r = y, ...a }, e) => {
|
|
6
6
|
const p = i[r];
|
|
7
7
|
return /* @__PURE__ */ o.createElement(
|
package/dist/index.es19.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import { cn as s } from "./index.es62.js";
|
|
3
|
-
import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.
|
|
3
|
+
import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es74.js";
|
|
4
4
|
import { Button as p } from "./index.es7.js";
|
|
5
5
|
import { Typography as u } from "./index.es18.js";
|
|
6
6
|
const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
|
package/dist/index.es29.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { StepperProvider as r, StepGroup as p } from "./index.
|
|
1
|
+
import { StepperProvider as r, StepGroup as p } from "./index.es81.js";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
const m = ({ value: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(r, { steps: t }, /* @__PURE__ */ e.createElement(p, null)));
|
|
4
4
|
m.displayName = "Stepper";
|
package/dist/index.es30.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import * as t from "@radix-ui/react-tabs";
|
|
3
3
|
import { cn as n } from "./index.es62.js";
|
|
4
|
-
import { TabsVariants as d, TabTriggerVariants as T } from "./index.
|
|
4
|
+
import { TabsVariants as d, TabTriggerVariants as T } from "./index.es82.js";
|
|
5
5
|
const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
|
|
6
6
|
t.List,
|
|
7
7
|
{
|
package/dist/index.es56.js
CHANGED
package/dist/index.es74.js
CHANGED
|
@@ -1,25 +1,48 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
text-light-1 px-3 py-2
|
|
5
|
-
file:border-0 file:bg-transparent
|
|
6
|
-
placeholder:font-normal placeholder:text-light-4`,
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const r = t(
|
|
3
|
+
"relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
|
|
7
4
|
{
|
|
8
5
|
variants: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
variant: {
|
|
7
|
+
info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
|
|
8
|
+
success: "text-text4 dark:border-danger [&>svg]:text-danger bg-success-1",
|
|
9
|
+
warning: "text-text4 dark:border-danger [&>svg]:text-danger bg-warning-1 ",
|
|
10
|
+
error: " text-text4 dark:border-danger [&>svg]:text-danger bg-danger-1",
|
|
11
|
+
default: "text-text4 bg-background text-foreground"
|
|
12
12
|
},
|
|
13
|
-
|
|
14
|
-
true: "
|
|
13
|
+
shortContent: {
|
|
14
|
+
true: "items-center flex flex-row gap-3",
|
|
15
15
|
false: ""
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: "info"
|
|
20
|
+
}
|
|
20
21
|
}
|
|
21
|
-
)
|
|
22
|
+
), a = t("", {
|
|
23
|
+
variants: {
|
|
24
|
+
shortContent: {
|
|
25
|
+
true: "justify-between w-full items-center flex flex-row gap-3",
|
|
26
|
+
false: "flex flex-col gap-2 justify-start items-start"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
defaultVariants: {
|
|
30
|
+
shortContent: !1
|
|
31
|
+
}
|
|
32
|
+
}), n = t(" max-w-[fit-content] ", {
|
|
33
|
+
variants: {
|
|
34
|
+
shortContent: {
|
|
35
|
+
true: "bg-rest-s1",
|
|
36
|
+
false: "bg-rest-s1"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
defaultVariants: {
|
|
40
|
+
shortContent: !1
|
|
41
|
+
}
|
|
42
|
+
});
|
|
22
43
|
export {
|
|
23
|
-
|
|
44
|
+
n as AlertButtonVariants,
|
|
45
|
+
a as AlertContentVariants,
|
|
46
|
+
r as AlertVariants
|
|
24
47
|
};
|
|
25
48
|
//# sourceMappingURL=index.es74.js.map
|
package/dist/index.es74.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es74.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es74.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n 'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n {\n variants: {\n variant: {\n info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n success:\n 'text-text4 dark:border-danger [&>svg]:text-danger bg-success-1',\n warning:\n 'text-text4 dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n error:\n ' text-text4 dark:border-danger [&>svg]:text-danger bg-danger-1',\n default: 'text-text4 bg-background text-foreground',\n },\n shortContent: {\n true: 'items-center flex flex-row gap-3',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }\n)\n\nexport const AlertContentVariants = cva('', {\n variants: {\n shortContent: {\n true: 'justify-between w-full items-center flex flex-row gap-3',\n false: 'flex flex-col gap-2 justify-start items-start',\n },\n },\n defaultVariants: {\n shortContent: false,\n },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n variants: {\n shortContent: {\n true: 'bg-rest-s1',\n false: 'bg-rest-s1',\n },\n },\n defaultVariants: {\n shortContent: false,\n },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MACX;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC;"}
|
package/dist/index.es75.js
CHANGED
|
@@ -1,25 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
1
|
+
import { cva as r } from "class-variance-authority";
|
|
2
|
+
const s = r(
|
|
3
|
+
` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
|
|
4
|
+
text-light-2 px-3 py-2
|
|
5
|
+
file:border-0 file:bg-transparent
|
|
6
|
+
placeholder:font-normal placeholder:text-light-4`,
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
isError: {
|
|
10
|
+
true: "",
|
|
11
|
+
false: ""
|
|
12
|
+
},
|
|
13
|
+
isFocused: {
|
|
14
|
+
true: "",
|
|
15
|
+
false: ""
|
|
16
|
+
},
|
|
17
|
+
disabled: {
|
|
18
|
+
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
19
|
+
false: ""
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
isError: !1
|
|
24
|
+
},
|
|
25
|
+
compoundVariants: [
|
|
26
|
+
{
|
|
27
|
+
isError: !0,
|
|
28
|
+
isFocused: !0,
|
|
29
|
+
className: "border-danger-2 ring-4 ring-danger-1"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
isError: !1,
|
|
33
|
+
isFocused: !0,
|
|
34
|
+
className: "border-primary-2 ring-4 ring-primary-1"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
isError: !0,
|
|
38
|
+
isFocused: !1,
|
|
39
|
+
className: "border-danger-2"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
isError: !1,
|
|
43
|
+
isFocused: !1,
|
|
44
|
+
className: "border-light-2"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
);
|
|
21
49
|
export {
|
|
22
|
-
|
|
23
|
-
p as variantElementMap
|
|
50
|
+
s as InputVariants
|
|
24
51
|
};
|
|
25
52
|
//# sourceMappingURL=index.es75.js.map
|
package/dist/index.es75.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es75.js","sources":["../src/components/atoms/
|
|
1
|
+
{"version":3,"file":"index.es75.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-2 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isError: {\n true: '',\n false: '',\n },\n isFocused: {\n true: '',\n false: '',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n isError: false,\n },\n compoundVariants: [\n {\n isError: true,\n isFocused: true,\n className: 'border-danger-2 ring-4 ring-danger-1',\n },\n {\n isError: false,\n isFocused: true,\n className: 'border-primary-2 ring-4 ring-primary-1',\n },\n {\n isError: true,\n isFocused: false,\n className: 'border-danger-2',\n },\n {\n isError: false,\n isFocused: false,\n className: 'border-light-2',\n },\n ],\n }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}
|
package/dist/index.es76.js
CHANGED
|
@@ -1,52 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
defaultVariants: {
|
|
23
|
-
isError: !1
|
|
24
|
-
},
|
|
25
|
-
compoundVariants: [
|
|
26
|
-
{
|
|
27
|
-
isError: !0,
|
|
28
|
-
isFocused: !0,
|
|
29
|
-
className: "border-danger-2 ring-4 ring-danger-1"
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
isError: !1,
|
|
33
|
-
isFocused: !0,
|
|
34
|
-
className: "border-primary-2 ring-4 ring-primary-1"
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
isError: !0,
|
|
38
|
-
isFocused: !1,
|
|
39
|
-
className: "border-danger-2"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
isError: !1,
|
|
43
|
-
isFocused: !1,
|
|
44
|
-
className: "border-light-2"
|
|
45
|
-
}
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
);
|
|
1
|
+
const p = {
|
|
2
|
+
display1: "p",
|
|
3
|
+
display2: "p",
|
|
4
|
+
display3: "p",
|
|
5
|
+
h1: "h1",
|
|
6
|
+
h2: "h2",
|
|
7
|
+
h3: "h3",
|
|
8
|
+
body1: "p",
|
|
9
|
+
body2: "p",
|
|
10
|
+
body3: "p",
|
|
11
|
+
body4: "p",
|
|
12
|
+
body5: "p",
|
|
13
|
+
body6: "p"
|
|
14
|
+
// overline1: 'p',
|
|
15
|
+
// overline2: 'p',
|
|
16
|
+
// overline3: 'p',
|
|
17
|
+
// 'cta-large': 'p',
|
|
18
|
+
// 'cta-normal': 'p',
|
|
19
|
+
// 'cta-small': 'p',
|
|
20
|
+
}, y = "body1";
|
|
49
21
|
export {
|
|
50
|
-
|
|
22
|
+
y as defaultTypographyVariant,
|
|
23
|
+
p as variantElementMap
|
|
51
24
|
};
|
|
52
25
|
//# sourceMappingURL=index.es76.js.map
|
package/dist/index.es76.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es76.js","sources":["../src/components/atoms/
|
|
1
|
+
{"version":3,"file":"index.es76.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n display1: 'p',\n display2: 'p',\n display3: 'p',\n h1: 'h1',\n h2: 'h2',\n h3: 'h3',\n body1: 'p',\n body2: 'p',\n body3: 'p',\n body4: 'p',\n body5: 'p',\n body6: 'p',\n // overline1: 'p',\n // overline2: 'p',\n // overline3: 'p',\n // 'cta-large': 'p',\n // 'cta-normal': 'p',\n // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}
|
package/dist/index.es77.js
CHANGED
|
@@ -1,48 +1,25 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
1
|
+
import { cva as r } from "class-variance-authority";
|
|
2
|
+
const t = r(
|
|
3
|
+
` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
|
|
4
|
+
text-light-1 px-3 py-2
|
|
5
|
+
file:border-0 file:bg-transparent
|
|
6
|
+
placeholder:font-normal placeholder:text-light-4`,
|
|
4
7
|
{
|
|
5
8
|
variants: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
warning: "text-text4 dark:border-danger [&>svg]:text-danger bg-warning-1 ",
|
|
10
|
-
error: " text-text4 dark:border-danger [&>svg]:text-danger bg-danger-1",
|
|
11
|
-
default: "text-text4 bg-background text-foreground"
|
|
9
|
+
isFocused: {
|
|
10
|
+
true: "border-primary-2 ring-4 ring-primary-1",
|
|
11
|
+
false: "border-light-2"
|
|
12
12
|
},
|
|
13
|
-
|
|
14
|
-
true: "
|
|
13
|
+
disabled: {
|
|
14
|
+
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
15
15
|
false: ""
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
|
|
20
|
-
}
|
|
18
|
+
defaultVariants: {},
|
|
19
|
+
compoundVariants: []
|
|
21
20
|
}
|
|
22
|
-
)
|
|
23
|
-
variants: {
|
|
24
|
-
shortContent: {
|
|
25
|
-
true: "justify-between w-full items-center flex flex-row gap-3",
|
|
26
|
-
false: "flex flex-col gap-2 justify-start items-start"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
defaultVariants: {
|
|
30
|
-
shortContent: !1
|
|
31
|
-
}
|
|
32
|
-
}), n = t(" max-w-[fit-content] ", {
|
|
33
|
-
variants: {
|
|
34
|
-
shortContent: {
|
|
35
|
-
true: "bg-rest-s1",
|
|
36
|
-
false: "bg-rest-s1"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
defaultVariants: {
|
|
40
|
-
shortContent: !1
|
|
41
|
-
}
|
|
42
|
-
});
|
|
21
|
+
);
|
|
43
22
|
export {
|
|
44
|
-
|
|
45
|
-
a as AlertContentVariants,
|
|
46
|
-
r as AlertVariants
|
|
23
|
+
t as TextAreaVariants
|
|
47
24
|
};
|
|
48
25
|
//# sourceMappingURL=index.es77.js.map
|
package/dist/index.es77.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es77.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es77.js","sources":["../src/components/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n text-light-1 px-3 py-2\n file:border-0 file:bg-transparent\n placeholder:font-normal placeholder:text-light-4`,\n {\n variants: {\n isFocused: {\n true: 'border-primary-2 ring-4 ring-primary-1',\n false: 'border-light-2',\n },\n disabled: {\n true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {},\n compoundVariants: [],\n }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,kBAAkB,CAAC;AAAA,EACrB;AACF;"}
|
package/dist/index.es81.js
CHANGED
|
@@ -1,43 +1,45 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
1
|
+
import e, { createContext as c, forwardRef as l, useContext as o } from "react";
|
|
2
|
+
import { StepItemStatus as n } from "./index.es28.js";
|
|
3
|
+
import { Typography as s } from "./index.es18.js";
|
|
4
|
+
import { cn as i } from "./index.es62.js";
|
|
5
|
+
import { StepItemVariants as p } from "./index.es85.js";
|
|
6
|
+
const m = c(null), b = l(
|
|
7
|
+
({ children: a, steps: t }, r) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: r }, a))
|
|
8
|
+
), h = () => {
|
|
9
|
+
const a = o(m);
|
|
10
|
+
return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
11
|
+
u,
|
|
12
|
+
{
|
|
13
|
+
key: r,
|
|
14
|
+
value: t,
|
|
15
|
+
variant: t?.status ?? n.PENDING
|
|
16
|
+
}
|
|
17
|
+
), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
|
|
18
21
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
variant: {
|
|
29
|
-
primary: "rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ",
|
|
30
|
-
secondary: "data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 "
|
|
31
|
-
}
|
|
22
|
+
))));
|
|
23
|
+
}, u = ({ value: a, ...t }) => {
|
|
24
|
+
const { variant: r } = t;
|
|
25
|
+
return /* @__PURE__ */ e.createElement("div", { className: i(p({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
|
|
26
|
+
s,
|
|
27
|
+
{
|
|
28
|
+
variant: "body4",
|
|
29
|
+
style: { textAlign: "center", height: "max-content" }
|
|
32
30
|
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
a?.label
|
|
32
|
+
) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
33
|
+
"img",
|
|
34
|
+
{
|
|
35
|
+
src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
|
|
36
|
+
alt: "check-mark-icon"
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
))));
|
|
39
|
+
};
|
|
39
40
|
export {
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
h as StepGroup,
|
|
42
|
+
m as StepperContext,
|
|
43
|
+
b as StepperProvider
|
|
42
44
|
};
|
|
43
45
|
//# sourceMappingURL=index.es81.js.map
|
package/dist/index.es81.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es81.js","sources":["../src/components/molecules/
|
|
1
|
+
{"version":3,"file":"index.es81.js","sources":["../src/components/molecules/stepper/stepper-components.tsx"],"sourcesContent":["import React, {\n PropsWithChildren,\n createContext,\n forwardRef,\n useContext,\n} from 'react'\nimport { StepItemStatus, StepperItemProps, StepperValue } from './stepper.type'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { StepItemVariants } from './stepper.styles'\n\ninterface StepperProviderProps extends PropsWithChildren {\n steps: StepperValue[] // Add a steps prop to pass the steps array\n}\n\nconst StepperContext = createContext<StepperValue[] | null>(null) // Context will hold an array of strings\n\nconst StepperProvider = forwardRef<HTMLDivElement, StepperProviderProps>(\n ({ children, steps }, ref) => {\n return (\n <StepperContext.Provider value={steps}>\n <div className={'w-[100%]'} ref={ref}>\n {children}\n </div>\n </StepperContext.Provider>\n )\n }\n)\n\nconst StepGroup = () => {\n const steps = useContext(StepperContext) // Accessing the steps array from context\n\n return (\n <div className=\"flex justify-between items-center w-[100%]\">\n {steps?.map((step, index) => (\n <>\n <StepItem\n key={index}\n value={step}\n variant={step?.status ?? StepItemStatus.PENDING}\n />\n {index !== steps.length - 1 && (\n <div\n className={` w-5 grow border-b-2 ${step?.status == StepItemStatus.COMPLETED ? 'border-primary-2' : 'border-neutral-2'}`}\n />\n )}\n </>\n ))}\n </div>\n )\n}\n\n// individual step item and styles\nconst StepItem = ({ value, ...props }: StepperItemProps) => {\n const { variant } = props\n return (\n <div className={cn(StepItemVariants({ variant }))}>\n {variant !== StepItemStatus.COMPLETED ? (\n <Typography\n variant={'body4'}\n style={{ textAlign: 'center', height: 'max-content' }}\n >\n {value?.label}\n </Typography>\n ) : (\n <>\n <div>\n <img\n src=\"https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg\"\n alt=\"check-mark-icon\"\n />\n </div>\n </>\n )}\n </div>\n )\n}\n\nexport { StepperProvider, StepperContext, StepGroup }\n"],"names":["StepperContext","createContext","StepperProvider","forwardRef","children","steps","ref","React","StepGroup","useContext","step","index","StepItem","StepItemStatus","value","props","variant","cn","StepItemVariants","Typography"],"mappings":";;;;;AAeM,MAAAA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,KAASC,MAEjBC,gBAAAA,EAAA,cAAAP,EAAe,UAAf,EAAwB,OAAOK,KAC7BE,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAW,YAAY,KAAAD,EACzB,GAAAF,CACH,CACF;AAGN,GAEMI,IAAY,MAAM;AAChB,QAAAH,IAAQI,EAAWT,CAAc;AAGrC,SAAAO,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZF,GAAO,IAAI,CAACK,GAAMC,MAEfJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAEzC,GAAAF,MAAUN,EAAM,SAAS,KACxBE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAG3H,CAAA,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AACpD,QAAA,EAAE,SAAAC,EAAY,IAAAD;AACpB,SACGR,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAS,CAAA,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAc;AAAA,IAAA;AAAA,IAEnDL,GAAO;AAAA,EACV,IAGEP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAAC,OACC,MAAAA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAER,CAAA,CACF,CAEJ;AAEJ;"}
|
package/dist/index.es82.js
CHANGED
|
@@ -1,45 +1,43 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"div",
|
|
19
|
-
{
|
|
20
|
-
className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const e = t(
|
|
3
|
+
"inline-flex items-center justify-evenly p-1 text-muted-foreground",
|
|
4
|
+
{
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
primary: "bg-light-3 border rounded-xl border-neutral-1",
|
|
8
|
+
secondary: "bg-background "
|
|
9
|
+
},
|
|
10
|
+
size: {
|
|
11
|
+
sm: "h-10 rounded-xl ",
|
|
12
|
+
md: "h-12 rounded-xl "
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
variant: "primary",
|
|
17
|
+
size: "md"
|
|
21
18
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
}
|
|
20
|
+
), i = t(
|
|
21
|
+
"inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium disabled:pointer-events-none disabled:opacity-50 ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ",
|
|
22
|
+
{
|
|
23
|
+
variants: {
|
|
24
|
+
size: {
|
|
25
|
+
sm: "h-8 text-[14px] p-1.5 ",
|
|
26
|
+
md: "h-10 text-[16px] p-2 "
|
|
27
|
+
},
|
|
28
|
+
variant: {
|
|
29
|
+
primary: "rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ",
|
|
30
|
+
secondary: "data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 "
|
|
31
|
+
}
|
|
30
32
|
},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
{
|
|
35
|
-
src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
|
|
36
|
-
alt: "check-mark-icon"
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
variant: "primary",
|
|
35
|
+
size: "md"
|
|
37
36
|
}
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
}
|
|
38
|
+
);
|
|
40
39
|
export {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
b as StepperProvider
|
|
40
|
+
i as TabTriggerVariants,
|
|
41
|
+
e as TabsVariants
|
|
44
42
|
};
|
|
45
43
|
//# sourceMappingURL=index.es82.js.map
|
package/dist/index.es82.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es82.js","sources":["../src/components/molecules/
|
|
1
|
+
{"version":3,"file":"index.es82.js","sources":["../src/components/molecules/tabs/tabs.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TabsVariants = cva(\n 'inline-flex items-center justify-evenly p-1 text-muted-foreground',\n {\n variants: {\n variant: {\n primary: 'bg-light-3 border rounded-xl border-neutral-1',\n secondary: 'bg-background ',\n },\n size: {\n sm: 'h-10 rounded-xl ',\n md: 'h-12 rounded-xl ',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n },\n }\n)\n\nexport const TabTriggerVariants = cva(\n 'inline-flex w-full items-center justify-center whitespace-nowrap text-sm text-light-2 font-medium disabled:pointer-events-none disabled:opacity-50 ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ',\n {\n variants: {\n size: {\n sm: 'h-8 text-[14px] p-1.5 ',\n md: 'h-10 text-[16px] p-2 ',\n },\n variant: {\n primary:\n 'rounded-lg data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-neutral-1 data-[state=active]:font-semibold data-[state=active]:shadow-sm ',\n secondary:\n 'data-[state=active]:bg-background data-[state=active]:text-primary-1 data-[state=active]:font-semibold data-[state=active]:border-b-2 data-[state=active]:border-primary-2 ',\n },\n },\n defaultVariants: {\n variant: 'primary',\n size: 'md',\n },\n }\n)\n"],"names":["TabsVariants","cva","TabTriggerVariants"],"mappings":";AAEO,MAAMA,IAAeC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEaC,IAAqBD;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}
|
package/dist/index.es9.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import { cn as f } from "./index.es62.js";
|
|
3
|
-
import { InputVariants as p } from "./index.
|
|
3
|
+
import { InputVariants as p } from "./index.es75.js";
|
|
4
4
|
import { Typography as E } from "./index.es18.js";
|
|
5
5
|
import { XCircle as g } from "lucide-react";
|
|
6
6
|
const N = e.forwardRef(
|