@konstructio/ui 0.1.0-alpha.24 → 0.1.0-alpha.26
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/DatePicker.css +1 -1
- package/dist/{chevron-down-3QGcvbP_.js → chevron-down-B0zEhjSZ.js} +2 -2
- package/dist/components/Badge/Badge.js +2 -2
- package/dist/components/Datepicker/DatePicker.js +882 -859
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
- package/dist/components/Input/Input.js +8 -8
- package/dist/components/Loading/Loading.js +2 -2
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
- package/dist/components/Typography/Typography.js +26 -31
- package/dist/{createLucideIcon-B7yPYScZ.js → createLucideIcon-Zzp102Nb.js} +4 -4
- package/dist/index.d.ts +4 -3
- package/dist/package.json +5 -5
- package/package.json +5 -5
|
@@ -5,7 +5,7 @@ import { Checkbox as C } from "../../../Checkbox/Checkbox.js";
|
|
|
5
5
|
import { cn as n } from "../../../../utils/index.js";
|
|
6
6
|
import { filterButtonIconVariants as y, filterButtonVariants as N } from "../../Filter.variants.js";
|
|
7
7
|
import { useBadgeMultiSelect as B } from "./BadgeMultiSelect.hook.js";
|
|
8
|
-
import { C as O } from "../../../../chevron-down-
|
|
8
|
+
import { C as O } from "../../../../chevron-down-B0zEhjSZ.js";
|
|
9
9
|
const $ = ({
|
|
10
10
|
options: i,
|
|
11
11
|
label: p,
|
|
@@ -5,7 +5,7 @@ import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
|
|
|
5
5
|
import { cn as o } from "../../../../utils/index.js";
|
|
6
6
|
import { filterButtonIconVariants as x, filterButtonVariants as N } from "../../Filter.variants.js";
|
|
7
7
|
import { useDateFilterDropdown as b } from "./DateFilterDropdown.hook.js";
|
|
8
|
-
import { C as y } from "../../../../chevron-down-
|
|
8
|
+
import { C as y } from "../../../../chevron-down-B0zEhjSZ.js";
|
|
9
9
|
const R = ({
|
|
10
10
|
label: p,
|
|
11
11
|
position: l = "left",
|
|
@@ -122,11 +122,11 @@ const C = v(
|
|
|
122
122
|
labelClassName: a,
|
|
123
123
|
name: c,
|
|
124
124
|
theme: b,
|
|
125
|
-
type:
|
|
125
|
+
type: f = "text",
|
|
126
126
|
helperText: w,
|
|
127
127
|
...j
|
|
128
128
|
}, N) => {
|
|
129
|
-
const O = k(), [u, E] = z(() =>
|
|
129
|
+
const O = k(), [u, E] = z(() => f !== "password"), p = typeof r == "string" && r.length >= 0, P = u ? x : y;
|
|
130
130
|
return /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 w-full relative", "data-theme": b, children: [
|
|
131
131
|
n ? /* @__PURE__ */ m(
|
|
132
132
|
"label",
|
|
@@ -150,7 +150,7 @@ const C = v(
|
|
|
150
150
|
className: d(
|
|
151
151
|
"absolute left-2.5 top-1/2 -translate-y-[50%] text-slate-400",
|
|
152
152
|
{
|
|
153
|
-
"text-red-700":
|
|
153
|
+
"text-red-700": p
|
|
154
154
|
}
|
|
155
155
|
),
|
|
156
156
|
children: /* @__PURE__ */ s(I, { className: "w-5 h-5" })
|
|
@@ -162,20 +162,20 @@ const C = v(
|
|
|
162
162
|
id: O,
|
|
163
163
|
ref: N,
|
|
164
164
|
name: c,
|
|
165
|
-
type: u ?
|
|
165
|
+
type: u ? "text" : "password",
|
|
166
166
|
className: d(
|
|
167
167
|
_({
|
|
168
168
|
className: t,
|
|
169
|
-
variant:
|
|
169
|
+
variant: p ? "error" : "default"
|
|
170
170
|
}),
|
|
171
|
-
(
|
|
171
|
+
(f === "password" || p) && "pr-10",
|
|
172
172
|
e && "pl-8"
|
|
173
173
|
),
|
|
174
174
|
...j
|
|
175
175
|
}
|
|
176
176
|
),
|
|
177
|
-
|
|
178
|
-
|
|
177
|
+
p ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-red-700 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(W, { className: "w-5 h-5" }) }) : null,
|
|
178
|
+
f === "password" && !r ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-slate-400 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(
|
|
179
179
|
P,
|
|
180
180
|
{
|
|
181
181
|
className: "w-5 h-5 cursor-pointer",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cn as c } from "../../utils/index.js";
|
|
3
3
|
import { loadingVariants as i } from "./Loading.variants.js";
|
|
4
|
-
import { c as t } from "../../createLucideIcon-
|
|
4
|
+
import { c as t } from "../../createLucideIcon-Zzp102Nb.js";
|
|
5
5
|
/**
|
|
6
|
-
* @license lucide-react v0.
|
|
6
|
+
* @license lucide-react v0.540.0 - ISC
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the ISC license.
|
|
9
9
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -3,7 +3,7 @@ import { useId as y, useState as E, useRef as O, useCallback as I, useEffect as
|
|
|
3
3
|
import { cn as d } from "../../../../utils/index.js";
|
|
4
4
|
import { timePickerVariants as j } from "../../TimePicker.variants.js";
|
|
5
5
|
import { WrapperList as P } from "../WrapperList/WrapperList.js";
|
|
6
|
-
import { C as R } from "../../../../chevron-down-
|
|
6
|
+
import { C as R } from "../../../../chevron-down-B0zEhjSZ.js";
|
|
7
7
|
import { useTimePickerContext as T } from "../../contexts/time-picker.hook.js";
|
|
8
8
|
const $ = ({
|
|
9
9
|
name: p,
|
|
@@ -1,33 +1,28 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
6
|
-
className: p,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
children: s
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
};
|
|
30
|
-
d.displayName = "Typography";
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as c } from "react";
|
|
3
|
+
import { cn as h } from "../../utils/index.js";
|
|
4
|
+
import { typographyVariants as d } from "./Typography.variants.js";
|
|
5
|
+
const g = c(
|
|
6
|
+
({ className: p, theme: m, children: r, variant: o, component: e, ...s }, t) => {
|
|
7
|
+
const y = e ?? (o != null && o.includes("h") ? o : "p");
|
|
8
|
+
return /* @__PURE__ */ f(
|
|
9
|
+
y,
|
|
10
|
+
{
|
|
11
|
+
ref: t,
|
|
12
|
+
"data-theme": m,
|
|
13
|
+
className: h(
|
|
14
|
+
d({
|
|
15
|
+
className: p,
|
|
16
|
+
variant: o
|
|
17
|
+
})
|
|
18
|
+
),
|
|
19
|
+
...s,
|
|
20
|
+
children: r
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
);
|
|
25
|
+
g.displayName = "Typography";
|
|
31
26
|
export {
|
|
32
|
-
|
|
27
|
+
g as Typography
|
|
33
28
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { forwardRef as l, createElement as n } from "react";
|
|
2
2
|
/**
|
|
3
|
-
* @license lucide-react v0.
|
|
3
|
+
* @license lucide-react v0.540.0 - ISC
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the ISC license.
|
|
6
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -17,7 +17,7 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
|
|
|
17
17
|
return !0;
|
|
18
18
|
};
|
|
19
19
|
/**
|
|
20
|
-
* @license lucide-react v0.
|
|
20
|
+
* @license lucide-react v0.540.0 - ISC
|
|
21
21
|
*
|
|
22
22
|
* This source code is licensed under the ISC license.
|
|
23
23
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -34,7 +34,7 @@ var g = {
|
|
|
34
34
|
strokeLinejoin: "round"
|
|
35
35
|
};
|
|
36
36
|
/**
|
|
37
|
-
* @license lucide-react v0.
|
|
37
|
+
* @license lucide-react v0.540.0 - ISC
|
|
38
38
|
*
|
|
39
39
|
* This source code is licensed under the ISC license.
|
|
40
40
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -69,7 +69,7 @@ const A = l(
|
|
|
69
69
|
)
|
|
70
70
|
);
|
|
71
71
|
/**
|
|
72
|
-
* @license lucide-react v0.
|
|
72
|
+
* @license lucide-react v0.540.0 - ISC
|
|
73
73
|
*
|
|
74
74
|
* This source code is licensed under the ISC license.
|
|
75
75
|
* See the LICENSE file in the root directory of this source tree.
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { AlertDialogProps as AlertDialogProps_2 } from '@radix-ui/react-alert-di
|
|
|
2
2
|
import { ButtonHTMLAttributes } from 'react';
|
|
3
3
|
import { CheckboxProps as CheckboxProps_2 } from '@radix-ui/react-checkbox';
|
|
4
4
|
import { ClassProp } from 'class-variance-authority/types';
|
|
5
|
+
import { ComponentRef } from 'react';
|
|
5
6
|
import { Context } from 'react';
|
|
6
7
|
import { DayPickerProps } from 'react-day-picker';
|
|
7
8
|
import { FC } from 'react';
|
|
@@ -820,10 +821,10 @@ declare const triggerVariants: (props?: ({
|
|
|
820
821
|
variant?: "default" | "active" | "inactive" | null | undefined;
|
|
821
822
|
} & ClassProp) | undefined) => string;
|
|
822
823
|
|
|
823
|
-
export declare const Typography:
|
|
824
|
+
export declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'>>;
|
|
824
825
|
|
|
825
|
-
declare interface TypographyProps extends
|
|
826
|
-
|
|
826
|
+
declare interface TypographyProps extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
|
|
827
|
+
ref?: Ref<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>;
|
|
827
828
|
children: ReactNode;
|
|
828
829
|
component?: HeadingTag | 'p' | 'span';
|
|
829
830
|
theme?: Theme;
|
package/dist/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@konstructio/ui",
|
|
3
3
|
"description": "A set of reusable and customizable React components built for konstruct.io",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.0-alpha.
|
|
5
|
+
"version": "0.1.0-alpha.25",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
"cmdk": "^1.1.1",
|
|
71
71
|
"countries-and-timezones": "^3.8.0",
|
|
72
72
|
"js-cookie": "^3.0.5",
|
|
73
|
-
"lucide-react": "^0.
|
|
73
|
+
"lucide-react": "^0.540.0",
|
|
74
74
|
"react-chartjs-2": "^5.3.0",
|
|
75
|
-
"react-day-picker": "^9.
|
|
75
|
+
"react-day-picker": "^9.9.0",
|
|
76
76
|
"react-feather": "^2.0.10",
|
|
77
77
|
"react-focus-lock": "^2.13.6",
|
|
78
78
|
"react-remove-scroll": "^2.7.1",
|
|
@@ -120,8 +120,8 @@
|
|
|
120
120
|
"@types/lodash": "^4.17.20",
|
|
121
121
|
"@types/react": "^19.1.10",
|
|
122
122
|
"@types/react-dom": "^19.1.7",
|
|
123
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
124
|
-
"@typescript-eslint/parser": "^8.
|
|
123
|
+
"@typescript-eslint/eslint-plugin": "^8.40.0",
|
|
124
|
+
"@typescript-eslint/parser": "^8.40.0",
|
|
125
125
|
"@vitejs/plugin-react": "^4.7.0",
|
|
126
126
|
"@vitest/coverage-v8": "^3.2.4",
|
|
127
127
|
"autoprefixer": "^10.4.21",
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@konstructio/ui",
|
|
3
3
|
"description": "A set of reusable and customizable React components built for konstruct.io",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.0-alpha.
|
|
5
|
+
"version": "0.1.0-alpha.26",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
"cmdk": "^1.1.1",
|
|
71
71
|
"countries-and-timezones": "^3.8.0",
|
|
72
72
|
"js-cookie": "^3.0.5",
|
|
73
|
-
"lucide-react": "^0.
|
|
73
|
+
"lucide-react": "^0.540.0",
|
|
74
74
|
"react-chartjs-2": "^5.3.0",
|
|
75
|
-
"react-day-picker": "^9.
|
|
75
|
+
"react-day-picker": "^9.9.0",
|
|
76
76
|
"react-feather": "^2.0.10",
|
|
77
77
|
"react-focus-lock": "^2.13.6",
|
|
78
78
|
"react-remove-scroll": "^2.7.1",
|
|
@@ -120,8 +120,8 @@
|
|
|
120
120
|
"@types/lodash": "^4.17.20",
|
|
121
121
|
"@types/react": "^19.1.10",
|
|
122
122
|
"@types/react-dom": "^19.1.7",
|
|
123
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
124
|
-
"@typescript-eslint/parser": "^8.
|
|
123
|
+
"@typescript-eslint/eslint-plugin": "^8.40.0",
|
|
124
|
+
"@typescript-eslint/parser": "^8.40.0",
|
|
125
125
|
"@vitejs/plugin-react": "^4.7.0",
|
|
126
126
|
"@vitest/coverage-v8": "^3.2.4",
|
|
127
127
|
"autoprefixer": "^10.4.21",
|