@lotte-innovate/ui-component-test 0.2.7 → 0.2.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,393 +0,0 @@
1
- // 기본 그레이 색상
2
- export var slate = {
3
- 1: '#fcfcfd',
4
- 2: '#f9f9fb',
5
- 3: '#f0f0f3',
6
- 4: '#e8e8ec',
7
- 5: '#e0e1e6',
8
- 6: '#d9d9e0',
9
- 7: '#cdced6',
10
- 8: '#b9bbc6',
11
- 9: '#8b8d98',
12
- 10: '#80838d',
13
- 11: '#60646c',
14
- 12: '#1c2024',
15
- };
16
- export var olive = {
17
- 1: '#fcfdfc',
18
- 2: '#f8faf8',
19
- 3: '#eff1ef',
20
- 4: '#e7e9e7',
21
- 5: '#dfe2df',
22
- 6: '#d7dad7',
23
- 7: '#cccfcc',
24
- 8: '#b9bcb8',
25
- 9: '#898e87',
26
- 10: '#7f847d',
27
- 11: '#60655f',
28
- 12: '#1d211c',
29
- };
30
- export var sand = {
31
- 1: '#fdfdfc',
32
- 2: '#f9f9f8',
33
- 3: '#f1f0ef',
34
- 4: '#e9e8e6',
35
- 5: '#e2e1de',
36
- 6: '#dad9d6',
37
- 7: '#cfceca',
38
- 8: '#bcbbb5',
39
- 9: '#8d8d86',
40
- 10: '#82827c',
41
- 11: '#63635e',
42
- 12: '#21201c',
43
- };
44
- export var tomato = {
45
- 1: '#fffcfc',
46
- 2: '#fff8f7',
47
- 3: '#feebe7',
48
- 4: '#ffdcd3',
49
- 5: '#ffcdc2',
50
- 6: '#fdbdaf',
51
- 7: '#f5a898',
52
- 8: '#ec8e7b',
53
- 9: '#e54d2e',
54
- 10: '#dd4425',
55
- 11: '#d13415',
56
- 12: '#5c271f',
57
- };
58
- export var red = {
59
- 1: '#fffcfc',
60
- 2: '#fff7f7',
61
- 3: '#feebec',
62
- 4: '#ffdbdc',
63
- 5: '#ffcdce',
64
- 6: '#fdbdbe',
65
- 7: '#f4a9aa',
66
- 8: '#eb8e90',
67
- 9: '#da291c',
68
- 10: '#b52217',
69
- 11: '#881a11',
70
- 12: '#641723',
71
- };
72
- export var ruby = {
73
- 1: '#fffcfd',
74
- 2: '#fff7f8',
75
- 3: '#feeaed',
76
- 4: '#ffdce1',
77
- 5: '#ffced6',
78
- 6: '#f8bfc8',
79
- 7: '#efacb8',
80
- 8: '#e592a3',
81
- 9: '#e54666',
82
- 10: '#dc3b5d',
83
- 11: '#ca244d',
84
- 12: '#64172b',
85
- };
86
- export var crimson = {
87
- 1: '#fffcfd',
88
- 2: '#fef7f9',
89
- 3: '#ffe9f0',
90
- 4: '#fedce7',
91
- 5: '#facedd',
92
- 6: '#f3bed1',
93
- 7: '#eaacc3',
94
- 8: '#e093b2',
95
- 9: '#e93d82',
96
- 10: '#df3478',
97
- 11: '#cb1d63',
98
- 12: '#621639',
99
- };
100
- export var pink = {
101
- 1: '#fffcfe',
102
- 2: '#fef7fb',
103
- 3: '#fee9f5',
104
- 4: '#fbdcef',
105
- 5: '#f6cee7',
106
- 6: '#efbfdd',
107
- 7: '#e7acd0',
108
- 8: '#dd93c2',
109
- 9: '#d6409f',
110
- 10: '#cf3897',
111
- 11: '#c2298a',
112
- 12: '#651249',
113
- };
114
- export var plum = {
115
- 1: '#fefcff',
116
- 2: '#fdf7fd',
117
- 3: '#fbebfb',
118
- 4: '#f7def8',
119
- 5: '#f2d1f3',
120
- 6: '#e9c2ec',
121
- 7: '#deade3',
122
- 8: '#cf91d8',
123
- 9: '#ab4aba',
124
- 10: '#a144af',
125
- 11: '#953ea3',
126
- 12: '#53195d',
127
- };
128
- export var purple = {
129
- 1: '#fefcfe',
130
- 2: '#fbf7fe',
131
- 3: '#f7edfe',
132
- 4: '#f2e2fc',
133
- 5: '#ead5f9',
134
- 6: '#e0c4f4',
135
- 7: '#d1afec',
136
- 8: '#be93e4',
137
- 9: '#8e4ec6',
138
- 10: '#8347b9',
139
- 11: '#8145b5',
140
- 12: '#402060',
141
- };
142
- export var violet = {
143
- 1: '#fdfcfe',
144
- 2: '#faf8ff',
145
- 3: '#f4f0fe',
146
- 4: '#ebe4ff',
147
- 5: '#e1d9ff',
148
- 6: '#d4cafe',
149
- 7: '#c2b5f5',
150
- 8: '#aa99ec',
151
- 9: '#6e56cf',
152
- 10: '#654dc4',
153
- 11: '#6550b9',
154
- 12: '#2f265f',
155
- };
156
- export var iris = {
157
- 1: '#fdfdff',
158
- 2: '#f8f8ff',
159
- 3: '#f0f1fe',
160
- 4: '#e6e7ff',
161
- 5: '#dadcff',
162
- 6: '#cbcdff',
163
- 7: '#b8baf8',
164
- 8: '#9b9ef0',
165
- 9: '#5b5bd6',
166
- 10: '#5151cd',
167
- 11: '#5753c6',
168
- 12: '#272962',
169
- };
170
- export var indigo = {
171
- 1: '#fdfdfe',
172
- 2: '#f7f9ff',
173
- 3: '#edf2fe',
174
- 4: '#e1e9ff',
175
- 5: '#d2deff',
176
- 6: '#c1d0ff',
177
- 7: '#abbdf9',
178
- 8: '#8da4ef',
179
- 9: '#3e63dd',
180
- 10: '#3358d4',
181
- 11: '#3a5bc7',
182
- 12: '#1f2d5c',
183
- };
184
- export var blue = {
185
- 1: '#fbfdff',
186
- 2: '#f4faff',
187
- 3: '#e6f4fe',
188
- 4: '#d5efff',
189
- 5: '#c2e5ff',
190
- 6: '#acd8fc',
191
- 7: '#8ec8f6',
192
- 8: '#5eb1ef',
193
- 9: '#0090ff',
194
- 10: '#0588f0',
195
- 11: '#0d74ce',
196
- 12: '#113264',
197
- };
198
- export var cyan = {
199
- 1: '#fafdfe',
200
- 2: '#f2fafb',
201
- 3: '#def7f9',
202
- 4: '#caf1f6',
203
- 5: '#b5e9f0',
204
- 6: '#9ddde7',
205
- 7: '#7dcedc',
206
- 8: '#3db9cf',
207
- 9: '#00a2c7',
208
- 10: '#0797b9',
209
- 11: '#107d98',
210
- 12: '#0d3c48',
211
- };
212
- export var teal = {
213
- 1: '#fafefd',
214
- 2: '#f3fbf9',
215
- 3: '#e0f8f3',
216
- 4: '#ccf3ea',
217
- 5: '#b8eae0',
218
- 6: '#a1ded2',
219
- 7: '#83cdc1',
220
- 8: '#53b9ab',
221
- 9: '#12a594',
222
- 10: '#0d9b8a',
223
- 11: '#008573',
224
- 12: '#0d3d38',
225
- };
226
- export var jade = {
227
- 1: '#fbfefd',
228
- 2: '#f4fbf7',
229
- 3: '#e6f7ed',
230
- 4: '#d6f1e3',
231
- 5: '#c3e9d7',
232
- 6: '#acdec8',
233
- 7: '#8bceb6',
234
- 8: '#56ba9f',
235
- 9: '#29a383',
236
- 10: '#26997b',
237
- 11: '#208368',
238
- 12: '#1d3b31',
239
- };
240
- export var green = {
241
- 1: '#fbfefc',
242
- 2: '#f4fbf6',
243
- 3: '#e6f6eb',
244
- 4: '#d6f1df',
245
- 5: '#c4e8d1',
246
- 6: '#adddc0',
247
- 7: '#8eceaa',
248
- 8: '#5bb98b',
249
- 9: '#30a46c',
250
- 10: '#2b9a66',
251
- 11: '#218358',
252
- 12: '#193b2d',
253
- };
254
- export var grass = {
255
- 1: '#fbfefb',
256
- 2: '#f5fbf5',
257
- 3: '#e9f6e9',
258
- 4: '#daf1db',
259
- 5: '#c9e8ca',
260
- 6: '#b2ddb5',
261
- 7: '#94ce9a',
262
- 8: '#65ba74',
263
- 9: '#46a758',
264
- 10: '#3e9b4f',
265
- 11: '#2a7e3b',
266
- 12: '#203c25',
267
- };
268
- export var brown = {
269
- 1: '#fefdfc',
270
- 2: '#fcf9f6',
271
- 3: '#f6eee7',
272
- 4: '#f0e4d9',
273
- 5: '#ebdaca',
274
- 6: '#e4cdb7',
275
- 7: '#dcbc9f',
276
- 8: '#cea37e',
277
- 9: '#ad7f58',
278
- 10: '#a07553',
279
- 11: '#815e46',
280
- 12: '#3e332e',
281
- };
282
- export var bronze = {
283
- 1: '#fdfcfc',
284
- 2: '#fdf7f5',
285
- 3: '#f6edea',
286
- 4: '#efe4df',
287
- 5: '#e7d9d3',
288
- 6: '#dfcdc5',
289
- 7: '#d3bcb3',
290
- 8: '#c2a499',
291
- 9: '#a18072',
292
- 10: '#957468',
293
- 11: '#7d5e54',
294
- 12: '#43302b',
295
- };
296
- export var gold = {
297
- 1: '#fdfdfc',
298
- 2: '#faf9f2',
299
- 3: '#f2f0e7',
300
- 4: '#eae6db',
301
- 5: '#e1dccf',
302
- 6: '#d8d0bf',
303
- 7: '#cbc0aa',
304
- 8: '#b9a88d',
305
- 9: '#978365',
306
- 10: '#8c7a5e',
307
- 11: '#71624b',
308
- 12: '#3b352b',
309
- };
310
- export var sky = {
311
- 1: '#f9feff',
312
- 2: '#f1fafd',
313
- 3: '#e1f6fd',
314
- 4: '#d1f0fa',
315
- 5: '#bee7f5',
316
- 6: '#a9daed',
317
- 7: '#8dcae3',
318
- 8: '#60b3d7',
319
- 9: '#7ce2fe',
320
- 10: '#74daf8',
321
- 11: '#00749e',
322
- 12: '#1d3e56',
323
- };
324
- export var mint = {
325
- 1: '#f9fefd',
326
- 2: '#f2fbf9',
327
- 3: '#ddf9f2',
328
- 4: '#c8f4e9',
329
- 5: '#b3ecde',
330
- 6: '#9ce0d0',
331
- 7: '#7ecfbd',
332
- 8: '#4cbba5',
333
- 9: '#86ead4',
334
- 10: '#7de0cb',
335
- 11: '#027864',
336
- 12: '#16433c',
337
- };
338
- export var lime = {
339
- 1: '#fcfdfa',
340
- 2: '#f8faf3',
341
- 3: '#eef6d6',
342
- 4: '#e2f0bd',
343
- 5: '#d3e7a6',
344
- 6: '#c2da91',
345
- 7: '#abc978',
346
- 8: '#8db654',
347
- 9: '#bdee63',
348
- 10: '#b0e64c',
349
- 11: '#5c7c2f',
350
- 12: '#37401c',
351
- };
352
- export var yellow = {
353
- 1: '#fdfdf9',
354
- 2: '#fefce9',
355
- 3: '#fffab8',
356
- 4: '#fff394',
357
- 5: '#ffe770',
358
- 6: '#f3d768',
359
- 7: '#e4c767',
360
- 8: '#d5ae39',
361
- 9: '#ffe629',
362
- 10: '#ffdc00',
363
- 11: '#9e6c00',
364
- 12: '#473b1f',
365
- };
366
- export var amber = {
367
- 1: '#fefdfb',
368
- 2: '#fefbe9',
369
- 3: '#fff7c2',
370
- 4: '#ffee9c',
371
- 5: '#fbe577',
372
- 6: '#f3d673',
373
- 7: '#e9c162',
374
- 8: '#e2a336',
375
- 9: '#ffc53d',
376
- 10: '#ffba18',
377
- 11: '#ab6400',
378
- 12: '#4f3422',
379
- };
380
- export var orange = {
381
- 1: '#fefcfb',
382
- 2: '#fff7ed',
383
- 3: '#ffefd6',
384
- 4: '#ffdfb5',
385
- 5: '#ffd19a',
386
- 6: '#ffc182',
387
- 7: '#f5ae73',
388
- 8: '#ec9455',
389
- 9: '#f76b15',
390
- 10: '#ef5f00',
391
- 11: '#cc4e00',
392
- 12: '#582d1d',
393
- };
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { IColor, IRadius, IScaling, IWeight } from '../../lib/types';
3
- type ITheme = {
4
- themeColor?: IColor;
5
- themeRadius?: IRadius;
6
- themeScaling?: IScaling;
7
- themeWeight?: IWeight;
8
- };
9
- export declare const useTheme: () => {
10
- theme: ITheme;
11
- updateTheme: (newTheme: Partial<ITheme>) => void;
12
- };
13
- declare const ThemeProvider: ({ children }: {
14
- children: React.ReactNode;
15
- }) => import("react/jsx-runtime").JSX.Element;
16
- export default ThemeProvider;
@@ -1,29 +0,0 @@
1
- 'use client';
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import { createContext, useContext, useState } from 'react';
15
- var defaultThemeValue = {};
16
- var ThemeContext = createContext({
17
- theme: defaultThemeValue,
18
- updateTheme: function () { },
19
- });
20
- export var useTheme = function () { return useContext(ThemeContext); };
21
- var ThemeProvider = function (_a) {
22
- var children = _a.children;
23
- var _b = useState(defaultThemeValue), theme = _b[0], setTheme = _b[1];
24
- var updateTheme = function (newTheme) {
25
- setTheme(function (prevTheme) { return (__assign(__assign({}, prevTheme), newTheme)); });
26
- };
27
- return _jsx(ThemeContext.Provider, { value: { theme: theme, updateTheme: updateTheme }, children: children });
28
- };
29
- export default ThemeProvider;
@@ -1,3 +0,0 @@
1
- "use client";
2
- import{jsx as r}from"react/jsx-runtime";import{createContext as t,useContext as e,useState as n}from"react";var o=function(){return o=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},o.apply(this,arguments)},u={},i=t({theme:u,updateTheme:function(){}}),a=function(){return e(i)},c=function(t){var e=t.children,a=n(u),c=a[0],f=a[1];return r(i.Provider,{value:{theme:c,updateTheme:function(r){f((function(t){return o(o({},t),r)}))}},children:e})};export{c as default,a as useTheme};
3
- //# sourceMappingURL=ThemeProvider.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThemeProvider.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,2 +0,0 @@
1
- export { default as LuiThemeProvider } from './ThemeProvider';
2
- export { useTheme } from './ThemeProvider';
@@ -1,2 +0,0 @@
1
- export { default as LuiThemeProvider } from './ThemeProvider';
2
- export { useTheme } from './ThemeProvider';
@@ -1,90 +0,0 @@
1
- import { ComponentProps } from 'react';
2
- import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
3
- export type IRadius = 'none' | 'small' | 'medium' | 'large' | 'full';
4
- export type IScaling = '90%' | '95%' | '100%' | '105%' | '110%';
5
- export type IWeight = 'regular' | 'medium' | 'semibold' | 'bold';
6
- export type ITheme = 'light' | 'dark';
7
- export type ITypoSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
8
- export type ISize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
9
- export type IAppearance = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
10
- export type PointStyle = 'circle' | 'cross' | 'crossRot' | 'dash' | 'line' | 'rect' | 'rectRounded' | 'rectRot' | 'star' | 'triangle' | false;
11
- export type IColor = 'slate' | 'olive' | 'sand' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'brown' | 'bronze' | 'gold' | 'sky' | 'mint' | 'lime' | 'yellow' | 'amber' | 'orange' | 'black' | 'white';
12
- export type IDarkColor = 'blackDark' | 'whiteDark' | 'slateDark' | 'oliveDark' | 'sandDark' | 'tomatoDark' | 'redDark' | 'rubyDark' | 'crimsonDark' | 'pinkDark' | 'plumDark' | 'purpleDark' | 'violetDark' | 'irisDark' | 'indigoDark' | 'blueDark' | 'cyanDark' | 'tealDark' | 'jadeDark' | 'greenDark' | 'grassDark' | 'brownDark' | 'bronzeDark' | 'goldDark' | 'skyDark' | 'mintDark' | 'limeDark' | 'yellowDark' | 'amberDark' | 'orangeDark' | 'slateDarkA' | 'oliveDarkA' | 'sandDarkA' | 'tomatoDarkA' | 'redDarkA' | 'rubyDarkA' | 'crimsonDarkA' | 'pinkDarkA' | 'plumDarkA' | 'purpleDarkA' | 'violetDarkA' | 'irisDarkA' | 'indigoDarkA' | 'blueDarkA' | 'cyanDarkA' | 'tealDarkA' | 'jadeDarkA' | 'greenDarkA' | 'grassDarkA' | 'brownDarkA' | 'bronzeDarkA' | 'goldDarkA' | 'skyDarkA' | 'mintDarkA' | 'limeDarkA' | 'yellowDarkA' | 'amberDarkA' | 'orangeDarkA';
13
- export type IAlphaColor = 'slateA' | 'oliveA' | 'sandA' | 'tomatoA' | 'redA' | 'rubyA' | 'crimsonA' | 'pinkA' | 'plumA' | 'purpleA' | 'violetA' | 'irisA' | 'indigoA' | 'blueA' | 'cyanA' | 'tealA' | 'jadeA' | 'greenA' | 'grassA' | 'brownA' | 'bronzeA' | 'goldA' | 'skyA' | 'mintA' | 'limeA' | 'yellowA' | 'amberA' | 'orangeA';
14
- export type IChartTitle = {
15
- text?: string | string[];
16
- display?: boolean;
17
- position?: 'top' | 'right' | 'bottom' | 'left';
18
- align?: 'start' | 'center' | 'end';
19
- font?: {
20
- size?: number;
21
- weight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number;
22
- lineHeight?: number;
23
- };
24
- };
25
- export type IChartLegend = {
26
- display?: boolean;
27
- align?: 'start' | 'center' | 'end';
28
- position?: 'top' | 'right' | 'bottom' | 'left';
29
- maxHeight?: number;
30
- maxWidth?: number;
31
- fullSize?: boolean;
32
- reverse?: boolean;
33
- labels?: {
34
- boxWidth?: number;
35
- boxHeight?: number;
36
- padding?: number;
37
- textAlign?: 'left' | 'right' | 'center';
38
- color?: string;
39
- usePointStyle?: boolean;
40
- pointStyle?: PointStyle;
41
- pointStyleWidth?: number;
42
- useBorderRadius?: boolean;
43
- borderRadius?: number;
44
- };
45
- rtl?: boolean;
46
- textDirection?: 'rtl' | 'ltr';
47
- title?: {
48
- color?: string;
49
- display?: boolean;
50
- padding?: number;
51
- text?: string;
52
- };
53
- };
54
- export type IChartDatasets = {
55
- label?: string;
56
- backgroundColor?: string[] | string;
57
- borderColor?: string[] | string;
58
- borderWidth?: number;
59
- borderRadius?: number;
60
- borderDash?: number[];
61
- borderDashOffset?: number;
62
- hoverBackgroundColor?: string;
63
- hoverBorderColor?: string;
64
- hoverBorderWidth?: number;
65
- pointStyle?: PointStyle;
66
- offset?: number;
67
- spacing?: number;
68
- weight?: number;
69
- order?: number;
70
- hidden?: boolean;
71
- };
72
- export type IChartDataLabels = {
73
- display?: boolean;
74
- color?: string;
75
- align?: 'start' | 'center' | 'end' | number;
76
- backgroundColor?: string | ((context: any) => string);
77
- borderColor?: string;
78
- borderRadius?: number;
79
- borderWidth?: number;
80
- font?: object;
81
- formatter?: (x: number) => number;
82
- padding?: number;
83
- };
84
- export type IExtendedAccentColor = ComponentProps<typeof Theme>['accentColor'] & IColor;
85
- export type IExtendedThemeColor = ComponentProps<typeof SliderTheme>['color'] & IColor;
86
- export interface INavItem {
87
- title: string;
88
- href: string;
89
- disabled?: boolean;
90
- }
package/dist/lib/types.js DELETED
@@ -1 +0,0 @@
1
- export {};