@rafal.lemieszewski/tide-ui 0.86.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
|
|
1
|
+
import { jsx as o, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import p from "react";
|
|
3
|
-
import { cn as
|
|
4
|
-
import { X as
|
|
5
|
-
const
|
|
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 $r = {
|
|
|
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)]",
|
|
@@ -29,135 +29,88 @@ const $r = {
|
|
|
29
29
|
xl: "w-[var(--size-s)] h-[var(--size-s)]"
|
|
30
30
|
// 24px
|
|
31
31
|
}, w = {
|
|
32
|
-
"alert-circle":
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"arrow-down":
|
|
36
|
-
"arrow-
|
|
37
|
-
"arrow-
|
|
38
|
-
"arrow-
|
|
39
|
-
"arrow-
|
|
40
|
-
"arrow-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
"
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
"circle
|
|
60
|
-
"
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
download: wr,
|
|
68
|
-
edit: hr,
|
|
69
|
-
ellipsis: dr,
|
|
70
|
-
"external-link": sr,
|
|
71
|
-
eye: lr,
|
|
72
|
-
"file-text": cr,
|
|
73
|
-
filter: ar,
|
|
74
|
-
"grid-2x2-plus": nr,
|
|
75
|
-
handshake: tr,
|
|
76
|
-
info: ir,
|
|
77
|
-
"layout-dashboard": or,
|
|
78
|
-
link: er,
|
|
79
|
-
"list-filter": rr,
|
|
80
|
-
"loader-2": Y,
|
|
81
|
-
"log-out": V,
|
|
82
|
-
mail: Q,
|
|
83
|
-
"map-pin": K,
|
|
84
|
-
"message-circle": J,
|
|
85
|
-
"message-square": $,
|
|
86
|
-
"more-horizontal": O,
|
|
87
|
-
navigation: G,
|
|
88
|
-
package: _,
|
|
89
|
-
"panel-left": Z,
|
|
90
|
-
"panel-right-close": X,
|
|
91
|
-
pencil: j,
|
|
92
|
-
plus: H,
|
|
93
|
-
"plus-circle": F,
|
|
94
|
-
"refresh-cw": B,
|
|
95
|
-
"rotate-ccw": W,
|
|
96
|
-
route: E,
|
|
97
|
-
search: q,
|
|
98
|
-
send: M,
|
|
99
|
-
settings: U,
|
|
100
|
-
share: N,
|
|
101
|
-
"share-2": I,
|
|
102
|
-
"shield-check": R,
|
|
103
|
-
ship: P,
|
|
104
|
-
sparkles: T,
|
|
105
|
-
"square-plus": L,
|
|
106
|
-
star: D,
|
|
107
|
-
"table-2": S,
|
|
108
|
-
"text-cursor-input": z,
|
|
109
|
-
trash: y,
|
|
110
|
-
"trash-2": b,
|
|
111
|
-
"triangle-alert": A,
|
|
112
|
-
truck: m,
|
|
113
|
-
upload: k,
|
|
114
|
-
user: f,
|
|
115
|
-
users: C,
|
|
116
|
-
weight: g,
|
|
117
|
-
x
|
|
118
|
-
}, Kr = /* @__PURE__ */ p.forwardRef(
|
|
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
|
+
"arrow-right": X,
|
|
39
|
+
"arrow-right-to-line": M,
|
|
40
|
+
"arrow-up-to-line": E,
|
|
41
|
+
bookmark: _,
|
|
42
|
+
check: H,
|
|
43
|
+
"chevron-down": F,
|
|
44
|
+
"chevron-left": B,
|
|
45
|
+
"chevron-right": $,
|
|
46
|
+
"chevron-up": W,
|
|
47
|
+
circle: j,
|
|
48
|
+
"circle-alert": U,
|
|
49
|
+
"circle-check": P,
|
|
50
|
+
"circle-help": D,
|
|
51
|
+
"external-link": S,
|
|
52
|
+
filter: R,
|
|
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
|
+
"rotate-ccw": k,
|
|
61
|
+
search: g,
|
|
62
|
+
star: b,
|
|
63
|
+
"trash-2": C,
|
|
64
|
+
"triangle-alert": u,
|
|
65
|
+
x: m
|
|
66
|
+
}, Z = /* @__PURE__ */ p.forwardRef(
|
|
119
67
|
({
|
|
120
68
|
name: r,
|
|
121
|
-
size:
|
|
122
|
-
color:
|
|
69
|
+
size: x = "m",
|
|
70
|
+
color: d,
|
|
123
71
|
className: i,
|
|
124
|
-
"aria-label":
|
|
125
|
-
...
|
|
126
|
-
},
|
|
127
|
-
const
|
|
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 };
|
|
128
76
|
if (typeof r != "string")
|
|
129
|
-
return /* @__PURE__ */
|
|
77
|
+
return /* @__PURE__ */ o(
|
|
130
78
|
r,
|
|
131
79
|
{
|
|
132
|
-
className:
|
|
133
|
-
...
|
|
134
|
-
...
|
|
80
|
+
className: s("shrink-0", l, c, i),
|
|
81
|
+
...a,
|
|
82
|
+
...n
|
|
135
83
|
}
|
|
136
84
|
);
|
|
137
85
|
if (r in w) {
|
|
138
|
-
const
|
|
139
|
-
return /* @__PURE__ */
|
|
140
|
-
|
|
86
|
+
const e = w[r];
|
|
87
|
+
return /* @__PURE__ */ o(
|
|
88
|
+
e,
|
|
141
89
|
{
|
|
142
|
-
ref:
|
|
143
|
-
className:
|
|
144
|
-
...
|
|
145
|
-
...
|
|
90
|
+
ref: h,
|
|
91
|
+
className: s("shrink-0", l, c, i),
|
|
92
|
+
...a,
|
|
93
|
+
...n
|
|
146
94
|
}
|
|
147
95
|
);
|
|
148
96
|
}
|
|
149
|
-
|
|
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(
|
|
150
103
|
"svg",
|
|
151
104
|
{
|
|
152
|
-
ref:
|
|
105
|
+
ref: h,
|
|
153
106
|
viewBox: "0 0 24 24",
|
|
154
107
|
fill: "none",
|
|
155
|
-
className:
|
|
156
|
-
...
|
|
157
|
-
...
|
|
108
|
+
className: s("shrink-0", l, c, i),
|
|
109
|
+
...a,
|
|
110
|
+
...n,
|
|
158
111
|
children: [
|
|
159
|
-
|
|
160
|
-
/* @__PURE__ */
|
|
112
|
+
t && /* @__PURE__ */ o("title", { children: t }),
|
|
113
|
+
/* @__PURE__ */ o(
|
|
161
114
|
"rect",
|
|
162
115
|
{
|
|
163
116
|
x: "2",
|
|
@@ -169,7 +122,7 @@ const $r = {
|
|
|
169
122
|
fill: "none"
|
|
170
123
|
}
|
|
171
124
|
),
|
|
172
|
-
/* @__PURE__ */
|
|
125
|
+
/* @__PURE__ */ o(
|
|
173
126
|
"text",
|
|
174
127
|
{
|
|
175
128
|
x: "12",
|
|
@@ -185,9 +138,9 @@ const $r = {
|
|
|
185
138
|
);
|
|
186
139
|
}
|
|
187
140
|
);
|
|
188
|
-
|
|
141
|
+
Z.displayName = "Icon";
|
|
189
142
|
export {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
143
|
+
Z as Icon,
|
|
144
|
+
V as iconColors,
|
|
145
|
+
Y as iconSizes
|
|
193
146
|
};
|
package/package.json
CHANGED