welcome-ui 0.8.5 → 0.9.0-beta.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.
- package/dist/Test.js +3 -0
- package/dist/Test.mjs +9 -0
- package/dist/WuiProvider.js +405 -0
- package/dist/WuiProvider.mjs +459 -0
- package/dist/index.js +18 -0
- package/dist/index.mjs +422 -0
- package/package.json +46 -97
- package/CHANGELOG.md +0 -106
- package/LICENSE +0 -21
- package/README.md +0 -57
- package/dist/welcome-ui.cjs.js +0 -3542
- package/dist/welcome-ui.es.js +0 -3498
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,422 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { css as m, rpxTransformers as p, defaultTheme as f } from "@xstyled/styled-components";
|
|
3
|
+
import { Test as ee } from "./Test.mjs";
|
|
4
|
+
import { WuiProvider as re } from "./WuiProvider.mjs";
|
|
5
|
+
const b = (e) => {
|
|
6
|
+
const { colors: t } = e;
|
|
7
|
+
return {
|
|
8
|
+
default: {
|
|
9
|
+
backgroundColor: t["primary-50"]
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
function d(e, t) {
|
|
14
|
+
if (typeof e != "object" || e === null) return t;
|
|
15
|
+
if (typeof t != "object" || t === null) return e;
|
|
16
|
+
const o = { ...e };
|
|
17
|
+
for (const l in t)
|
|
18
|
+
t.hasOwnProperty(l) && (o[l] = d(o[l], t[l]));
|
|
19
|
+
return o;
|
|
20
|
+
}
|
|
21
|
+
const x = {
|
|
22
|
+
"beige-10": "#FBF9F7",
|
|
23
|
+
"beige-20": "#F6F3EF",
|
|
24
|
+
"beige-30": "#EAE4DE",
|
|
25
|
+
"beige-40": "#D2CBC3",
|
|
26
|
+
"beige-50": "#A7A096",
|
|
27
|
+
"beige-60": "#605B55",
|
|
28
|
+
"beige-70": "#4D4944",
|
|
29
|
+
"beige-80": "#33302D",
|
|
30
|
+
"beige-90": "#1E1C1A",
|
|
31
|
+
"blue-10": "#E0F5FF",
|
|
32
|
+
"blue-20": "#BBEAFF",
|
|
33
|
+
"blue-30": "#9BDEF7",
|
|
34
|
+
"blue-40": "#55C3E9",
|
|
35
|
+
// brand
|
|
36
|
+
"blue-50": "#27A5D0",
|
|
37
|
+
"blue-60": "#057AA3",
|
|
38
|
+
"blue-70": "#025A79",
|
|
39
|
+
"blue-80": "#013C50",
|
|
40
|
+
"blue-90": "#00202B",
|
|
41
|
+
"green-10": "#EAFFD4",
|
|
42
|
+
"green-20": "#D6F6B4",
|
|
43
|
+
"green-30": "#BADE94",
|
|
44
|
+
// brand
|
|
45
|
+
"green-40": "#9FC873",
|
|
46
|
+
"green-50": "#83AD57",
|
|
47
|
+
"green-60": "#5A8034",
|
|
48
|
+
"green-70": "#40611F",
|
|
49
|
+
"green-80": "#2A4210",
|
|
50
|
+
"green-90": "#142603",
|
|
51
|
+
"neutral-10": "#FFFFFF",
|
|
52
|
+
"neutral-20": "#F3F3F3",
|
|
53
|
+
"neutral-30": "#DEDEDE",
|
|
54
|
+
"neutral-40": "#BDBDBD",
|
|
55
|
+
"neutral-50": "#989898",
|
|
56
|
+
"neutral-60": "#585858",
|
|
57
|
+
"neutral-70": "#444444",
|
|
58
|
+
"neutral-80": "#212121",
|
|
59
|
+
"neutral-90": "#000000",
|
|
60
|
+
"orange-10": "#FFEBCE",
|
|
61
|
+
"orange-20": "#FFD495",
|
|
62
|
+
"orange-30": "#FFBB59",
|
|
63
|
+
"orange-40": "#FF9F14",
|
|
64
|
+
"orange-50": "#DB860A",
|
|
65
|
+
"orange-60": "#A6670A",
|
|
66
|
+
"orange-70": "#824F06",
|
|
67
|
+
"orange-80": "#573607",
|
|
68
|
+
"orange-90": "#382303",
|
|
69
|
+
"pink-10": "#FFEAF5",
|
|
70
|
+
"pink-20": "#FFD5EB",
|
|
71
|
+
"pink-30": "#FEB7DC",
|
|
72
|
+
"pink-40": "#F696C8",
|
|
73
|
+
// brand
|
|
74
|
+
"pink-50": "#E468A8",
|
|
75
|
+
"pink-60": "#C24887",
|
|
76
|
+
"pink-70": "#972962",
|
|
77
|
+
"pink-80": "#6D1142",
|
|
78
|
+
"pink-90": "#3C0725",
|
|
79
|
+
"red-10": "#FBDEDC",
|
|
80
|
+
"red-20": "#FCC7C3",
|
|
81
|
+
"red-30": "#FDB3AE",
|
|
82
|
+
"red-40": "#FF9490",
|
|
83
|
+
"red-50": "#FF6165",
|
|
84
|
+
"red-60": "#E1003A",
|
|
85
|
+
"red-70": "#A80029",
|
|
86
|
+
"red-80": "#75001A",
|
|
87
|
+
"red-90": "#450101",
|
|
88
|
+
"red-orange-10": "#FFDED0",
|
|
89
|
+
"red-orange-20": "#FFC9B2",
|
|
90
|
+
"red-orange-30": "#FFB595",
|
|
91
|
+
"red-orange-40": "#FF9868",
|
|
92
|
+
// brand
|
|
93
|
+
"red-orange-50": "#E67B49",
|
|
94
|
+
"red-orange-60": "#C45927",
|
|
95
|
+
"red-orange-70": "#9F4217",
|
|
96
|
+
"red-orange-80": "#6D2605",
|
|
97
|
+
"red-orange-90": "#451701",
|
|
98
|
+
"teal-10": "#D5FFFA",
|
|
99
|
+
"teal-20": "#AAF4EB",
|
|
100
|
+
"teal-30": "#6DE1D2",
|
|
101
|
+
"teal-40": "#00C7AE",
|
|
102
|
+
// brand
|
|
103
|
+
"teal-50": "#01AA95",
|
|
104
|
+
"teal-60": "#008070",
|
|
105
|
+
"teal-70": "#00544A",
|
|
106
|
+
"teal-80": "#003D35",
|
|
107
|
+
"teal-90": "#00211D",
|
|
108
|
+
"violet-10": "#F2F2FF",
|
|
109
|
+
"violet-20": "#E0E0FF",
|
|
110
|
+
"violet-30": "#C9C9FF",
|
|
111
|
+
"violet-40": "#ACACFF",
|
|
112
|
+
// brand
|
|
113
|
+
"violet-50": "#9080F0",
|
|
114
|
+
"violet-60": "#7958D6",
|
|
115
|
+
"violet-70": "#593CAC",
|
|
116
|
+
"violet-80": "#422A86",
|
|
117
|
+
"violet-90": "#1F0E51",
|
|
118
|
+
"yellow-10": "#FFF8D9",
|
|
119
|
+
"yellow-20": "#FFF1B2",
|
|
120
|
+
"yellow-30": "#FFE166",
|
|
121
|
+
"yellow-40": "#FFCD00",
|
|
122
|
+
"yellow-50": "#E5B800",
|
|
123
|
+
"yellow-60": "#B69200",
|
|
124
|
+
"yellow-70": "#846A01",
|
|
125
|
+
"yellow-80": "#604D00",
|
|
126
|
+
"yellow-90": "#423500"
|
|
127
|
+
}, h = (e) => ({
|
|
128
|
+
...e,
|
|
129
|
+
"primary-10": e["yellow-10"],
|
|
130
|
+
"primary-20": e["yellow-20"],
|
|
131
|
+
"primary-30": e["yellow-30"],
|
|
132
|
+
"primary-40": e["yellow-40"],
|
|
133
|
+
"primary-50": e["yellow-50"],
|
|
134
|
+
"primary-60": e["yellow-60"],
|
|
135
|
+
"primary-70": e["yellow-70"],
|
|
136
|
+
"primary-80": e["yellow-80"],
|
|
137
|
+
"primary-90": e["yellow-90"],
|
|
138
|
+
"secondary-blue": e["blue-40"],
|
|
139
|
+
"secondary-green": e["green-30"],
|
|
140
|
+
"secondary-orange": e["red-orange-40"],
|
|
141
|
+
"secondary-pink": e["pink-40"],
|
|
142
|
+
"secondary-teal": e["teal-40"],
|
|
143
|
+
"secondary-violet": e["violet-40"],
|
|
144
|
+
overlay: "rgba(0, 0, 0, 0.55)"
|
|
145
|
+
}), c = h(x), w = Object.keys(c).reduce((e, t) => {
|
|
146
|
+
if (t.startsWith("secondary-") || t === "overlay") return e;
|
|
147
|
+
const o = 100 - Number(t.slice(-2)), l = t.slice(0, t.length - 2);
|
|
148
|
+
return {
|
|
149
|
+
...e,
|
|
150
|
+
[t]: c[`${l}${o}`]
|
|
151
|
+
};
|
|
152
|
+
}, {}), A = {
|
|
153
|
+
...c,
|
|
154
|
+
...h(w)
|
|
155
|
+
}, K = {
|
|
156
|
+
colors: A
|
|
157
|
+
}, E = (e) => ({
|
|
158
|
+
"welcome-font": [
|
|
159
|
+
{
|
|
160
|
+
url: `${e.fontsUrl}/welcome-font-regular`,
|
|
161
|
+
weight: "400"
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
url: `${e.fontsUrl}/welcome-font-medium`,
|
|
165
|
+
weight: "500"
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
url: `${e.fontsUrl}/welcome-font-bold`,
|
|
169
|
+
weight: "600"
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
url: `${e.fontsUrl}/welcome-font-regular-italic`,
|
|
173
|
+
style: "italic",
|
|
174
|
+
weight: "400"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
url: `${e.fontsUrl}/welcome-font-medium-italic`,
|
|
178
|
+
style: "italic",
|
|
179
|
+
weight: "500"
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
url: `${e.fontsUrl}/welcome-font-bold-italic`,
|
|
183
|
+
style: "italic",
|
|
184
|
+
weight: "600"
|
|
185
|
+
}
|
|
186
|
+
],
|
|
187
|
+
"welcome-icon-font": [
|
|
188
|
+
{
|
|
189
|
+
url: `${e.fontsUrl}/icon-font/__ICON_FONT_HASH__/welcome-icon-font`,
|
|
190
|
+
display: "block"
|
|
191
|
+
}
|
|
192
|
+
],
|
|
193
|
+
"work-sans": [
|
|
194
|
+
{
|
|
195
|
+
url: `${e.fontsUrl}/work-sans-variable`,
|
|
196
|
+
isVariable: !0,
|
|
197
|
+
stretch: "75% 125%",
|
|
198
|
+
weight: "100 1000"
|
|
199
|
+
}
|
|
200
|
+
]
|
|
201
|
+
}), D = (e, t) => {
|
|
202
|
+
const { toEm: o, toRem: l } = t, n = l;
|
|
203
|
+
return {
|
|
204
|
+
h0: n(65),
|
|
205
|
+
h1: n(45),
|
|
206
|
+
h2: n(36),
|
|
207
|
+
h3: n(26),
|
|
208
|
+
h4: n(20),
|
|
209
|
+
h5: n(16),
|
|
210
|
+
h6: n(14),
|
|
211
|
+
lg: n(18),
|
|
212
|
+
md: n(16),
|
|
213
|
+
sm: n(14),
|
|
214
|
+
"subtitle-md": n(13),
|
|
215
|
+
"subtitle-sm": n(11),
|
|
216
|
+
xs: n(12)
|
|
217
|
+
};
|
|
218
|
+
}, y = ({
|
|
219
|
+
defaultLineHeight: e,
|
|
220
|
+
toRem: t
|
|
221
|
+
}) => ({
|
|
222
|
+
html: e,
|
|
223
|
+
h0: t(72),
|
|
224
|
+
h1: t(48),
|
|
225
|
+
h2: t(40),
|
|
226
|
+
h3: t(32),
|
|
227
|
+
h4: t(24),
|
|
228
|
+
h5: t(18),
|
|
229
|
+
h6: t(16),
|
|
230
|
+
lg: t(24),
|
|
231
|
+
md: t(18),
|
|
232
|
+
sm: t(18),
|
|
233
|
+
xs: t(14),
|
|
234
|
+
"subtitle-md": e,
|
|
235
|
+
"subtitle-sm": e
|
|
236
|
+
}), T = {
|
|
237
|
+
regular: 400,
|
|
238
|
+
medium: 500,
|
|
239
|
+
bold: 600
|
|
240
|
+
}, B = ({
|
|
241
|
+
defaultLetterSpacing: e,
|
|
242
|
+
toRem: t
|
|
243
|
+
}) => ({
|
|
244
|
+
html: e,
|
|
245
|
+
h0: t(-1.7),
|
|
246
|
+
h1: t(-1.2),
|
|
247
|
+
h2: t(-1),
|
|
248
|
+
h3: t(-0.9),
|
|
249
|
+
h4: t(-0.6),
|
|
250
|
+
h5: t(-0.5),
|
|
251
|
+
h6: t(-0.5),
|
|
252
|
+
lg: e,
|
|
253
|
+
md: e,
|
|
254
|
+
sm: e,
|
|
255
|
+
xs: t(-0.2),
|
|
256
|
+
"subtitle-md": t(-0.2),
|
|
257
|
+
"subtitle-sm": t(-0.2)
|
|
258
|
+
}), v = (e) => {
|
|
259
|
+
const { fontWeights: t } = e;
|
|
260
|
+
return {
|
|
261
|
+
h0: t.bold,
|
|
262
|
+
h1: t.bold,
|
|
263
|
+
h2: t.bold,
|
|
264
|
+
h3: t.bold,
|
|
265
|
+
h4: t.bold,
|
|
266
|
+
h5: t.bold,
|
|
267
|
+
h6: t.bold,
|
|
268
|
+
lg: t.regular,
|
|
269
|
+
md: t.regular,
|
|
270
|
+
sm: t.regular,
|
|
271
|
+
"subtitle-md": t.bold,
|
|
272
|
+
"subtitle-sm": t.medium,
|
|
273
|
+
xs: t.regular
|
|
274
|
+
};
|
|
275
|
+
}, C = (e) => {
|
|
276
|
+
const { fonts: t } = e;
|
|
277
|
+
return {
|
|
278
|
+
h0: t.headings,
|
|
279
|
+
h1: t.headings,
|
|
280
|
+
h2: t.headings,
|
|
281
|
+
h3: t.headings,
|
|
282
|
+
h4: t.headings,
|
|
283
|
+
h5: t.headings,
|
|
284
|
+
h6: t.headings,
|
|
285
|
+
"subtitle-md": t.headings,
|
|
286
|
+
"subtitle-sm": t.headings
|
|
287
|
+
};
|
|
288
|
+
}, k = () => ({
|
|
289
|
+
"subtitle-md": "uppercase",
|
|
290
|
+
"subtitle-sm": "uppercase"
|
|
291
|
+
}), _ = (e) => {
|
|
292
|
+
const { colors: t } = e;
|
|
293
|
+
return {
|
|
294
|
+
h0: t["neutral-90"],
|
|
295
|
+
h1: t["neutral-90"],
|
|
296
|
+
h2: t["neutral-90"],
|
|
297
|
+
h3: t["neutral-90"],
|
|
298
|
+
h4: t["neutral-90"],
|
|
299
|
+
h5: t["neutral-90"],
|
|
300
|
+
h6: t["neutral-90"]
|
|
301
|
+
};
|
|
302
|
+
}, $ = (e) => {
|
|
303
|
+
const {
|
|
304
|
+
fontSizes: t,
|
|
305
|
+
letterSpacings: o,
|
|
306
|
+
lineHeights: l,
|
|
307
|
+
textsFontColors: n,
|
|
308
|
+
textsFontFamily: g,
|
|
309
|
+
textsFontWeights: F,
|
|
310
|
+
textsTextTransform: u
|
|
311
|
+
} = e;
|
|
312
|
+
return Object.keys(t).reduce((s, r) => ({
|
|
313
|
+
...s,
|
|
314
|
+
[r]: {
|
|
315
|
+
color: n[r],
|
|
316
|
+
fontFamily: g[r] || void 0,
|
|
317
|
+
fontWeight: F[r],
|
|
318
|
+
fontSize: t[r],
|
|
319
|
+
lineHeight: l[r] || l.lg,
|
|
320
|
+
letterSpacing: o[r] || void 0,
|
|
321
|
+
textTransform: u[r] || void 0
|
|
322
|
+
}
|
|
323
|
+
}), {});
|
|
324
|
+
}, U = (e, t, o) => ({
|
|
325
|
+
texts: [e, "sans-serif"].join(", "),
|
|
326
|
+
headings: [t, "sans-serif"].join(", "),
|
|
327
|
+
icons: o
|
|
328
|
+
}), a = {
|
|
329
|
+
primary: "ease",
|
|
330
|
+
secondary: "linear",
|
|
331
|
+
tertiary: "cubic-bezier(0.41, 0.094, 0.54, 0.07)"
|
|
332
|
+
}, S = {
|
|
333
|
+
slow: `500ms ${a.tertiary}`,
|
|
334
|
+
medium: `300ms ${a.primary}`,
|
|
335
|
+
fast: `100ms ${a.secondary}`
|
|
336
|
+
}, N = ({ colors: e }) => ({
|
|
337
|
+
default: m`
|
|
338
|
+
background-image: linear-gradient(
|
|
339
|
+
0deg,
|
|
340
|
+
${e["primary-40"]},
|
|
341
|
+
${e["primary-40"]} 100%
|
|
342
|
+
);
|
|
343
|
+
background-repeat: no-repeat;
|
|
344
|
+
background-size: 100% 50%;
|
|
345
|
+
background-position-y: calc(200% - 2px);
|
|
346
|
+
transition:
|
|
347
|
+
background-position-y 250ms,
|
|
348
|
+
background-size 250ms,
|
|
349
|
+
color 250ms;
|
|
350
|
+
`,
|
|
351
|
+
hover: m`
|
|
352
|
+
opacity: 1;
|
|
353
|
+
background-position-y: 100%;
|
|
354
|
+
background-size: 100% 100%;
|
|
355
|
+
`
|
|
356
|
+
}), W = (e) => ({
|
|
357
|
+
none: "0",
|
|
358
|
+
sm: e.toRem(2),
|
|
359
|
+
md: e.toRem(4),
|
|
360
|
+
lg: e.toRem(8),
|
|
361
|
+
xl: e.toRem(16),
|
|
362
|
+
xxl: e.toRem(24),
|
|
363
|
+
full: "100%"
|
|
364
|
+
}), L = {
|
|
365
|
+
sm: "1px",
|
|
366
|
+
md: "2px",
|
|
367
|
+
lg: "3px"
|
|
368
|
+
}, O = {
|
|
369
|
+
xs: 0,
|
|
370
|
+
sm: 480,
|
|
371
|
+
md: 736,
|
|
372
|
+
lg: 980,
|
|
373
|
+
xl: 1280,
|
|
374
|
+
xxl: 1440,
|
|
375
|
+
"3xl": 1620,
|
|
376
|
+
"4xl": 1920
|
|
377
|
+
}, I = {
|
|
378
|
+
sm: "1px 2px 4px 0 rgba(0,0,0,0.05)",
|
|
379
|
+
md: "3px 4px 10px 0 rgba(0,0,0,0.07)"
|
|
380
|
+
}, z = (e) => ({
|
|
381
|
+
xxs: e.toRem(2),
|
|
382
|
+
xs: e.toRem(4),
|
|
383
|
+
sm: e.toRem(8),
|
|
384
|
+
md: e.toRem(12),
|
|
385
|
+
lg: e.toRem(16),
|
|
386
|
+
xl: e.toRem(24),
|
|
387
|
+
xxl: e.toRem(32),
|
|
388
|
+
"3xl": e.toRem(48),
|
|
389
|
+
"4xl": e.toRem(64),
|
|
390
|
+
"5xl": e.toRem(96),
|
|
391
|
+
"6xl": e.toRem(128),
|
|
392
|
+
"7xl": e.toRem(192)
|
|
393
|
+
}), H = (e) => ({
|
|
394
|
+
backgroundColor: e.colors["primary-40"],
|
|
395
|
+
color: e.colors["neutral-90"]
|
|
396
|
+
}), P = ({ colors: e }) => {
|
|
397
|
+
function t(o = e["primary-40"]) {
|
|
398
|
+
return {
|
|
399
|
+
boxShadow: `0 0 0 2px ${o}`
|
|
400
|
+
};
|
|
401
|
+
}
|
|
402
|
+
return t;
|
|
403
|
+
}, R = "work-sans", G = 16, M = "-0.019rem", Y = 1.15, V = "https://cdn.welcome-ui.com/fonts", Z = "welcome-font", q = "welcome-icon-font", Q = (e = {}) => {
|
|
404
|
+
const {
|
|
405
|
+
defaultFontFamily: t = R,
|
|
406
|
+
defaultFontSize: o = G,
|
|
407
|
+
defaultLetterSpacing: l = M,
|
|
408
|
+
defaultLineHeight: n = Y,
|
|
409
|
+
fontsUrl: g = V,
|
|
410
|
+
headingFontFamily: F = Z,
|
|
411
|
+
iconFontFamily: u = q,
|
|
412
|
+
...s
|
|
413
|
+
} = e;
|
|
414
|
+
let r = {};
|
|
415
|
+
return r.transformers = { ...p }, r.toEm = (i) => `${i / o}em`, r.toRem = (i) => `${i / o}rem`, r.toPx = (i) => `${i * o}px`, r.colors = c, r.fontsUrl = g, r.fontFaces = E(r), r.fontSizes = D("rem", r), r.defaultLineHeight = n, r.defaultLetterSpacing = l, r.lineHeights = y(r), r.fontWeights = T, r.letterSpacings = B(r), r.fonts = U(t, F, u), r.borderWidths = L, r.screens = O, r.space = z(r), r.inset = r.space, r.radii = W(r), r.transitions = S, r.timingFunction = a, r.shadows = I, r = d(r, s), r.selection = H(r), r.underline = N(r), r.focus = P(r), r.textsFontWeights = v(r), r.textsFontFamily = C(r), r.textsFontColors = _(r), r.textsTextTransform = k(), r.texts = $(r), r.test = b(r), r.states = f.states, r = d(r, s), r;
|
|
416
|
+
};
|
|
417
|
+
export {
|
|
418
|
+
ee as Test,
|
|
419
|
+
re as WuiProvider,
|
|
420
|
+
Q as createTheme,
|
|
421
|
+
K as darkTheme
|
|
422
|
+
};
|
package/package.json
CHANGED
|
@@ -1,121 +1,70 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "welcome-ui",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "
|
|
5
|
-
"
|
|
6
|
-
|
|
3
|
+
"version": "0.9.0-beta.1",
|
|
4
|
+
"description": "Customizable design system with react • styled-components • styled-system and ariakit.",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist"
|
|
7
|
+
],
|
|
8
|
+
"main": "./dist/index.js",
|
|
9
|
+
"module": "./dist/index.mjs",
|
|
10
|
+
"types": "./dist/types/index.d.ts",
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"types": "./dist/types/index.d.ts",
|
|
14
|
+
"import": "./dist/index.mjs",
|
|
15
|
+
"require": "./dist/index.js"
|
|
16
|
+
},
|
|
17
|
+
"./*": {
|
|
18
|
+
"import": "./dist/*.mjs",
|
|
19
|
+
"require": "./dist/*.js"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
7
22
|
"scripts": {
|
|
8
|
-
"start": "
|
|
9
|
-
"
|
|
10
|
-
"icons:collect": "node helpers/icons.js && eslint src/components/Icon/icons.js --fix",
|
|
11
|
-
"exports:check": "node helpers/exports.js",
|
|
12
|
-
"pre-build": "yarn exports:check && yarn icons:optimize && yarn icons:collect",
|
|
13
|
-
"build": "rm -rf dist && rollup --config",
|
|
14
|
-
"release:build": "yarn pre-build && yarn build && standard-version && conventional-github-releaser --preset angular",
|
|
15
|
-
"release:publish": "git push --follow-tags origin master && npm publish",
|
|
16
|
-
"lint": "eslint src --max-warnings 0",
|
|
17
|
-
"test": "jest src",
|
|
18
|
-
"test:watch": "jest --watch",
|
|
19
|
-
"docz:dev": "docz dev",
|
|
20
|
-
"docz:build": "docz build",
|
|
21
|
-
"docz:clean": "rm -rf .docz && rm -rf dist",
|
|
22
|
-
"clean": "yarn docz:clean && yarn start",
|
|
23
|
-
"now-build": "yarn docz:build",
|
|
24
|
-
"phoenix": "rm -rf node_modules && yarn cache clean && yarn"
|
|
23
|
+
"start": "vite build --watch",
|
|
24
|
+
"build": "vite build"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
28
28
|
"url": "git+https://github.com/WTTJ/welcome-ui.git"
|
|
29
29
|
},
|
|
30
30
|
"keywords": [
|
|
31
|
-
"
|
|
32
|
-
"welcome",
|
|
33
|
-
"welcome to the jungle",
|
|
34
|
-
"WTTJ",
|
|
31
|
+
"design-system",
|
|
35
32
|
"react",
|
|
33
|
+
"ariakit",
|
|
36
34
|
"styled-components",
|
|
37
|
-
"
|
|
38
|
-
"ui-library"
|
|
35
|
+
"styled-system",
|
|
36
|
+
"ui-library",
|
|
37
|
+
"ui",
|
|
38
|
+
"ux",
|
|
39
|
+
"welcome",
|
|
40
|
+
"WTTJ"
|
|
39
41
|
],
|
|
40
42
|
"author": "WTTJ <tech@wttj.co>",
|
|
41
43
|
"license": "MIT",
|
|
42
44
|
"bugs": {
|
|
43
45
|
"url": "https://github.com/WTTJ/welcome-ui/issues"
|
|
44
46
|
},
|
|
45
|
-
"homepage": "https://github.com/WTTJ/welcome-ui#readme",
|
|
46
|
-
"devDependencies": {
|
|
47
|
-
"@babel/cli": "=7.4.3",
|
|
48
|
-
"@babel/core": "=7.4.3",
|
|
49
|
-
"@babel/plugin-proposal-class-properties": "=7.4.0",
|
|
50
|
-
"@babel/plugin-transform-modules-commonjs": "=7.4.0",
|
|
51
|
-
"@babel/plugin-transform-runtime": "^7.4.4",
|
|
52
|
-
"@babel/preset-env": "=7.4.3",
|
|
53
|
-
"@babel/preset-react": "=7.0.0",
|
|
54
|
-
"@commitlint/cli": "^8.0.0",
|
|
55
|
-
"@commitlint/config-conventional": "^8.0.0",
|
|
56
|
-
"@emotion/core": "^10.0.9",
|
|
57
|
-
"@testing-library/react": "^8.0.1",
|
|
58
|
-
"babel-eslint": "=10.0.1",
|
|
59
|
-
"babel-jest": "=24.7.1",
|
|
60
|
-
"babel-plugin-annotate-pure-calls": "^0.4.0",
|
|
61
|
-
"babel-plugin-transform-react-remove-prop-types": "=0.4.24",
|
|
62
|
-
"conventional-github-releaser": "^3.1.3",
|
|
63
|
-
"css-loader": "=2.1.1",
|
|
64
|
-
"docz": "1.2.0",
|
|
65
|
-
"docz-theme-default": "1.2.0",
|
|
66
|
-
"eslint": "=5.16.0",
|
|
67
|
-
"eslint-config-prettier": "=4.1.0",
|
|
68
|
-
"eslint-config-react-app": "=3.0.8",
|
|
69
|
-
"eslint-plugin-flowtype": "=3.6.0",
|
|
70
|
-
"eslint-plugin-import": "=2.17.2",
|
|
71
|
-
"eslint-plugin-jsx-a11y": "=6.2.1",
|
|
72
|
-
"eslint-plugin-prettier": "=3.0.1",
|
|
73
|
-
"eslint-plugin-react": "=7.12.4",
|
|
74
|
-
"eslint-plugin-react-hooks": "=1.6.0",
|
|
75
|
-
"eslint-plugin-sort-destructure-keys": "1.2.0",
|
|
76
|
-
"final-form": "=4.13.1",
|
|
77
|
-
"husky": "=1.3.1",
|
|
78
|
-
"jest": "=24.7.1",
|
|
79
|
-
"jest-dom": "^3.5.0",
|
|
80
|
-
"jest-styled-components": "=6.3.1",
|
|
81
|
-
"react": "16.8.6",
|
|
82
|
-
"react-dom": "16.8.6",
|
|
83
|
-
"react-final-form": "=6.0.1",
|
|
84
|
-
"react-router-dom": "4.2.2",
|
|
85
|
-
"rollup": "=1.12.4",
|
|
86
|
-
"rollup-plugin-babel": "=4.3.2",
|
|
87
|
-
"rollup-plugin-node-resolve": "^5.0.1",
|
|
88
|
-
"rollup-plugin-postcss": "=2.0.3",
|
|
89
|
-
"rollup-plugin-size-snapshot": "^0.9.0",
|
|
90
|
-
"standard-version": "^6.0.1",
|
|
91
|
-
"style-loader": "=0.23.1",
|
|
92
|
-
"svgo": "=1.2.2"
|
|
93
|
-
},
|
|
94
47
|
"dependencies": {
|
|
95
|
-
"@
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
"
|
|
48
|
+
"@ariakit/react": "0.4.15"
|
|
49
|
+
},
|
|
50
|
+
"devDependencies": {
|
|
51
|
+
"@types/react": "^18.3.12",
|
|
52
|
+
"@xstyled/styled-components": "^3.7.3",
|
|
53
|
+
"react": "^18.0.0",
|
|
54
|
+
"rollup-preserve-directives": "^1.1.3",
|
|
55
|
+
"styled-components": "^5.3.9",
|
|
56
|
+
"typescript": "^5.6.3",
|
|
57
|
+
"vite-plugin-dts": "^4.3.0",
|
|
58
|
+
"vite": "^5.4.10",
|
|
59
|
+
"wttj-config": "^3.0.1"
|
|
106
60
|
},
|
|
107
61
|
"peerDependencies": {
|
|
108
|
-
"
|
|
109
|
-
"react
|
|
110
|
-
"
|
|
62
|
+
"@xstyled/styled-components": "^3.7.3",
|
|
63
|
+
"react": "^18.0.0",
|
|
64
|
+
"styled-components": "^5.3.9"
|
|
111
65
|
},
|
|
112
66
|
"resolutions": {
|
|
113
|
-
"
|
|
67
|
+
"loader-utils": "2.0.3"
|
|
114
68
|
},
|
|
115
|
-
"
|
|
116
|
-
"hooks": {
|
|
117
|
-
"pre-push": "yarn lint && yarn icons:optimize && yarn icons:collect && yarn test",
|
|
118
|
-
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
|
|
119
|
-
}
|
|
120
|
-
}
|
|
69
|
+
"homepage": "https://welcome-ui.com"
|
|
121
70
|
}
|
package/CHANGELOG.md
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
|
-
|
|
5
|
-
### [0.8.5](https://github.com/WTTJ/welcome-ui/compare/v0.8.3...v0.8.5) (2019-06-18)
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
### [0.8.4](https://github.com/WTTJ/welcome-ui/compare/v0.8.3...v0.8.4) (2019-06-18)
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
### [0.8.3](https://github.com/WTTJ/welcome-ui/compare/v0.8.1...v0.8.3) (2019-06-18)
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
### Bug Fixes
|
|
17
|
-
|
|
18
|
-
* margin-bottom on Field components ([688b140](https://github.com/WTTJ/welcome-ui/commit/688b140)), closes [#92](https://github.com/WTTJ/welcome-ui/issues/92)
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
### Tests
|
|
22
|
-
|
|
23
|
-
* add tests on Growl and GrowTitle ([c6c8981](https://github.com/WTTJ/welcome-ui/commit/c6c8981))
|
|
24
|
-
* Tag ([c123a57](https://github.com/WTTJ/welcome-ui/commit/c123a57))
|
|
25
|
-
* Text ([fef8f08](https://github.com/WTTJ/welcome-ui/commit/fef8f08))
|
|
26
|
-
* Toggle ([0e3148b](https://github.com/WTTJ/welcome-ui/commit/0e3148b))
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
### [0.8.2](https://github.com/WTTJ/welcome-ui/compare/v0.8.1...v0.8.2) (2019-06-18)
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
### Bug Fixes
|
|
34
|
-
|
|
35
|
-
* margin-bottom on Field components ([688b140](https://github.com/WTTJ/welcome-ui/commit/688b140)), closes [#92](https://github.com/WTTJ/welcome-ui/issues/92)
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
### Tests
|
|
39
|
-
|
|
40
|
-
* add tests on Growl and GrowTitle ([c6c8981](https://github.com/WTTJ/welcome-ui/commit/c6c8981))
|
|
41
|
-
* Tag ([c123a57](https://github.com/WTTJ/welcome-ui/commit/c123a57))
|
|
42
|
-
* Text ([fef8f08](https://github.com/WTTJ/welcome-ui/commit/fef8f08))
|
|
43
|
-
* Toggle ([0e3148b](https://github.com/WTTJ/welcome-ui/commit/0e3148b))
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
### [0.8.1](https://github.com/WTTJ/welcome-ui/compare/v0.8.0...v0.8.1) (2019-06-17)
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
### Bug Fixes
|
|
51
|
-
|
|
52
|
-
* wrong exported component ([fb419b0](https://github.com/WTTJ/welcome-ui/commit/fb419b0))
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
## [0.8.0](https://github.com/WTTJ/welcome-ui/compare/v0.7.0...v0.8.0) (2019-06-17)
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
### Bug Fixes
|
|
60
|
-
|
|
61
|
-
* add missing onKeyDown on inputs ([e19226e](https://github.com/WTTJ/welcome-ui/commit/e19226e))
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
### Features
|
|
65
|
-
|
|
66
|
-
* add missing date icon ([7279b4f](https://github.com/WTTJ/welcome-ui/commit/7279b4f))
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
### Tests
|
|
70
|
-
|
|
71
|
-
* add tests on Label ([07366f9](https://github.com/WTTJ/welcome-ui/commit/07366f9))
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
## [0.7.0](https://github.com/WTTJ/welcome-ui/compare/v0.6.4...v0.7.0) (2019-06-17)
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
### Features
|
|
79
|
-
|
|
80
|
-
* add tiny button ([#90](https://github.com/WTTJ/welcome-ui/issues/90)) ([358566d](https://github.com/WTTJ/welcome-ui/commit/358566d))
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
### [0.6.4](https://github.com/WTTJ/welcome-ui/compare/v0.6.3...v0.6.4) (2019-06-17)
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
### Bug Fixes
|
|
88
|
-
|
|
89
|
-
* rebase package json ([86e6dac](https://github.com/WTTJ/welcome-ui/commit/86e6dac))
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
### [0.6.3](https://github.com/WTTJ/welcome-ui/compare/v0.6.2...v0.6.3) (2019-06-17)
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
### Bug Fixes
|
|
97
|
-
|
|
98
|
-
* add search type for input ([#82](https://github.com/WTTJ/welcome-ui/issues/82)) ([c45d14f](https://github.com/WTTJ/welcome-ui/commit/c45d14f))
|
|
99
|
-
* forward onKeyDown on Field ([b4c2c33](https://github.com/WTTJ/welcome-ui/commit/b4c2c33))
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
### Tests
|
|
103
|
-
|
|
104
|
-
* add tests on Badge ([#83](https://github.com/WTTJ/welcome-ui/issues/83)) ([38db99a](https://github.com/WTTJ/welcome-ui/commit/38db99a))
|
|
105
|
-
* add tests on Box ([#84](https://github.com/WTTJ/welcome-ui/issues/84)) ([db04ce2](https://github.com/WTTJ/welcome-ui/commit/db04ce2))
|
|
106
|
-
* add tests on Hint ([056fd07](https://github.com/WTTJ/welcome-ui/commit/056fd07))
|