@rafal.lemieszewski/tide-ui 0.87.0 → 0.87.1
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.
|
@@ -1 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),d=require("../../lib/utils.cjs"),r=require("lucide-react"),u={primary:"text-[var(--color-icon-primary)]",secondary:"text-[var(--color-icon-secondary)]",tertiary:"text-[var(--color-icon-tertiary)]","tertiary-hover":"text-[var(--color-icon-tertiary-hovered)]",disabled:"text-[var(--color-icon-disabled)]","neutral-selected":"text-[var(--color-icon-neutral-bold-selected)]",information:"text-[var(--color-icon-info-bold)]",success:"text-[var(--color-icon-success-bold)]",error:"text-[var(--color-icon-error-bold)]",warning:"text-[var(--color-icon-warning-bold)]",selected:"text-[var(--color-icon-brand-bold-selected)]",brand:"text-[var(--color-icon-brand-bold)]","brand-hover":"text-[var(--color-icon-brand-bold-hovered)]","on-action":"text-[var(--color-icon-on-action)]",inverse:"text-[var(--color-icon-inverse)]",violet:"text-[var(--violet-500)]"},f={s:"w-[var(--size-3xs)] h-[var(--size-3xs)]",m:"w-[var(--size-2xs)] h-[var(--size-2xs)]",l:"w-[var(--size-xs)] h-[var(--size-xs)]",xl:"w-[var(--size-s)] h-[var(--size-s)]"},x={"alert-circle":r.AlertCircle,"arrow-down-narrow-wide":r.ArrowDownNarrowWide,"arrow-down-to-line":r.ArrowDownToLine,"arrow-down-wide-narrow":r.ArrowDownWideNarrow,"arrow-left":r.ArrowLeft,"arrow-left-to-line":r.ArrowLeftToLine,"arrow-right":r.ArrowRight,"arrow-right-to-line":r.ArrowRightToLine,"arrow-up-to-line":r.ArrowUpToLine,bookmark:r.Bookmark,check:r.Check,"chevron-down":r.ChevronDown,"chevron-left":r.ChevronLeft,"chevron-right":r.ChevronRight,"chevron-up":r.ChevronUp,circle:r.Circle,"circle-alert":r.CircleAlert,"circle-check":r.CircleCheck,"circle-help":r.CircleHelp,"external-link":r.ExternalLink,filter:r.Filter,info:r.Info,"list-filter":r.ListFilter,"loader-2":r.Loader2,"more-horizontal":r.MoreHorizontal,"panel-left":r.PanelLeft,pencil:r.Pencil,"plus-circle":r.PlusCircle,"rotate-ccw":r.RotateCcw,search:r.Search,star:r.Star,"trash-2":r.Trash2,"triangle-alert":r.TriangleAlert,x:r.X},p=b.forwardRef(({name:e,size:C="m",color:h,className:n,"aria-label":i,...c},v)=>{const l=h?u[h]:"text-current",a=f[C],s=i?{"aria-label":i,role:"img"}:{"aria-hidden":!0};if(typeof e!="string"){const o=e;return t.jsx(o,{className:d.cn("shrink-0",a,l,n),...s,...c})}if(e in x){const o=x[e];return t.jsx(o,{ref:v,className:d.cn("shrink-0",a,l,n),...s,...c})}const w=e.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("");return console.warn(`[Icon] "${e}" is not in the tide-ui icon set — a ? placeholder is shown instead. To render a Lucide icon, import it directly and pass the component reference (this avoids bundling all of lucide-react):
|
|
2
|
+
import { ${w} } from 'lucide-react'
|
|
3
|
+
<Icon name={${w}} />`),t.jsxs("svg",{ref:v,viewBox:"0 0 24 24",fill:"none",className:d.cn("shrink-0",a,l,n),...s,...c,children:[i&&t.jsx("title",{children:i}),t.jsx("rect",{x:"2",y:"2",width:"20",height:"20",stroke:"currentColor",strokeWidth:"2",fill:"none"}),t.jsx("text",{x:"12",y:"16",textAnchor:"middle",fontSize:"12",fill:"currentColor",children:"?"})]})});p.displayName="Icon";exports.Icon=p;exports.iconColors=u;exports.iconSizes=f;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { cn as
|
|
4
|
-
import { X as m, TriangleAlert as
|
|
5
|
-
const
|
|
1
|
+
import { jsx as o, jsxs as f } from "react/jsx-runtime";
|
|
2
|
+
import p from "react";
|
|
3
|
+
import { cn as s } from "../../lib/utils.js";
|
|
4
|
+
import { X as m, TriangleAlert as u, Trash2 as C, Star as b, Search as g, RotateCcw as k, PlusCircle as y, Pencil as z, PanelLeft as A, MoreHorizontal as L, Loader2 as I, ListFilter as N, Info as T, Filter as R, ExternalLink as S, CircleHelp as D, CircleCheck as P, CircleAlert as U, Circle as j, ChevronUp as W, ChevronRight as $, ChevronLeft as B, ChevronDown as F, Check as H, Bookmark as _, ArrowUpToLine as E, ArrowRightToLine as M, ArrowRight as X, ArrowLeftToLine as q, ArrowLeft as G, ArrowDownWideNarrow as J, ArrowDownToLine as K, ArrowDownNarrowWide as O, AlertCircle as Q } from "lucide-react";
|
|
5
|
+
const V = {
|
|
6
6
|
primary: "text-[var(--color-icon-primary)]",
|
|
7
7
|
secondary: "text-[var(--color-icon-secondary)]",
|
|
8
8
|
tertiary: "text-[var(--color-icon-tertiary)]",
|
|
@@ -19,7 +19,7 @@ const O = {
|
|
|
19
19
|
"on-action": "text-[var(--color-icon-on-action)]",
|
|
20
20
|
inverse: "text-[var(--color-icon-inverse)]",
|
|
21
21
|
violet: "text-[var(--violet-500)]"
|
|
22
|
-
},
|
|
22
|
+
}, Y = {
|
|
23
23
|
s: "w-[var(--size-3xs)] h-[var(--size-3xs)]",
|
|
24
24
|
// 12px
|
|
25
25
|
m: "w-[var(--size-2xs)] h-[var(--size-2xs)]",
|
|
@@ -28,13 +28,13 @@ const O = {
|
|
|
28
28
|
// 20px
|
|
29
29
|
xl: "w-[var(--size-s)] h-[var(--size-s)]"
|
|
30
30
|
// 24px
|
|
31
|
-
},
|
|
32
|
-
"alert-circle":
|
|
33
|
-
"arrow-down-narrow-wide":
|
|
34
|
-
"arrow-down-to-line":
|
|
35
|
-
"arrow-down-wide-narrow":
|
|
36
|
-
"arrow-left":
|
|
37
|
-
"arrow-left-to-line":
|
|
31
|
+
}, w = {
|
|
32
|
+
"alert-circle": Q,
|
|
33
|
+
"arrow-down-narrow-wide": O,
|
|
34
|
+
"arrow-down-to-line": K,
|
|
35
|
+
"arrow-down-wide-narrow": J,
|
|
36
|
+
"arrow-left": G,
|
|
37
|
+
"arrow-left-to-line": q,
|
|
38
38
|
"arrow-right": X,
|
|
39
39
|
"arrow-right-to-line": M,
|
|
40
40
|
"arrow-up-to-line": E,
|
|
@@ -42,69 +42,74 @@ const O = {
|
|
|
42
42
|
check: H,
|
|
43
43
|
"chevron-down": F,
|
|
44
44
|
"chevron-left": B,
|
|
45
|
-
"chevron-right":
|
|
45
|
+
"chevron-right": $,
|
|
46
46
|
"chevron-up": W,
|
|
47
|
-
circle:
|
|
48
|
-
"circle-alert":
|
|
49
|
-
"circle-check":
|
|
50
|
-
"circle-help":
|
|
51
|
-
"external-link":
|
|
47
|
+
circle: j,
|
|
48
|
+
"circle-alert": U,
|
|
49
|
+
"circle-check": P,
|
|
50
|
+
"circle-help": D,
|
|
51
|
+
"external-link": S,
|
|
52
52
|
filter: R,
|
|
53
|
-
info:
|
|
54
|
-
"list-filter":
|
|
55
|
-
"loader-2":
|
|
56
|
-
"more-horizontal":
|
|
57
|
-
"panel-left":
|
|
58
|
-
pencil:
|
|
59
|
-
"plus-circle":
|
|
53
|
+
info: T,
|
|
54
|
+
"list-filter": N,
|
|
55
|
+
"loader-2": I,
|
|
56
|
+
"more-horizontal": L,
|
|
57
|
+
"panel-left": A,
|
|
58
|
+
pencil: z,
|
|
59
|
+
"plus-circle": y,
|
|
60
60
|
"rotate-ccw": k,
|
|
61
|
-
search:
|
|
62
|
-
star:
|
|
63
|
-
"trash-2":
|
|
64
|
-
"triangle-alert":
|
|
61
|
+
search: g,
|
|
62
|
+
star: b,
|
|
63
|
+
"trash-2": C,
|
|
64
|
+
"triangle-alert": u,
|
|
65
65
|
x: m
|
|
66
|
-
},
|
|
66
|
+
}, Z = /* @__PURE__ */ p.forwardRef(
|
|
67
67
|
({
|
|
68
68
|
name: r,
|
|
69
|
-
size:
|
|
70
|
-
color:
|
|
71
|
-
className:
|
|
72
|
-
"aria-label":
|
|
73
|
-
...
|
|
74
|
-
},
|
|
75
|
-
const
|
|
69
|
+
size: x = "m",
|
|
70
|
+
color: d,
|
|
71
|
+
className: i,
|
|
72
|
+
"aria-label": t,
|
|
73
|
+
...n
|
|
74
|
+
}, h) => {
|
|
75
|
+
const c = d ? V[d] : "text-current", l = Y[x], a = t ? { "aria-label": t, role: "img" } : { "aria-hidden": !0 };
|
|
76
76
|
if (typeof r != "string")
|
|
77
77
|
return /* @__PURE__ */ o(
|
|
78
78
|
r,
|
|
79
79
|
{
|
|
80
|
-
className:
|
|
81
|
-
...
|
|
82
|
-
...
|
|
80
|
+
className: s("shrink-0", l, c, i),
|
|
81
|
+
...a,
|
|
82
|
+
...n
|
|
83
83
|
}
|
|
84
84
|
);
|
|
85
|
-
if (r in
|
|
86
|
-
const
|
|
85
|
+
if (r in w) {
|
|
86
|
+
const e = w[r];
|
|
87
87
|
return /* @__PURE__ */ o(
|
|
88
|
-
|
|
88
|
+
e,
|
|
89
89
|
{
|
|
90
|
-
ref:
|
|
91
|
-
className:
|
|
92
|
-
...
|
|
93
|
-
...
|
|
90
|
+
ref: h,
|
|
91
|
+
className: s("shrink-0", l, c, i),
|
|
92
|
+
...a,
|
|
93
|
+
...n
|
|
94
94
|
}
|
|
95
95
|
);
|
|
96
96
|
}
|
|
97
|
-
|
|
97
|
+
const v = r.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
|
|
98
|
+
return console.warn(
|
|
99
|
+
`[Icon] "${r}" is not in the tide-ui icon set — a ? placeholder is shown instead. To render a Lucide icon, import it directly and pass the component reference (this avoids bundling all of lucide-react):
|
|
100
|
+
import { ${v} } from 'lucide-react'
|
|
101
|
+
<Icon name={${v}} />`
|
|
102
|
+
), /* @__PURE__ */ f(
|
|
98
103
|
"svg",
|
|
99
104
|
{
|
|
100
|
-
ref:
|
|
105
|
+
ref: h,
|
|
101
106
|
viewBox: "0 0 24 24",
|
|
102
107
|
fill: "none",
|
|
103
|
-
className:
|
|
104
|
-
...
|
|
105
|
-
...
|
|
108
|
+
className: s("shrink-0", l, c, i),
|
|
109
|
+
...a,
|
|
110
|
+
...n,
|
|
106
111
|
children: [
|
|
107
|
-
|
|
112
|
+
t && /* @__PURE__ */ o("title", { children: t }),
|
|
108
113
|
/* @__PURE__ */ o(
|
|
109
114
|
"rect",
|
|
110
115
|
{
|
|
@@ -133,9 +138,9 @@ const O = {
|
|
|
133
138
|
);
|
|
134
139
|
}
|
|
135
140
|
);
|
|
136
|
-
|
|
141
|
+
Z.displayName = "Icon";
|
|
137
142
|
export {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
143
|
+
Z as Icon,
|
|
144
|
+
V as iconColors,
|
|
145
|
+
Y as iconSizes
|
|
141
146
|
};
|
package/package.json
CHANGED