geoiq-frontend-ui-kit 1.1.7 → 1.1.9
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/radio-group/index.d.ts +1 -1
- package/dist/components/atoms/radio-group/index.d.ts.map +1 -1
- package/dist/components/atoms/textarea/textarea.d.ts.map +1 -1
- package/dist/components/atoms/textarea/textarea.types.d.ts +0 -1
- package/dist/components/atoms/textarea/textarea.types.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +5 -5
- package/dist/index.es10.js +1 -1
- package/dist/index.es15.js +2 -9
- package/dist/index.es15.js.map +1 -1
- package/dist/index.es18.js +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es25.js +1 -1
- package/dist/index.es52.js +1 -1
- package/dist/index.es66.js +11 -22
- package/dist/index.es66.js.map +1 -1
- package/dist/index.es67.js +22 -11
- package/dist/index.es67.js.map +1 -1
- package/dist/index.es72.js +21 -13
- package/dist/index.es72.js.map +1 -1
- package/dist/index.es73.js +48 -24
- package/dist/index.es73.js.map +1 -1
- package/dist/index.es74.js +13 -48
- package/dist/index.es74.js.map +1 -1
- package/dist/index.es75.js +24 -21
- package/dist/index.es75.js.map +1 -1
- package/dist/index.es77.js +6 -6
- package/dist/index.es77.js.map +1 -1
- package/dist/index.es9.js +11 -11
- package/dist/index.es9.js.map +1 -1
- package/dist/styles.css +5 -9
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAc,MAAM,SAAS,CAAA;AAGnD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAc,MAAM,SAAS,CAAA;AAGnD,QAAA,MAAM,QAAQ,2FA+Cb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -2,7 +2,6 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import { TextAreaVariants } from './textarea.styles';
|
|
3
3
|
|
|
4
4
|
export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'disabled'>, VariantProps<typeof TextAreaVariants> {
|
|
5
|
-
message?: string;
|
|
6
5
|
disabled?: boolean;
|
|
7
6
|
inputLabel?: string;
|
|
8
7
|
showTextCount?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/textarea.types.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EACzE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,
|
|
1
|
+
{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/textarea.types.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EACzE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
|
package/dist/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export type { CheckboxProps } from './components/atoms/checkbox';
|
|
|
9
9
|
export { Input } from './components/atoms/input';
|
|
10
10
|
export type { InputProps } from './components/atoms/input/input.types';
|
|
11
11
|
export { Progress } from './components/atoms/progress';
|
|
12
|
-
export {
|
|
12
|
+
export { Radio, RadioGroupItem, RadioGroupVariants, } from './components/atoms/radio-group';
|
|
13
13
|
export * from './components/atoms/skeleton';
|
|
14
14
|
export { Switch, SwitchVariants } from './components/atoms/switch';
|
|
15
15
|
export { Textarea } from './components/atoms/textarea';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,8BAA8B,CAAA;AAE5C,cAAc,2BAA2B,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC/D,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACxE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,YAAY,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.es.js
CHANGED
|
@@ -12,7 +12,7 @@ import { default as v } from "./index.es12.js";
|
|
|
12
12
|
import { Skeleton as h } from "./index.es13.js";
|
|
13
13
|
import { Switch as V } from "./index.es14.js";
|
|
14
14
|
import { Textarea as B } from "./index.es15.js";
|
|
15
|
-
import { TooltipContent as H, TooltipProvider as I, TooltipTrigger as R, TooltipWrapper as
|
|
15
|
+
import { TooltipContent as H, TooltipProvider as I, TooltipTrigger as R, TooltipWrapper as k } from "./index.es16.js";
|
|
16
16
|
import { default as M } from "./index.es17.js";
|
|
17
17
|
import { Typography as _ } from "./index.es18.js";
|
|
18
18
|
import { Alert as L } from "./index.es19.js";
|
|
@@ -31,7 +31,7 @@ import { Toast as xo } from "./index.es31.js";
|
|
|
31
31
|
import { ToastAction as no, ToastClose as so, ToastDescription as To, ToastIcon as Co, ToastPrimitive as go, ToastProvider as Do, ToastTitle as co, ToastViewport as uo } from "./index.es32.js";
|
|
32
32
|
import { AlertDialog as So } from "./index.es33.js";
|
|
33
33
|
import { AlertDialogAction as bo, AlertDialogCancel as ho, AlertDialogContent as Po, AlertDialogDescription as Vo, AlertDialogFooter as yo, AlertDialogHeader as Bo, AlertDialogOverlay as wo, AlertDialogPortal as Ho, AlertDialogTitle as Io, AlertDialogTrigger as Ro } from "./index.es34.js";
|
|
34
|
-
import { _Dialog as
|
|
34
|
+
import { _Dialog as Go } from "./index.es35.js";
|
|
35
35
|
import { SheetDemo as Fo } from "./index.es36.js";
|
|
36
36
|
import * as e from "./index.es37.js";
|
|
37
37
|
import { Calendar as Eo } from "./index.es38.js";
|
|
@@ -87,7 +87,7 @@ export {
|
|
|
87
87
|
Qo as CommandList,
|
|
88
88
|
Uo as CommandSeparator,
|
|
89
89
|
Xo as CommandShortcut,
|
|
90
|
-
|
|
90
|
+
Go as Dialog,
|
|
91
91
|
q as DropdownMenu,
|
|
92
92
|
Zo as HoverCard,
|
|
93
93
|
t as HoverCardPrimitive,
|
|
@@ -96,7 +96,7 @@ export {
|
|
|
96
96
|
N as MultiSelect,
|
|
97
97
|
or as Popover,
|
|
98
98
|
c as Progress,
|
|
99
|
-
v as
|
|
99
|
+
v as Radio,
|
|
100
100
|
A as RadioGroupItem,
|
|
101
101
|
Ar as RadioGroupVariants,
|
|
102
102
|
U as RangeSlider,
|
|
@@ -135,7 +135,7 @@ export {
|
|
|
135
135
|
H as TooltipContent,
|
|
136
136
|
I as TooltipProvider,
|
|
137
137
|
R as TooltipTrigger,
|
|
138
|
-
|
|
138
|
+
k as TooltipWrapper,
|
|
139
139
|
_ as Typography,
|
|
140
140
|
hr as TypographyVariants,
|
|
141
141
|
Hr as useStepper,
|
package/dist/index.es10.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as r from "react";
|
|
2
2
|
import * as a from "@radix-ui/react-progress";
|
|
3
3
|
import { cn as n } from "./index.es57.js";
|
|
4
|
-
import { ProgressVariants as i } from "./index.
|
|
4
|
+
import { ProgressVariants as i } from "./index.es66.js";
|
|
5
5
|
const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
|
|
6
6
|
const s = (o || 0) / (e.max || 100) * 100;
|
|
7
7
|
return /* @__PURE__ */ r.createElement(
|
package/dist/index.es15.js
CHANGED
|
@@ -6,16 +6,9 @@ import "./index.es40.js";
|
|
|
6
6
|
import "./index.es58.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.es72.js";
|
|
10
10
|
const m = e.forwardRef(
|
|
11
|
-
({
|
|
12
|
-
className: o,
|
|
13
|
-
message: g,
|
|
14
|
-
inputLabel: a,
|
|
15
|
-
showTextCount: l,
|
|
16
|
-
maximumTextCount: i,
|
|
17
|
-
...t
|
|
18
|
-
}, f) => {
|
|
11
|
+
({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...t }, f) => {
|
|
19
12
|
const [r, s] = e.useState(!1), c = e.useRef(null);
|
|
20
13
|
return e.useEffect(() => {
|
|
21
14
|
r && c.current?.focus();
|
package/dist/index.es15.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es15.js","sources":["../src/components/atoms/textarea/textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { TextareaProps, Typography } from '@/index'\nimport { TextAreaVariants } from './textarea.styles'\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n (\n {
|
|
1
|
+
{"version":3,"file":"index.es15.js","sources":["../src/components/atoms/textarea/textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { TextareaProps, Typography } from '@/index'\nimport { TextAreaVariants } from './textarea.styles'\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n (\n { className, inputLabel, showTextCount, maximumTextCount, ...props },\n ref\n ) => {\n const [isFocused, setIsFocused] = React.useState(false)\n const inputRef = React.useRef<HTMLInputElement>(null)\n React.useEffect(() => {\n if (isFocused) {\n inputRef.current?.focus()\n }\n }, [isFocused])\n return (\n <>\n {inputLabel && (\n <Typography variant={'body4'} className={`text-light-3`}>\n {inputLabel}\n </Typography>\n )}\n <textarea\n className={cn(\n 'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n className,\n TextAreaVariants({\n isFocused,\n disabled: props.disabled,\n className,\n })\n )}\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n ref={ref}\n maxLength={maximumTextCount}\n {...props}\n />\n\n {showTextCount && (\n <Typography\n variant={'body4'}\n className={`text-light-4 mt-1.5 flex justify-end`}\n >\n {props.value?.toString().length}/{maximumTextCount}\n </Typography>\n )}\n </>\n )\n }\n)\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","inputLabel","showTextCount","maximumTextCount","props","ref","isFocused","setIsFocused","inputRef","Typography","cn","TextAreaVariants"],"mappings":";;;;;;;;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CACE,EAAE,WAAAC,GAAW,YAAAC,GAAY,eAAAC,GAAe,kBAAAC,GAAkB,GAAGC,EAAM,GACnEC,MACG;AACH,UAAM,CAACC,GAAWC,CAAY,IAAIR,EAAM,SAAS,EAAK,GAChDS,IAAWT,EAAM,OAAyB,IAAI;AACpD,WAAAA,EAAM,UAAU,MAAM;AACpB,MAAIO,KACFE,EAAS,SAAS;IACpB,GACC,CAACF,CAAS,CAAC,GAEZ,gBAAAP,EAAA,cAAAA,EAAA,UAAA,MACGE,KACE,gBAAAF,EAAA,cAAAU,GAAA,EAAW,SAAS,SAAS,WAAW,eACtC,GAAAR,CACH,GAEF,gBAAAF,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWW;AAAA,UACT;AAAA,UACAV;AAAA,UACAW,EAAiB;AAAA,YACf,WAAAL;AAAA,YACA,UAAUF,EAAM;AAAA,YAChB,WAAAJ;AAAA,UAAA,CACD;AAAA,QACH;AAAA,QACA,SAAS,MAAMO,EAAa,EAAI;AAAA,QAChC,QAAQ,MAAMA,EAAa,EAAK;AAAA,QAChC,KAAAF;AAAA,QACA,WAAWF;AAAA,QACV,GAAGC;AAAA,MAAA;AAAA,IAAA,GAGLF,KACC,gBAAAH,EAAA;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEVL,EAAM,OAAO,SAAA,EAAW;AAAA,MAAO;AAAA,MAAED;AAAA,IAAA,CAGxC;AAAA,EAEJ;AACF;AACAL,EAAS,cAAc;"}
|
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.es57.js";
|
|
3
3
|
import { TypographyVariants as n } from "./index.es52.js";
|
|
4
|
-
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.
|
|
4
|
+
import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es67.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.es24.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn as s } from "./index.es57.js";
|
|
2
2
|
import { useRanger as b } from "@tanstack/react-ranger";
|
|
3
3
|
import e from "react";
|
|
4
|
-
import { SliderBgColorVariants as a } from "./index.
|
|
4
|
+
import { SliderBgColorVariants as a } from "./index.es74.js";
|
|
5
5
|
const w = ({ left: t = 0, width: o = 0, index: l = -1 }) => /* @__PURE__ */ e.createElement(
|
|
6
6
|
"div",
|
|
7
7
|
{
|
package/dist/index.es25.js
CHANGED
|
@@ -4,7 +4,7 @@ import { cn as r } from "./index.es57.js";
|
|
|
4
4
|
import { Button as u } from "./index.es7.js";
|
|
5
5
|
import { Command as b, CommandInput as C, CommandEmpty as N, CommandGroup as y, CommandList as v, CommandItem as w } from "./index.es40.js";
|
|
6
6
|
import { Popover as k, PopoverTrigger as S, PopoverContent as O } from "./index.es58.js";
|
|
7
|
-
import { ComboBoxStates as P } from "./index.
|
|
7
|
+
import { ComboBoxStates as P } from "./index.es75.js";
|
|
8
8
|
import { Typography as s } from "./index.es18.js";
|
|
9
9
|
function R({
|
|
10
10
|
options: n,
|
package/dist/index.es52.js
CHANGED
package/dist/index.es66.js
CHANGED
|
@@ -1,25 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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";
|
|
1
|
+
import { cva as r } from "class-variance-authority";
|
|
2
|
+
const i = r(
|
|
3
|
+
"relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
|
|
4
|
+
{
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {}
|
|
7
|
+
},
|
|
8
|
+
defaultVariants: {}
|
|
9
|
+
}
|
|
10
|
+
);
|
|
21
11
|
export {
|
|
22
|
-
|
|
23
|
-
p as variantElementMap
|
|
12
|
+
i as ProgressVariants
|
|
24
13
|
};
|
|
25
14
|
//# sourceMappingURL=index.es66.js.map
|
package/dist/index.es66.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es66.js","sources":["../src/components/atoms/
|
|
1
|
+
{"version":3,"file":"index.es66.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n 'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n {\n variants: {\n variant: {},\n },\n defaultVariants: {},\n }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}
|
package/dist/index.es67.js
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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";
|
|
11
21
|
export {
|
|
12
|
-
|
|
22
|
+
y as defaultTypographyVariant,
|
|
23
|
+
p as variantElementMap
|
|
13
24
|
};
|
|
14
25
|
//# sourceMappingURL=index.es67.js.map
|
package/dist/index.es67.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es67.js","sources":["../src/components/atoms/
|
|
1
|
+
{"version":3,"file":"index.es67.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.es72.js
CHANGED
|
@@ -1,17 +1,25 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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`,
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
isFocused: {
|
|
10
|
+
true: "border-primary-2 ring-4 ring-primary-1",
|
|
11
|
+
false: "border-light-2"
|
|
12
|
+
},
|
|
13
|
+
disabled: {
|
|
14
|
+
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
15
|
+
false: ""
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {},
|
|
19
|
+
compoundVariants: []
|
|
12
20
|
}
|
|
13
|
-
|
|
21
|
+
);
|
|
14
22
|
export {
|
|
15
|
-
|
|
23
|
+
t as TextAreaVariants
|
|
16
24
|
};
|
|
17
25
|
//# sourceMappingURL=index.es72.js.map
|
package/dist/index.es72.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es72.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es72.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.es73.js
CHANGED
|
@@ -1,28 +1,52 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
+
}
|
|
6
21
|
},
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
+
);
|
|
25
49
|
export {
|
|
26
|
-
|
|
50
|
+
s as InputVariants
|
|
27
51
|
};
|
|
28
52
|
//# sourceMappingURL=index.es73.js.map
|
package/dist/index.es73.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es73.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es73.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.es74.js
CHANGED
|
@@ -1,52 +1,17 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
]
|
|
1
|
+
import { cva as s } from "class-variance-authority";
|
|
2
|
+
const o = s("", {
|
|
3
|
+
variants: {
|
|
4
|
+
bgColor: {
|
|
5
|
+
success: "bg-success-2",
|
|
6
|
+
danger: "bg-danger-2",
|
|
7
|
+
stroke: "bg-light-4"
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
bgColor: "success"
|
|
47
12
|
}
|
|
48
|
-
);
|
|
13
|
+
});
|
|
49
14
|
export {
|
|
50
|
-
|
|
15
|
+
o as SliderBgColorVariants
|
|
51
16
|
};
|
|
52
17
|
//# 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/range-slider/range-slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderBgColorVariants = cva('', {\n variants: {\n bgColor: {\n success: 'bg-success-2',\n danger: 'bg-danger-2',\n stroke: 'bg-light-4',\n },\n },\n defaultVariants: {\n bgColor: 'success',\n },\n})\n"],"names":["SliderBgColorVariants","cva"],"mappings":";AAEa,MAAAA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}
|
package/dist/index.es75.js
CHANGED
|
@@ -1,25 +1,28 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
placeholder:font-normal placeholder:text-light-4`,
|
|
7
|
-
{
|
|
8
|
-
variants: {
|
|
9
|
-
isFocused: {
|
|
10
|
-
true: "border-primary-2 ring-4 ring-primary-1",
|
|
11
|
-
false: "border-light-2"
|
|
12
|
-
},
|
|
13
|
-
disabled: {
|
|
14
|
-
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
|
|
15
|
-
false: ""
|
|
16
|
-
}
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const e = t("w-full", {
|
|
3
|
+
variants: {
|
|
4
|
+
isOpen: {
|
|
5
|
+
true: "ring-4 ring-primary-1 border-primary-2 text-light-1"
|
|
17
6
|
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
7
|
+
isValue: {
|
|
8
|
+
true: "text-light-1",
|
|
9
|
+
false: "text-light-4"
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
compoundVariants: [
|
|
13
|
+
// {
|
|
14
|
+
// isOpen: true,
|
|
15
|
+
// isValue: true,
|
|
16
|
+
// className: 'border-primary-2',
|
|
17
|
+
// },
|
|
18
|
+
{
|
|
19
|
+
isOpen: !1,
|
|
20
|
+
isValue: !0,
|
|
21
|
+
className: "border-neutral-2"
|
|
22
|
+
}
|
|
23
|
+
]
|
|
24
|
+
});
|
|
22
25
|
export {
|
|
23
|
-
|
|
26
|
+
e as ComboBoxStates
|
|
24
27
|
};
|
|
25
28
|
//# sourceMappingURL=index.es75.js.map
|
package/dist/index.es75.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es75.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es75.js","sources":["../src/components/molecules/single-combobox/single-combobox.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ComboBoxStates = cva('w-full', {\n variants: {\n isOpen: {\n true: 'ring-4 ring-primary-1 border-primary-2 text-light-1',\n },\n isValue: {\n true: 'text-light-1',\n false: 'text-light-4',\n },\n },\n compoundVariants: [\n // {\n // isOpen: true,\n // isValue: true,\n // className: 'border-primary-2',\n // },\n {\n isOpen: false,\n isValue: true,\n className: 'border-neutral-2',\n },\n ],\n})\n"],"names":["ComboBoxStates","cva"],"mappings":";AAEa,MAAAA,IAAiBC,EAAI,UAAU;AAAA,EAC1C,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhB;AAAA,MACE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;"}
|
package/dist/index.es77.js
CHANGED
|
@@ -4,7 +4,7 @@ const e = t(
|
|
|
4
4
|
{
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
|
-
primary: "bg-
|
|
7
|
+
primary: "bg-light-3 border rounded-xl border-neutral-1",
|
|
8
8
|
secondary: "bg-background "
|
|
9
9
|
},
|
|
10
10
|
size: {
|
|
@@ -17,16 +17,16 @@ const e = t(
|
|
|
17
17
|
size: "md"
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
),
|
|
20
|
+
), i = t(
|
|
21
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
22
|
{
|
|
23
23
|
variants: {
|
|
24
24
|
size: {
|
|
25
|
-
sm: "h-8 text-[14px] p-1.5
|
|
26
|
-
md: "h-10 text-[16px] p-2
|
|
25
|
+
sm: "h-8 text-[14px] p-1.5 ",
|
|
26
|
+
md: "h-10 text-[16px] p-2 "
|
|
27
27
|
},
|
|
28
28
|
variant: {
|
|
29
|
-
primary: " data-[state=active]:bg-rest-s1 data-[state=active]:text-primary-1 data-[state=active]:border data-[state=active]:border-
|
|
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
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
31
|
}
|
|
32
32
|
},
|
|
@@ -37,7 +37,7 @@ const e = t(
|
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
i as TabTriggerVariants,
|
|
41
41
|
e as TabsVariants
|
|
42
42
|
};
|
|
43
43
|
//# sourceMappingURL=index.es77.js.map
|
package/dist/index.es77.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es77.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-
|
|
1
|
+
{"version":3,"file":"index.es77.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,13 +1,13 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import { cn as u } from "./index.es57.js";
|
|
3
|
-
import { InputVariants as d } from "./index.
|
|
3
|
+
import { InputVariants as d } from "./index.es73.js";
|
|
4
4
|
import { Typography as f } from "./index.es18.js";
|
|
5
5
|
import { XCircle as p } from "lucide-react";
|
|
6
|
-
const
|
|
7
|
-
({ className: i, type: m, isError: r, message: l, prefix: c, suffix:
|
|
8
|
-
const [a, n] = e.useState(!1),
|
|
6
|
+
const E = e.forwardRef(
|
|
7
|
+
({ className: i, type: m, isError: r, message: l, prefix: c, suffix: s, ...t }) => {
|
|
8
|
+
const [a, n] = e.useState(!1), o = e.useRef(null);
|
|
9
9
|
return e.useEffect(() => {
|
|
10
|
-
a &&
|
|
10
|
+
a && o.current?.focus();
|
|
11
11
|
}, [a]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
12
12
|
"div",
|
|
13
13
|
{
|
|
@@ -33,10 +33,10 @@ const g = e.forwardRef(
|
|
|
33
33
|
"input",
|
|
34
34
|
{
|
|
35
35
|
type: m,
|
|
36
|
-
className: "outline-0 w-full h-full
|
|
36
|
+
className: "outline-0 w-full h-full disabled:bg-transparent disabled:cursor-not-allowed",
|
|
37
37
|
onFocus: () => n(!0),
|
|
38
38
|
onBlur: () => n(!1),
|
|
39
|
-
ref:
|
|
39
|
+
ref: o,
|
|
40
40
|
...t
|
|
41
41
|
}
|
|
42
42
|
),
|
|
@@ -45,13 +45,13 @@ const g = e.forwardRef(
|
|
|
45
45
|
{
|
|
46
46
|
className: "flex items-center cursor-pointer",
|
|
47
47
|
onClick: () => {
|
|
48
|
-
if (
|
|
48
|
+
if (s) {
|
|
49
49
|
n(!0);
|
|
50
50
|
return;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
|
-
|
|
54
|
+
s ?? /* @__PURE__ */ e.createElement(
|
|
55
55
|
"div",
|
|
56
56
|
{
|
|
57
57
|
className: a ? "" : "opacity-0",
|
|
@@ -74,8 +74,8 @@ const g = e.forwardRef(
|
|
|
74
74
|
));
|
|
75
75
|
}
|
|
76
76
|
);
|
|
77
|
-
|
|
77
|
+
E.displayName = "Input";
|
|
78
78
|
export {
|
|
79
|
-
|
|
79
|
+
E as Input
|
|
80
80
|
};
|
|
81
81
|
//# sourceMappingURL=index.es9.js.map
|
package/dist/index.es9.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es9.js","sources":["../src/components/atoms/input/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { InputProps } from './input.types'\nimport { InputVariants } from './input.styles'\nimport { Typography } from '../typography'\nimport { XCircle } from 'lucide-react'\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, isError, message, prefix, suffix, ...props }) => {\n const [isFocused, setIsFocused] = React.useState(false)\n const inputRef = React.useRef<HTMLInputElement>(null)\n\n React.useEffect(() => {\n if (isFocused) {\n inputRef.current?.focus()\n }\n }, [isFocused])\n return (\n <>\n <div\n className={cn(\n InputVariants({\n isError,\n isFocused,\n disabled: props.disabled,\n className,\n })\n )}\n >\n {prefix && (\n <div\n onClick={() => {\n setIsFocused(true)\n }}\n >\n {prefix}\n </div>\n )}\n\n <input\n type={type}\n className={`outline-0 w-full h-full
|
|
1
|
+
{"version":3,"file":"index.es9.js","sources":["../src/components/atoms/input/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { InputProps } from './input.types'\nimport { InputVariants } from './input.styles'\nimport { Typography } from '../typography'\nimport { XCircle } from 'lucide-react'\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ className, type, isError, message, prefix, suffix, ...props }) => {\n const [isFocused, setIsFocused] = React.useState(false)\n const inputRef = React.useRef<HTMLInputElement>(null)\n\n React.useEffect(() => {\n if (isFocused) {\n inputRef.current?.focus()\n }\n }, [isFocused])\n return (\n <>\n <div\n className={cn(\n InputVariants({\n isError,\n isFocused,\n disabled: props.disabled,\n className,\n })\n )}\n >\n {prefix && (\n <div\n onClick={() => {\n setIsFocused(true)\n }}\n >\n {prefix}\n </div>\n )}\n\n <input\n type={type}\n className={`outline-0 w-full h-full disabled:bg-transparent disabled:cursor-not-allowed`}\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n ref={inputRef}\n {...props}\n ></input>\n\n <div\n className=\"flex items-center cursor-pointer\"\n onClick={() => {\n if (suffix) {\n setIsFocused(true)\n return\n }\n }}\n >\n {suffix ?? (\n <div\n className={!isFocused ? 'opacity-0' : ''}\n onClick={() => {\n if (props.onChange)\n props.onChange({\n target: { value: '' },\n } as React.ChangeEvent<HTMLInputElement>)\n }}\n >\n <XCircle size={16} className=\"stroke-[#B0B0B0]\" />\n </div>\n )}\n </div>\n </div>\n\n {message && (\n <Typography\n variant={'body2'}\n className={`${isError ? 'text-danger-1' : 'text-light-3'} mt-1.5`}\n >\n {message}\n </Typography>\n )}\n </>\n )\n }\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["Input","React","className","type","isError","message","prefix","suffix","props","isFocused","setIsFocused","inputRef","cn","InputVariants","XCircle","Typography"],"mappings":";;;;;AAQA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,GAAQ,GAAGC,QAAY;AACnE,UAAM,CAACC,GAAWC,CAAY,IAAIT,EAAM,SAAS,EAAK,GAChDU,IAAWV,EAAM,OAAyB,IAAI;AAEpD,WAAAA,EAAM,UAAU,MAAM;AACpB,MAAIQ,KACFE,EAAS,SAAS;IACpB,GACC,CAACF,CAAS,CAAC,GAGV,gBAAAR,EAAA,cAAAA,EAAA,UAAA,MAAA,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWW;AAAA,UACTC,EAAc;AAAA,YACZ,SAAAT;AAAA,YACA,WAAAK;AAAA,YACA,UAAUD,EAAM;AAAA,YAChB,WAAAN;AAAA,UAAA,CACD;AAAA,QACH;AAAA,MAAA;AAAA,MAECI,KACC,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAS,EAAa,EAAI;AAAA,UACnB;AAAA,QAAA;AAAA,QAECJ;AAAA,MACH;AAAA,MAGF,gBAAAL,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAE;AAAA,UACA,WAAW;AAAA,UACX,SAAS,MAAMO,EAAa,EAAI;AAAA,UAChC,QAAQ,MAAMA,EAAa,EAAK;AAAA,UAChC,KAAKC;AAAA,UACJ,GAAGH;AAAA,QAAA;AAAA,MACL;AAAA,MAED,gBAAAP,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM;AACb,gBAAIM,GAAQ;AACV,cAAAG,EAAa,EAAI;AACjB;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,QAECH,KACC,gBAAAN,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAYQ,IAA0B,KAAd;AAAA,YACxB,SAAS,MAAM;AACb,cAAID,EAAM,YACRA,EAAM,SAAS;AAAA,gBACb,QAAQ,EAAE,OAAO,GAAG;AAAA,cAAA,CACkB;AAAA,YAC5C;AAAA,UAAA;AAAA,UAEC,gBAAAP,EAAA,cAAAa,GAAA,EAAQ,MAAM,IAAI,WAAU,oBAAmB;AAAA,QAClD;AAAA,MAEJ;AAAA,IAAA,GAGDT,KACC,gBAAAJ,EAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW,GAAGX,IAAU,kBAAkB,cAAc;AAAA,MAAA;AAAA,MAEvDC;AAAA,IAAA,CAGP;AAAA,EAEJ;AACF;AACAL,EAAM,cAAc;"}
|
package/dist/styles.css
CHANGED
|
@@ -1326,10 +1326,6 @@ video {
|
|
|
1326
1326
|
--tw-border-opacity: 1;
|
|
1327
1327
|
border-color: rgb(var(--neutral-200) / var(--tw-border-opacity));
|
|
1328
1328
|
}
|
|
1329
|
-
.border-primary-1{
|
|
1330
|
-
--tw-border-opacity: 1;
|
|
1331
|
-
border-color: rgb(var(--primary-200) / var(--tw-border-opacity));
|
|
1332
|
-
}
|
|
1333
1329
|
.border-primary-2{
|
|
1334
1330
|
--tw-border-opacity: 1;
|
|
1335
1331
|
border-color: rgb(var(--primary-700) / var(--tw-border-opacity));
|
|
@@ -2250,9 +2246,9 @@ video {
|
|
|
2250
2246
|
border-bottom-width: 2px;
|
|
2251
2247
|
}
|
|
2252
2248
|
|
|
2253
|
-
.data-\[state\=active\]\:border-
|
|
2249
|
+
.data-\[state\=active\]\:border-neutral-1[data-state=active]{
|
|
2254
2250
|
--tw-border-opacity: 1;
|
|
2255
|
-
border-color: rgb(var(--
|
|
2251
|
+
border-color: rgb(var(--neutral-100) / var(--tw-border-opacity));
|
|
2256
2252
|
}
|
|
2257
2253
|
|
|
2258
2254
|
.data-\[state\=active\]\:border-primary-2[data-state=active]{
|
|
@@ -2309,9 +2305,9 @@ video {
|
|
|
2309
2305
|
opacity: 0.5;
|
|
2310
2306
|
}
|
|
2311
2307
|
|
|
2312
|
-
.data-\[state\=active\]\:shadow[data-state=active]{
|
|
2313
|
-
--tw-shadow: 0 1px
|
|
2314
|
-
--tw-shadow-colored: 0 1px
|
|
2308
|
+
.data-\[state\=active\]\:shadow-sm[data-state=active]{
|
|
2309
|
+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
2310
|
+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
2315
2311
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2316
2312
|
}
|
|
2317
2313
|
|