@simpli-route/apollo-ds 0.1.84 → 0.1.85
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.cjs10.js +1 -1
- package/dist/index.cjs100.js +1 -1
- package/dist/index.cjs101.js +1 -1
- package/dist/index.cjs102.js +1 -1
- package/dist/index.cjs103.js +1 -1
- package/dist/index.cjs104.js +1 -1
- package/dist/index.cjs105.js +1 -1
- package/dist/index.cjs106.js +1 -1
- package/dist/index.cjs107.js +1 -1
- package/dist/index.cjs108.js +1 -1
- package/dist/index.cjs109.js +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs110.js +1 -1
- package/dist/index.cjs112.js +1 -1
- package/dist/index.cjs113.js +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs130.js +1 -1
- package/dist/index.cjs132.js +1 -1
- package/dist/index.cjs133.js +1 -1
- package/dist/index.cjs135.js +1 -1
- package/dist/index.cjs136.js +1 -1
- package/dist/index.cjs137.js +1 -1
- package/dist/index.cjs138.js +1 -1
- package/dist/index.cjs139.js +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs140.js +1 -1
- package/dist/index.cjs141.js +1 -1
- package/dist/index.cjs142.js +1 -1
- package/dist/index.cjs143.js +1 -1
- package/dist/index.cjs144.js +1 -1
- package/dist/index.cjs157.js +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs160.js +1 -1
- package/dist/index.cjs163.js +1 -1
- package/dist/index.cjs164.js +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs179.js +1 -1
- package/dist/index.cjs18.js +1 -1
- package/dist/index.cjs184.js +1 -1
- package/dist/index.cjs185.js +1 -1
- package/dist/index.cjs186.js +1 -1
- package/dist/index.cjs187.js +1 -1
- package/dist/index.cjs188.js +1 -1
- package/dist/index.cjs189.js +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs192.js +1 -1
- package/dist/index.cjs193.js +1 -1
- package/dist/index.cjs194.js +1 -1
- package/dist/index.cjs197.js +1 -1
- package/dist/index.cjs198.js +1 -1
- package/dist/index.cjs2.js +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs200.js +1 -1
- package/dist/index.cjs201.js +1 -1
- package/dist/index.cjs203.js +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs25.js +1 -1
- package/dist/index.cjs26.js +1 -1
- package/dist/index.cjs27.js +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs29.js +1 -1
- package/dist/index.cjs3.js +1 -1
- package/dist/index.cjs30.js +1 -1
- package/dist/index.cjs31.js +1 -1
- package/dist/index.cjs32.js +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs34.js +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs37.js +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs40.js +1 -1
- package/dist/index.cjs41.js +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs43.js +1 -1
- package/dist/index.cjs44.js +1 -1
- package/dist/index.cjs45.js +1 -1
- package/dist/index.cjs46.js +1 -1
- package/dist/index.cjs48.js +1 -1
- package/dist/index.cjs49.js +1 -1
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs50.js +1 -1
- package/dist/index.cjs51.js +1 -1
- package/dist/index.cjs53.js +1 -1
- package/dist/index.cjs54.js +1 -1
- package/dist/index.cjs55.js +1 -1
- package/dist/index.cjs57.js +1 -1
- package/dist/index.cjs58.js +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs60.js +1 -1
- package/dist/index.cjs61.js +1 -1
- package/dist/index.cjs62.js +1 -1
- package/dist/index.cjs63.js +1 -1
- package/dist/index.cjs64.js +1 -1
- package/dist/index.cjs65.js +1 -1
- package/dist/index.cjs66.js +1 -1
- package/dist/index.cjs67.js +1 -1
- package/dist/index.cjs68.js +1 -1
- package/dist/index.cjs69.js +1 -1
- package/dist/index.cjs70.js +1 -1
- package/dist/index.cjs71.js +1 -1
- package/dist/index.cjs72.js +1 -1
- package/dist/index.cjs73.js +1 -1
- package/dist/index.cjs74.js +1 -1
- package/dist/index.cjs75.js +1 -1
- package/dist/index.cjs76.js +1 -1
- package/dist/index.cjs77.js +1 -1
- package/dist/index.cjs78.js +1 -1
- package/dist/index.cjs79.js +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs80.js +1 -1
- package/dist/index.cjs81.js +1 -1
- package/dist/index.cjs82.js +1 -1
- package/dist/index.cjs83.js +1 -1
- package/dist/index.cjs84.js +1 -1
- package/dist/index.cjs85.js +1 -1
- package/dist/index.cjs86.js +1 -1
- package/dist/index.cjs87.js +1 -1
- package/dist/index.cjs88.js +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.cjs90.js +1 -1
- package/dist/index.cjs91.js +1 -1
- package/dist/index.cjs92.js +1 -1
- package/dist/index.cjs94.js +1 -1
- package/dist/index.cjs95.js +1 -1
- package/dist/index.cjs97.js +1 -1
- package/dist/index.cjs99.js +1 -1
- package/dist/index.es10.js +3 -3
- package/dist/index.es100.js +12 -100
- package/dist/index.es101.js +7 -13
- package/dist/index.es102.js +18 -19
- package/dist/index.es103.js +147 -18
- package/dist/index.es104.js +19 -40
- package/dist/index.es105.js +20 -10
- package/dist/index.es106.js +79 -10
- package/dist/index.es107.js +10 -45
- package/dist/index.es108.js +10 -7
- package/dist/index.es109.js +44 -17
- package/dist/index.es11.js +2 -2
- package/dist/index.es110.js +31 -140
- package/dist/index.es112.js +1 -1
- package/dist/index.es113.js +1 -1
- package/dist/index.es12.js +47 -42
- package/dist/index.es13.js +4 -4
- package/dist/index.es130.js +1 -1
- package/dist/index.es132.js +1 -1
- package/dist/index.es133.js +1 -1
- package/dist/index.es135.js +1 -1
- package/dist/index.es136.js +1 -1
- package/dist/index.es137.js +4 -2
- package/dist/index.es138.js +28 -4
- package/dist/index.es139.js +2 -4
- package/dist/index.es14.js +5 -5
- package/dist/index.es140.js +10 -28
- package/dist/index.es141.js +340 -2
- package/dist/index.es142.js +166 -8
- package/dist/index.es143.js +2 -340
- package/dist/index.es144.js +2 -166
- package/dist/index.es157.js +2 -2
- package/dist/index.es16.js +5 -5
- package/dist/index.es160.js +2 -2
- package/dist/index.es163.js +6 -6
- package/dist/index.es164.js +2 -2
- package/dist/index.es17.js +3 -3
- package/dist/index.es179.js +3 -3
- package/dist/index.es18.js +3 -3
- package/dist/index.es184.js +10 -61
- package/dist/index.es185.js +61 -4
- package/dist/index.es186.js +4 -14
- package/dist/index.es187.js +10 -307
- package/dist/index.es188.js +305 -20
- package/dist/index.es189.js +26 -4
- package/dist/index.es19.js +1 -1
- package/dist/index.es192.js +4 -94
- package/dist/index.es193.js +94 -4
- package/dist/index.es194.js +2 -8
- package/dist/index.es197.js +4 -51
- package/dist/index.es198.js +748 -14
- package/dist/index.es199.js +2 -2
- package/dist/index.es2.js +1 -1
- package/dist/index.es20.js +2 -2
- package/dist/index.es200.js +51 -4
- package/dist/index.es201.js +14 -748
- package/dist/index.es202.js +2 -2
- package/dist/index.es203.js +2 -2
- package/dist/index.es21.js +2 -2
- package/dist/index.es22.js +3 -3
- package/dist/index.es23.js +3 -3
- package/dist/index.es24.js +3 -3
- package/dist/index.es25.js +4 -4
- package/dist/index.es26.js +2 -2
- package/dist/index.es27.js +1 -1
- package/dist/index.es28.js +1 -1
- package/dist/index.es29.js +2 -2
- package/dist/index.es3.js +2 -2
- package/dist/index.es30.js +4 -4
- package/dist/index.es31.js +4 -4
- package/dist/index.es32.js +16 -16
- package/dist/index.es33.js +3 -3
- package/dist/index.es34.js +2 -2
- package/dist/index.es35.js +4 -4
- package/dist/index.es36.js +3 -3
- package/dist/index.es37.js +3 -3
- package/dist/index.es4.js +4 -4
- package/dist/index.es40.js +5 -5
- package/dist/index.es41.js +4 -4
- package/dist/index.es42.js +4 -4
- package/dist/index.es43.js +2 -2
- package/dist/index.es44.js +2 -2
- package/dist/index.es45.js +2 -2
- package/dist/index.es46.js +3 -3
- package/dist/index.es48.js +3 -3
- package/dist/index.es49.js +2 -2
- package/dist/index.es5.js +3 -3
- package/dist/index.es50.js +2 -2
- package/dist/index.es51.js +2 -2
- package/dist/index.es53.js +6 -33
- package/dist/index.es54.js +30 -6
- package/dist/index.es55.js +29 -31
- package/dist/index.es57.js +110 -39
- package/dist/index.es58.js +30 -97
- package/dist/index.es6.js +2 -2
- package/dist/index.es60.js +31 -40
- package/dist/index.es61.js +6 -33
- package/dist/index.es62.js +40 -7
- package/dist/index.es63.js +87 -28
- package/dist/index.es64.js +83 -52
- package/dist/index.es65.js +42 -88
- package/dist/index.es66.js +3 -84
- package/dist/index.es67.js +28 -3
- package/dist/index.es68.js +137 -15
- package/dist/index.es69.js +77 -97
- package/dist/index.es70.js +73 -88
- package/dist/index.es71.js +85 -86
- package/dist/index.es72.js +22 -102
- package/dist/index.es73.js +8 -34
- package/dist/index.es74.js +117 -8
- package/dist/index.es75.js +33 -91
- package/dist/index.es76.js +138 -37
- package/dist/index.es77.js +75 -143
- package/dist/index.es78.js +68 -76
- package/dist/index.es79.js +47 -38
- package/dist/index.es8.js +3 -3
- package/dist/index.es80.js +16 -87
- package/dist/index.es81.js +33 -22
- package/dist/index.es82.js +42 -28
- package/dist/index.es83.js +13 -44
- package/dist/index.es84.js +6 -18
- package/dist/index.es85.js +15 -14
- package/dist/index.es86.js +14 -13
- package/dist/index.es87.js +15 -12
- package/dist/index.es88.js +10 -6
- package/dist/index.es9.js +15 -15
- package/dist/index.es90.js +41 -10
- package/dist/index.es91.js +10 -12
- package/dist/index.es92.js +12 -10
- package/dist/index.es94.js +2 -2
- package/dist/index.es95.js +1 -1
- package/dist/index.es97.js +1 -1
- package/dist/index.es99.js +100 -78
- package/dist/stories/Icons.stories.d.ts +12 -0
- package/dist/style.css +80 -3
- package/package.json +3 -2
package/dist/index.es107.js
CHANGED
|
@@ -1,47 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
"group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
|
|
11
|
-
{
|
|
12
|
-
variants: {
|
|
13
|
-
isActive: {
|
|
14
|
-
true: "bg-primary-50 text-primary-500 ",
|
|
15
|
-
false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
|
|
16
|
-
},
|
|
17
|
-
isDisabledTab: {
|
|
18
|
-
true: "",
|
|
19
|
-
false: ""
|
|
20
|
-
},
|
|
21
|
-
orientation: {
|
|
22
|
-
horizontal: "border-b-2 border-transparent",
|
|
23
|
-
vertical: "border-r-2 border-transparent"
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
compoundVariants: [
|
|
27
|
-
{
|
|
28
|
-
isDisabledTab: !0,
|
|
29
|
-
orientation: "horizontal",
|
|
30
|
-
class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
isDisabledTab: !0,
|
|
34
|
-
orientation: "vertical",
|
|
35
|
-
class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
36
|
-
},
|
|
37
|
-
{ isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
|
|
38
|
-
{ isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
|
|
39
|
-
{ isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
|
|
40
|
-
{ isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
|
|
41
|
-
]
|
|
42
|
-
}
|
|
43
|
-
);
|
|
1
|
+
import { j as p } from "./index.es52.js";
|
|
2
|
+
import { useRef as f } from "react";
|
|
3
|
+
import { useTab as u } from "react-aria";
|
|
4
|
+
import { cn as x } from "./index.es53.js";
|
|
5
|
+
import { tabVariants as y } from "./index.es109.js";
|
|
6
|
+
const D = (t) => {
|
|
7
|
+
const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
|
|
8
|
+
return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
|
|
9
|
+
};
|
|
44
10
|
export {
|
|
45
|
-
|
|
46
|
-
t as tabsVariants
|
|
11
|
+
D as Tab
|
|
47
12
|
};
|
package/dist/index.es108.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { j as m } from "./index.es52.js";
|
|
2
|
+
import { useRef as l } from "react";
|
|
3
|
+
import { useTabPanel as p } from "react-aria";
|
|
4
|
+
import { cn as i } from "./index.es53.js";
|
|
5
|
+
const P = (r) => {
|
|
6
|
+
var t;
|
|
7
|
+
const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
|
|
8
|
+
return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
|
|
9
|
+
};
|
|
7
10
|
export {
|
|
8
|
-
|
|
11
|
+
P as TabPanel
|
|
9
12
|
};
|
package/dist/index.es109.js
CHANGED
|
@@ -1,20 +1,47 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
mode: "jit",
|
|
8
|
-
content: ["./index.html", "./node_modules/@simpli-route/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
9
|
-
theme: {
|
|
10
|
-
extend: {
|
|
11
|
-
fontFamily: {
|
|
12
|
-
sans: ["var(--font-open-sans)", ...i.sans]
|
|
13
|
-
}
|
|
1
|
+
import { cva as r } from "class-variance-authority";
|
|
2
|
+
const t = r("flex h-full max-h-12", {
|
|
3
|
+
variants: {
|
|
4
|
+
orientation: {
|
|
5
|
+
horizontal: "flex-col",
|
|
6
|
+
vertical: "flex-row"
|
|
14
7
|
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
}
|
|
9
|
+
}), a = r(
|
|
10
|
+
"group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
isActive: {
|
|
14
|
+
true: "bg-primary-50 text-primary-500 ",
|
|
15
|
+
false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
|
|
16
|
+
},
|
|
17
|
+
isDisabledTab: {
|
|
18
|
+
true: "",
|
|
19
|
+
false: ""
|
|
20
|
+
},
|
|
21
|
+
orientation: {
|
|
22
|
+
horizontal: "border-b-2 border-transparent",
|
|
23
|
+
vertical: "border-r-2 border-transparent"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
compoundVariants: [
|
|
27
|
+
{
|
|
28
|
+
isDisabledTab: !0,
|
|
29
|
+
orientation: "horizontal",
|
|
30
|
+
class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
isDisabledTab: !0,
|
|
34
|
+
orientation: "vertical",
|
|
35
|
+
class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
36
|
+
},
|
|
37
|
+
{ isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
|
|
38
|
+
{ isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
|
|
39
|
+
{ isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
|
|
40
|
+
{ isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
);
|
|
18
44
|
export {
|
|
19
|
-
|
|
45
|
+
a as tabVariants,
|
|
46
|
+
t as tabsVariants
|
|
20
47
|
};
|
package/dist/index.es11.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as r } from "./index.es52.js";
|
|
2
2
|
import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
|
|
3
|
-
import { cn as N } from "./index.
|
|
4
|
-
import { assistChipVariants as C } from "./index.
|
|
3
|
+
import { cn as N } from "./index.es53.js";
|
|
4
|
+
import { assistChipVariants as C } from "./index.es60.js";
|
|
5
5
|
const q = (i) => {
|
|
6
6
|
const {
|
|
7
7
|
style: t = "square",
|
package/dist/index.es110.js
CHANGED
|
@@ -1,151 +1,42 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
state: "pending",
|
|
5
|
-
isHovered: !0,
|
|
6
|
-
isDisabled: !1,
|
|
7
|
-
isPressed: !1,
|
|
8
|
-
class: "bg-neutral-600"
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
state: "inProgress",
|
|
12
|
-
isHovered: !0,
|
|
13
|
-
isDisabled: !1,
|
|
14
|
-
isPressed: !1,
|
|
15
|
-
class: "bg-blue-600"
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
state: "completed",
|
|
19
|
-
isHovered: !0,
|
|
20
|
-
isDisabled: !1,
|
|
21
|
-
isPressed: !1,
|
|
22
|
-
class: "bg-success-600"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
state: "error",
|
|
26
|
-
isHovered: !0,
|
|
27
|
-
isDisabled: !1,
|
|
28
|
-
isPressed: !1,
|
|
29
|
-
class: "bg-error-600"
|
|
30
|
-
}
|
|
31
|
-
], t = [
|
|
32
|
-
{
|
|
33
|
-
isDisabled: !0,
|
|
34
|
-
isPressed: !1,
|
|
35
|
-
class: "bg-neutral-600"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
isDisabled: !1,
|
|
39
|
-
isPressed: !1,
|
|
40
|
-
state: "pending",
|
|
41
|
-
class: "bg-neutral-500"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
isDisabled: !1,
|
|
45
|
-
isPressed: !1,
|
|
46
|
-
state: "inProgress",
|
|
47
|
-
class: "bg-blue-500"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
isDisabled: !1,
|
|
51
|
-
isPressed: !1,
|
|
52
|
-
state: "completed",
|
|
53
|
-
class: "bg-success-500"
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
isDisabled: !1,
|
|
57
|
-
isPressed: !1,
|
|
58
|
-
state: "error",
|
|
59
|
-
class: "bg-error-500"
|
|
60
|
-
}
|
|
61
|
-
], r = [
|
|
62
|
-
{
|
|
63
|
-
isPressed: !0,
|
|
64
|
-
isDisabled: !1,
|
|
65
|
-
state: "pending",
|
|
66
|
-
class: "bg-neutral-900"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
isPressed: !0,
|
|
70
|
-
isDisabled: !1,
|
|
71
|
-
state: "inProgress",
|
|
72
|
-
class: "bg-blue-800"
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
isPressed: !0,
|
|
76
|
-
isDisabled: !1,
|
|
77
|
-
state: "completed",
|
|
78
|
-
class: "bg-success-800"
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
isPressed: !0,
|
|
82
|
-
isDisabled: !1,
|
|
83
|
-
state: "error",
|
|
84
|
-
class: "bg-error-800"
|
|
85
|
-
}
|
|
86
|
-
], i = s(
|
|
87
|
-
"flex shrink-0 items-center justify-center rounded-full focus-visible:outline-0 focus:outline-0",
|
|
1
|
+
import { cva as e } from "class-variance-authority";
|
|
2
|
+
const t = 'after:content-[""] after:absolute after:border-8 after:border-x-transparent', o = `${t} after:left-4 after:top-[100%] after:border-b-transparent`, a = `${t} after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-b-transparent`, b = `${t} after:right-4 after:top-[100%] after:border-b-transparent`, l = `${t} after:left-4 after:bottom-[100%] after:border-t-transparent`, f = `${t} after:left-1/2 after:bottom-[100%] after:-translate-x-1/2 after:border-t-transparent`, n = `${t} after:right-4 after:bottom-[100%] after:border-t-transparent`, r = 'before:content-[""] before:absolute before:top-1/2 before:-translate-y-1/2 before:border-8 before:border-y-transparent', s = `${r} before:right-[100%] before:border-l-transparent`, p = `${r} before:left-[100%] before:border-r-transparent`, u = e(
|
|
3
|
+
"absolute z-20 w-max max-w-[250px] whitespace-normal break-words rounded-lg transition duration-150 ease-in-out shadow-[0px_2px_4px_-2px_#22242A0F,0px_4px_8px_-2px_#22242A1A] py-2 px-3",
|
|
88
4
|
{
|
|
89
5
|
variants: {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
6
|
+
mode: {
|
|
7
|
+
light: "bg-blue-50 text-neutral-900 after:border-t-blue-50 after:border-b-blue-50 before:border-r-blue-50 before:border-l-blue-50",
|
|
8
|
+
dark: "bg-blue-900 text-blue-50 after:border-t-blue-900 after:border-b-blue-900 before:border-r-blue-900 before:border-l-blue-900"
|
|
93
9
|
},
|
|
94
|
-
|
|
95
|
-
pending: "",
|
|
96
|
-
inProgress: "",
|
|
97
|
-
completed: "",
|
|
98
|
-
error: ""
|
|
99
|
-
},
|
|
100
|
-
isDisabled: {
|
|
10
|
+
hasSupportText: {
|
|
101
11
|
true: "",
|
|
102
12
|
false: ""
|
|
103
13
|
},
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
14
|
+
placement: {
|
|
15
|
+
none: "bottom-full left-1/2 mb-3 -translate-x-1/2",
|
|
16
|
+
"top-start": `bottom-full left-0 mb-3 ${o}`,
|
|
17
|
+
top: `bottom-full left-1/2 mb-3 -translate-x-1/2 ${a}`,
|
|
18
|
+
"top-end": `bottom-full right-0 mb-3 ${b}`,
|
|
19
|
+
right: `left-full top-1/2 ml-3 -translate-y-1/2 ${s}`,
|
|
20
|
+
"bottom-start": `left-0 top-full mt-3 ${l}`,
|
|
21
|
+
bottom: `left-1/2 top-full mt-3 -translate-x-1/2 ${f}`,
|
|
22
|
+
"bottom-end": `right-0 top-full mt-3 ${n}`,
|
|
23
|
+
left: `right-full top-1/2 mr-3 -translate-y-1/2 ${p}`
|
|
111
24
|
}
|
|
112
25
|
},
|
|
113
|
-
compoundVariants: [
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
26
|
+
compoundVariants: [
|
|
27
|
+
{
|
|
28
|
+
hasSupportText: !0,
|
|
29
|
+
mode: "dark",
|
|
30
|
+
class: "text-[16px] text-blue-50 font-semibold leading-5"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
hasSupportText: !0,
|
|
34
|
+
mode: "light",
|
|
35
|
+
class: "text-[16px] text-neutral-900 font-semibold leading-5"
|
|
36
|
+
}
|
|
37
|
+
]
|
|
121
38
|
}
|
|
122
|
-
|
|
123
|
-
variants: {
|
|
124
|
-
size: {
|
|
125
|
-
xs: "text-base size-4",
|
|
126
|
-
md: "text-lg size-[18px]"
|
|
127
|
-
},
|
|
128
|
-
state: {
|
|
129
|
-
pending: "text-neutral-50",
|
|
130
|
-
inProgress: "text-neutral-50",
|
|
131
|
-
completed: "text-neutral-50",
|
|
132
|
-
error: "text-neutral-50"
|
|
133
|
-
},
|
|
134
|
-
isHovered: {
|
|
135
|
-
true: "",
|
|
136
|
-
false: ""
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
compoundVariants: [
|
|
140
|
-
{
|
|
141
|
-
state: "error",
|
|
142
|
-
isHovered: !0,
|
|
143
|
-
class: "text-error-600"
|
|
144
|
-
}
|
|
145
|
-
]
|
|
146
|
-
});
|
|
39
|
+
);
|
|
147
40
|
export {
|
|
148
|
-
|
|
149
|
-
l as labelVariants,
|
|
150
|
-
i as stepVariants
|
|
41
|
+
u as tooltipVariants
|
|
151
42
|
};
|
package/dist/index.es112.js
CHANGED
package/dist/index.es113.js
CHANGED
package/dist/index.es12.js
CHANGED
|
@@ -1,91 +1,96 @@
|
|
|
1
1
|
import { j as r } from "./index.es52.js";
|
|
2
2
|
import { parseColor as h } from "@react-stately/color";
|
|
3
|
-
import { useState as
|
|
4
|
-
import { ColorPicker as
|
|
5
|
-
import { cn as
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
|
|
3
|
+
import { useState as i, useEffect as v } from "react";
|
|
4
|
+
import { ColorPicker as H, DialogTrigger as R, Button as T, ColorSwatch as W, Popover as _, Dialog as $ } from "react-aria-components";
|
|
5
|
+
import { cn as q } from "./index.es53.js";
|
|
6
|
+
import "./index.es20.js";
|
|
7
|
+
import { Label as G } from "./index.es21.js";
|
|
8
|
+
import { ColorArea as J } from "./index.es85.js";
|
|
9
|
+
import { ColorField as K } from "./index.es86.js";
|
|
10
|
+
import { ColorSlider as M } from "./index.es87.js";
|
|
11
|
+
const ne = (w) => {
|
|
10
12
|
const {
|
|
11
|
-
value:
|
|
13
|
+
value: s,
|
|
12
14
|
onChange: t,
|
|
13
15
|
className: F,
|
|
14
16
|
label: O,
|
|
15
|
-
onBlur:
|
|
16
|
-
onFocus:
|
|
17
|
+
onBlur: d,
|
|
18
|
+
onFocus: u,
|
|
17
19
|
isDisabled: m = !1,
|
|
18
|
-
isOpen:
|
|
20
|
+
isOpen: x,
|
|
19
21
|
defaultOpen: V,
|
|
20
22
|
onOpenChange: p,
|
|
21
23
|
...I
|
|
22
|
-
} =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
} = w, f = s ? h(s).toFormat("hsb") : h("hsl(0, 100%, 50%)").toFormat("hsb"), [l, n] = i(f), [N, g] = i(f.getChannelValue("hue")), [y, a] = i("#" + l.toString("hex").slice(1)), [b, C] = i(!1), [P, A] = i(V ?? !1), j = x !== void 0, S = j ? x : P;
|
|
25
|
+
v(() => {
|
|
26
|
+
if (s && !b) {
|
|
27
|
+
const e = h(s).toFormat("hsb");
|
|
28
|
+
a("#" + e.toString("hex").slice(1)), e.toString("hex") !== l.toString("hex") && n(e);
|
|
29
|
+
}
|
|
30
|
+
}, [s, b]), v(() => {
|
|
31
|
+
g(l.getChannelValue("hue"));
|
|
32
|
+
}, [l]);
|
|
28
33
|
const k = (e) => {
|
|
29
34
|
j || A(e), p == null || p(e);
|
|
30
35
|
}, D = (e) => {
|
|
31
36
|
let o = e.target.value;
|
|
32
37
|
o.startsWith("#") || (o = "#" + o);
|
|
33
38
|
const c = o.slice(1).replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
|
|
34
|
-
if (
|
|
39
|
+
if (a("#" + c), c.length === 6)
|
|
35
40
|
try {
|
|
36
|
-
const
|
|
37
|
-
|
|
41
|
+
const B = h("#" + c).toFormat("hsb");
|
|
42
|
+
n(B), t == null || t("#" + c);
|
|
38
43
|
} catch {
|
|
39
44
|
}
|
|
40
45
|
}, E = (e) => {
|
|
41
|
-
|
|
42
|
-
},
|
|
46
|
+
n(e.toFormat("hsb")), a("#" + e.toString("hex").slice(1)), t == null || t("#" + e.toString("hex").replace(/^#*/, ""));
|
|
47
|
+
}, L = (e) => {
|
|
43
48
|
g(e.getChannelValue("hue"));
|
|
44
|
-
const o =
|
|
45
|
-
|
|
46
|
-
},
|
|
47
|
-
const o = e.withChannelValue("hue",
|
|
48
|
-
|
|
49
|
+
const o = l.withChannelValue("hue", e.getChannelValue("hue"));
|
|
50
|
+
n(o), a("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
|
|
51
|
+
}, z = (e) => {
|
|
52
|
+
const o = e.withChannelValue("hue", N);
|
|
53
|
+
n(o), a("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
|
|
49
54
|
};
|
|
50
|
-
return /* @__PURE__ */ r.
|
|
51
|
-
/* @__PURE__ */ r.jsx(
|
|
55
|
+
return /* @__PURE__ */ r.jsx(H, { value: l, onChange: E, ...I, children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col", children: [
|
|
56
|
+
/* @__PURE__ */ r.jsx(G, { labelClassName: "mb-[1px] text-left leading-[19.07px]", children: O }),
|
|
52
57
|
/* @__PURE__ */ r.jsxs(
|
|
53
58
|
"div",
|
|
54
59
|
{
|
|
55
|
-
className:
|
|
56
|
-
"flex
|
|
60
|
+
className: q(
|
|
61
|
+
"flex items-center rounded border bg-white transition-colors",
|
|
57
62
|
S ? "border-primary-500 ring-1 ring-primary-500" : "focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500",
|
|
58
63
|
F
|
|
59
64
|
),
|
|
60
65
|
tabIndex: -1,
|
|
61
66
|
children: [
|
|
62
|
-
/* @__PURE__ */ r.jsxs(
|
|
67
|
+
/* @__PURE__ */ r.jsxs(R, { isOpen: S, onOpenChange: k, children: [
|
|
63
68
|
/* @__PURE__ */ r.jsx(
|
|
64
|
-
|
|
69
|
+
T,
|
|
65
70
|
{
|
|
66
71
|
isDisabled: m,
|
|
67
72
|
className: "border-none bg-transparent p-0 shadow-none focus:outline-none",
|
|
68
73
|
"aria-label": "Abrir selector de color",
|
|
69
|
-
children: /* @__PURE__ */ r.jsx(
|
|
74
|
+
children: /* @__PURE__ */ r.jsx(W, { color: l, className: "mx-3 size-5 rounded-full border border-neutral-400" })
|
|
70
75
|
}
|
|
71
76
|
),
|
|
72
|
-
/* @__PURE__ */ r.jsx(
|
|
73
|
-
/* @__PURE__ */ r.jsx(
|
|
74
|
-
/* @__PURE__ */ r.jsx(
|
|
77
|
+
/* @__PURE__ */ r.jsx(_, { placement: "bottom start", children: /* @__PURE__ */ r.jsxs($, { className: "box-border flex min-w-48 flex-col gap-2 overflow-auto bg-white p-4 shadow-md outline-none", children: [
|
|
78
|
+
/* @__PURE__ */ r.jsx(J, { color: l, onChange: z }),
|
|
79
|
+
/* @__PURE__ */ r.jsx(M, { color: l, onChange: L })
|
|
75
80
|
] }) })
|
|
76
81
|
] }),
|
|
77
82
|
/* @__PURE__ */ r.jsx(
|
|
78
|
-
|
|
83
|
+
K,
|
|
79
84
|
{
|
|
80
85
|
isDisabled: m,
|
|
81
86
|
inputProps: {
|
|
82
|
-
value:
|
|
87
|
+
value: y,
|
|
83
88
|
onChange: D,
|
|
84
89
|
onFocus: (e) => {
|
|
85
|
-
C(!0),
|
|
90
|
+
C(!0), u == null || u(e);
|
|
86
91
|
},
|
|
87
92
|
onBlur: (e) => {
|
|
88
|
-
C(!1),
|
|
93
|
+
C(!1), d == null || d(e);
|
|
89
94
|
}
|
|
90
95
|
}
|
|
91
96
|
}
|
|
@@ -93,7 +98,7 @@ const ne = (v) => {
|
|
|
93
98
|
]
|
|
94
99
|
}
|
|
95
100
|
)
|
|
96
|
-
] });
|
|
101
|
+
] }) });
|
|
97
102
|
};
|
|
98
103
|
export {
|
|
99
104
|
ne as ColorPicker
|
package/dist/index.es13.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as c } from "./index.es52.js";
|
|
2
2
|
import { useRef as y, useEffect as k } from "react";
|
|
3
3
|
import { ColorSwatchPicker as C } from "react-aria-components";
|
|
4
|
-
import { cn as S } from "./index.
|
|
4
|
+
import { cn as S } from "./index.es53.js";
|
|
5
5
|
import { ColorSwatchPickerItem as E } from "./index.es14.js";
|
|
6
6
|
import { DEFAULT_ARIA_LABEL as g } from "./index.es15.js";
|
|
7
|
-
import { StyleContext as j } from "./index.
|
|
8
|
-
import { safeParse as f, toHex as L, normalizeItem as V } from "./index.
|
|
9
|
-
import { colorSwatchPickerVariants as A } from "./index.
|
|
7
|
+
import { StyleContext as j } from "./index.es61.js";
|
|
8
|
+
import { safeParse as f, toHex as L, normalizeItem as V } from "./index.es83.js";
|
|
9
|
+
import { colorSwatchPickerVariants as A } from "./index.es62.js";
|
|
10
10
|
const H = (e) => {
|
|
11
11
|
const {
|
|
12
12
|
value: s,
|
package/dist/index.es130.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as r } from "./index.es52.js";
|
|
2
2
|
import { ListBox as x, ListBoxItem as i } from "react-aria-components";
|
|
3
|
-
import { cn as t } from "./index.
|
|
3
|
+
import { cn as t } from "./index.es53.js";
|
|
4
4
|
const m = ({ items: n, renderEmptyState: o }) => /* @__PURE__ */ r.jsx(
|
|
5
5
|
x,
|
|
6
6
|
{
|
package/dist/index.es132.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as t } from "./index.es52.js";
|
|
2
|
-
import { CrossIcon as s } from "./index.
|
|
2
|
+
import { CrossIcon as s } from "./index.es81.js";
|
|
3
3
|
import { IconButton as e } from "./index.es19.js";
|
|
4
4
|
const m = ({ icon: o, onPress: n, isDisabled: r }) => /* @__PURE__ */ t.jsx(e, { intent: "minimal", size: "xxs", "data-testid": "clear-icon-button", isDisabled: r, onPress: n, children: o ?? /* @__PURE__ */ t.jsx(s, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) });
|
|
5
5
|
export {
|
package/dist/index.es133.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as t } from "./index.es52.js";
|
|
2
|
-
import { SearchIcon as e } from "./index.
|
|
2
|
+
import { SearchIcon as e } from "./index.es81.js";
|
|
3
3
|
const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
|
|
4
4
|
export {
|
|
5
5
|
s as SearchIcon
|
package/dist/index.es135.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as t } from "./index.es52.js";
|
|
2
2
|
import { ListBox as n, ListBoxItem as r } from "react-aria-components";
|
|
3
|
-
import { searchOptionVariants as h } from "./index.
|
|
3
|
+
import { searchOptionVariants as h } from "./index.es75.js";
|
|
4
4
|
const m = ({
|
|
5
5
|
items: a,
|
|
6
6
|
onItemSelect: l
|
package/dist/index.es136.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as r } from "./index.es52.js";
|
|
2
2
|
import { SliderThumb as m } from "react-aria-components";
|
|
3
|
-
import { cn as i } from "./index.
|
|
3
|
+
import { cn as i } from "./index.es53.js";
|
|
4
4
|
import { Tooltip as c } from "./index.es48.js";
|
|
5
5
|
import { TooltipTrigger as d } from "./index.es49.js";
|
|
6
6
|
const y = ({
|
package/dist/index.es137.js
CHANGED
package/dist/index.es138.js
CHANGED
|
@@ -1,4 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
1
|
+
import { __exports as i } from "./index.es139.js";
|
|
2
|
+
import "./index.es145.js";
|
|
3
|
+
import "./index.es146.js";
|
|
4
|
+
import { __exports as l } from "./index.es147.js";
|
|
5
|
+
import { __exports as s } from "./index.es148.js";
|
|
6
|
+
(function(t) {
|
|
7
|
+
Object.defineProperty(t, "__esModule", {
|
|
8
|
+
value: !0
|
|
9
|
+
}), Object.defineProperty(t, "default", {
|
|
10
|
+
enumerable: !0,
|
|
11
|
+
get: function() {
|
|
12
|
+
return f;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
|
|
16
|
+
function r(e) {
|
|
17
|
+
return e && e.__esModule ? e : {
|
|
18
|
+
default: e
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
function f(...e) {
|
|
22
|
+
let [, ...u] = (0, n.default)(e[0]);
|
|
23
|
+
return (0, o.default)([
|
|
24
|
+
...e,
|
|
25
|
+
...u
|
|
26
|
+
]);
|
|
27
|
+
}
|
|
28
|
+
})(i);
|
package/dist/index.es139.js
CHANGED
package/dist/index.es14.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { j as o } from "./index.es52.js";
|
|
2
2
|
import { useContext as f } from "react";
|
|
3
3
|
import { ColorSwatchPickerItem as x, ColorSwatch as S } from "react-aria-components";
|
|
4
|
-
import { cn as u } from "./index.
|
|
5
|
-
import { StyleContext as w } from "./index.
|
|
6
|
-
import { isTransparent as F } from "./index.
|
|
7
|
-
import { TransparentSwatchFill as j } from "./index.
|
|
8
|
-
import { colorSwatchItemVariants as C } from "./index.
|
|
4
|
+
import { cn as u } from "./index.es53.js";
|
|
5
|
+
import { StyleContext as w } from "./index.es61.js";
|
|
6
|
+
import { isTransparent as F } from "./index.es83.js";
|
|
7
|
+
import { TransparentSwatchFill as j } from "./index.es84.js";
|
|
8
|
+
import { colorSwatchItemVariants as C } from "./index.es62.js";
|
|
9
9
|
const y = ({
|
|
10
10
|
color: t,
|
|
11
11
|
name: i,
|