@pop-ui/foundation 0.0.24 → 0.0.26
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/README.md +3 -3
- package/dist/foundation.js +1835 -918
- package/dist/foundation.umd.cjs +1 -1
- package/dist/types/index.d.ts +102 -82
- package/package.json +2 -2
package/dist/types/index.d.ts
CHANGED
|
@@ -192,9 +192,7 @@ export declare const ColorGreen800 = "#05603a";
|
|
|
192
192
|
|
|
193
193
|
export declare const ColorGreen900 = "#054f31";
|
|
194
194
|
|
|
195
|
-
export declare
|
|
196
|
-
|
|
197
|
-
export declare const colorNames: ColorName[];
|
|
195
|
+
export declare const colorNames: TColorName[];
|
|
198
196
|
|
|
199
197
|
export declare const ColorOrange100 = "#ffe8cc";
|
|
200
198
|
|
|
@@ -218,10 +216,6 @@ export declare const ColorOrange900 = "#d9480f";
|
|
|
218
216
|
|
|
219
217
|
export declare const ColorPalette: default_2.FC;
|
|
220
218
|
|
|
221
|
-
export declare interface ColorPaletteType {
|
|
222
|
-
[colorName: string]: ColorShades;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
219
|
export declare const ColorPurple100 = "#e5dbff";
|
|
226
220
|
|
|
227
221
|
export declare const ColorPurple200 = "#d0bfff";
|
|
@@ -262,19 +256,7 @@ export declare const ColorRed800 = "#c92a2a";
|
|
|
262
256
|
|
|
263
257
|
export declare const ColorRed900 = "#ab1313";
|
|
264
258
|
|
|
265
|
-
export declare const colors:
|
|
266
|
-
|
|
267
|
-
export declare type ColorShade<T extends ColorName> = keyof typeof colors[T];
|
|
268
|
-
|
|
269
|
-
/**
|
|
270
|
-
* Design System Color Tokens
|
|
271
|
-
*
|
|
272
|
-
* token.json에서 추출된 색상 팔레트
|
|
273
|
-
* 모든 색상은 global.color에서 정의됩니다.
|
|
274
|
-
*/
|
|
275
|
-
export declare interface ColorShades {
|
|
276
|
-
[shade: string]: string;
|
|
277
|
-
}
|
|
259
|
+
export declare const colors: IColorPaletteType;
|
|
278
260
|
|
|
279
261
|
export declare const ColorYellow100 = "#ffff9f";
|
|
280
262
|
|
|
@@ -296,123 +278,157 @@ export declare const ColorYellow800 = "#f08c00";
|
|
|
296
278
|
|
|
297
279
|
export declare const ColorYellow900 = "#e27500";
|
|
298
280
|
|
|
299
|
-
export declare const getColorShades: (colorName:
|
|
281
|
+
export declare const getColorShades: (colorName: TColorName) => IColorShades;
|
|
300
282
|
|
|
301
|
-
export declare const getColorValue: (colorName:
|
|
283
|
+
export declare const getColorValue: (colorName: TColorName, shade: string) => string | undefined;
|
|
302
284
|
|
|
303
285
|
export declare const getCSSVariableName: (colorName: string, shade: string) => string;
|
|
304
286
|
|
|
305
287
|
export declare const getCSSVariableRef: (colorName: string, shade: string) => string;
|
|
306
288
|
|
|
307
|
-
export declare
|
|
289
|
+
export declare interface IColorPaletteType {
|
|
290
|
+
[colorName: string]: IColorShades;
|
|
291
|
+
}
|
|
308
292
|
|
|
309
|
-
|
|
293
|
+
/**
|
|
294
|
+
* Design System Color Tokens
|
|
295
|
+
*
|
|
296
|
+
* token.json에서 추출된 색상 팔레트
|
|
297
|
+
* 모든 색상은 global.color에서 정의됩니다.
|
|
298
|
+
*/
|
|
299
|
+
export declare interface IColorShades {
|
|
300
|
+
[shade: string]: string;
|
|
301
|
+
}
|
|
310
302
|
|
|
311
|
-
export declare function
|
|
303
|
+
export declare function IconAnalytics({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
312
304
|
|
|
313
|
-
export declare function
|
|
305
|
+
export declare function IconArrowLeft({ size, color, ...props }: IIconProps): JSX.Element;
|
|
314
306
|
|
|
315
|
-
export declare function
|
|
307
|
+
export declare function IconArrowRight({ size, color, ...props }: IIconProps): JSX.Element;
|
|
316
308
|
|
|
317
|
-
export declare function
|
|
309
|
+
export declare function IconBookmark({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
318
310
|
|
|
319
|
-
declare
|
|
320
|
-
checkColor?: string;
|
|
321
|
-
}
|
|
311
|
+
export declare function IconBrowse({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
322
312
|
|
|
323
|
-
export declare function
|
|
313
|
+
export declare function IconCalendar({ size, color, ...props }: IIconProps): JSX.Element;
|
|
324
314
|
|
|
325
|
-
export declare function
|
|
315
|
+
export declare function IconCamera({ size, color, ...props }: IIconProps): JSX.Element;
|
|
326
316
|
|
|
327
|
-
export declare function
|
|
317
|
+
export declare function IconCheck({ size, color, ...props }: IIconProps): JSX.Element;
|
|
328
318
|
|
|
329
|
-
export declare function
|
|
319
|
+
export declare function IconCheckCircle({ size, color, ...props }: IIconProps): JSX.Element;
|
|
330
320
|
|
|
331
|
-
export declare function
|
|
321
|
+
export declare function IconChevronDown({ size, color, ...props }: IIconProps): JSX.Element;
|
|
332
322
|
|
|
333
|
-
export declare function
|
|
323
|
+
export declare function IconChevronLeft({ size, color, ...props }: IIconProps): JSX.Element;
|
|
334
324
|
|
|
335
|
-
export declare function
|
|
325
|
+
export declare function IconChevronRight({ size, color, ...props }: IIconProps): JSX.Element;
|
|
336
326
|
|
|
337
|
-
export declare function
|
|
327
|
+
export declare function IconChevronRightDouble({ size, color, ...props }: IIconProps): JSX.Element;
|
|
338
328
|
|
|
339
|
-
export declare function
|
|
329
|
+
export declare function IconChevronUp({ size, color, ...props }: IIconProps): JSX.Element;
|
|
340
330
|
|
|
341
|
-
export declare function
|
|
331
|
+
export declare function IconClock({ size, color, ...props }: IIconProps): JSX.Element;
|
|
342
332
|
|
|
343
|
-
export declare function
|
|
333
|
+
export declare function IconClose({ size, color, ...props }: IIconProps): JSX.Element;
|
|
344
334
|
|
|
345
|
-
export declare function
|
|
335
|
+
export declare function IconCloseCircle({ size, color, ...props }: IIconProps): JSX.Element;
|
|
346
336
|
|
|
347
|
-
export declare function
|
|
337
|
+
export declare function IconCopy({ size, color, ...props }: IIconProps): JSX.Element;
|
|
348
338
|
|
|
349
|
-
export declare function
|
|
339
|
+
export declare function IconDev({ size, color, ...props }: IIconProps): JSX.Element;
|
|
350
340
|
|
|
351
|
-
export declare function
|
|
341
|
+
export declare function IconDown({ size, color, ...props }: IIconProps): JSX.Element;
|
|
352
342
|
|
|
353
|
-
export declare function
|
|
343
|
+
export declare function IconDragMenu({ size, color, ...props }: IIconProps): JSX.Element;
|
|
354
344
|
|
|
355
|
-
export declare function
|
|
345
|
+
export declare function IconEdit({ size, color, ...props }: IIconProps): JSX.Element;
|
|
356
346
|
|
|
357
|
-
export declare function
|
|
347
|
+
export declare function IconExport({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
|
|
358
348
|
|
|
359
|
-
export declare function
|
|
349
|
+
export declare function IconFilter({ size, color, ...props }: IIconProps): JSX.Element;
|
|
360
350
|
|
|
361
|
-
declare
|
|
362
|
-
border?: string;
|
|
363
|
-
}
|
|
351
|
+
export declare function IconHeart({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
364
352
|
|
|
365
|
-
export declare function
|
|
353
|
+
export declare function IconHelp({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
|
|
366
354
|
|
|
367
|
-
export declare function
|
|
355
|
+
export declare function IconHome({ size, color, ...props }: IIconProps): JSX.Element;
|
|
368
356
|
|
|
369
|
-
export declare function
|
|
357
|
+
export declare function IconInfoCircle({ size, color, ...props }: IIconProps): JSX.Element;
|
|
370
358
|
|
|
371
|
-
export declare function
|
|
359
|
+
export declare function IconKebap({ size, color, ...props }: IIconProps): JSX.Element;
|
|
372
360
|
|
|
373
|
-
export declare function
|
|
361
|
+
export declare function IconLike({ size, color, ...props }: IIconProps): JSX.Element;
|
|
374
362
|
|
|
375
|
-
export declare function
|
|
363
|
+
export declare function IconLink({ size, color, ...props }: IIconProps): JSX.Element;
|
|
376
364
|
|
|
377
|
-
export declare function
|
|
365
|
+
export declare function IconListMenu({ size, color, ...props }: IIconProps): JSX.Element;
|
|
378
366
|
|
|
379
|
-
export declare function
|
|
367
|
+
export declare function IconLocation({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
|
|
380
368
|
|
|
381
|
-
export declare
|
|
382
|
-
size?: number;
|
|
383
|
-
color?: string;
|
|
384
|
-
}
|
|
369
|
+
export declare function IconMap({ size, color, ...props }: IIconProps): JSX.Element;
|
|
385
370
|
|
|
386
|
-
export declare function
|
|
371
|
+
export declare function IconMapMarker({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
387
372
|
|
|
388
|
-
export declare function
|
|
373
|
+
export declare function IconMenu({ size, color, ...props }: IIconProps): JSX.Element;
|
|
389
374
|
|
|
390
|
-
export declare function
|
|
375
|
+
export declare function IconMetaBall({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
|
|
391
376
|
|
|
392
|
-
export declare function
|
|
377
|
+
export declare function IconMoney({ size, color, ...props }: IIconProps): JSX.Element;
|
|
393
378
|
|
|
394
|
-
export declare function
|
|
379
|
+
export declare function IconNotification({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
395
380
|
|
|
396
|
-
export declare function
|
|
381
|
+
export declare function IconPhone({ size, color, ...props }: IIconProps): JSX.Element;
|
|
397
382
|
|
|
398
|
-
export declare function
|
|
383
|
+
export declare function IconPhoneCall({ size, color, ...props }: IIconProps): JSX.Element;
|
|
399
384
|
|
|
400
|
-
declare
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
385
|
+
export declare function IconPhoto({ size, color, ...props }: IIconProps): JSX.Element;
|
|
386
|
+
|
|
387
|
+
export declare function IconPlus({ size, color, ...props }: IIconProps): JSX.Element;
|
|
388
|
+
|
|
389
|
+
export declare function IconPlusCircle({ size, color, ...props }: IIconProps): JSX.Element;
|
|
390
|
+
|
|
391
|
+
export declare function IconPopdeal({ size, color, ...props }: IIconProps): JSX.Element;
|
|
392
|
+
|
|
393
|
+
export declare function IconQuestionCircle({ size, color, ...props }: IIconProps): JSX.Element;
|
|
394
|
+
|
|
395
|
+
export declare function IconReport({ size, color, ...props }: IIconProps): JSX.Element;
|
|
396
|
+
|
|
397
|
+
export declare function IconReset({ size, color, ...props }: IIconProps): JSX.Element;
|
|
398
|
+
|
|
399
|
+
export declare function IconSales({ size, color, ...props }: IIconProps): JSX.Element;
|
|
400
|
+
|
|
401
|
+
export declare function IconSearch({ size, color, ...props }: IIconProps): JSX.Element;
|
|
402
|
+
|
|
403
|
+
export declare function IconSetting({ size, color, ...props }: IIconProps): JSX.Element;
|
|
404
404
|
|
|
405
|
-
export declare function
|
|
405
|
+
export declare function IconShare({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
406
406
|
|
|
407
|
-
export declare function
|
|
407
|
+
export declare function IconSort({ size, color, ...props }: IIconProps): JSX.Element;
|
|
408
408
|
|
|
409
|
-
export declare function
|
|
409
|
+
export declare function IconSound({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
410
410
|
|
|
411
|
-
export declare function
|
|
411
|
+
export declare function IconStar({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
412
412
|
|
|
413
|
-
export declare function
|
|
413
|
+
export declare function IconStore({ size, color, ...props }: IIconProps): JSX.Element;
|
|
414
414
|
|
|
415
|
-
export declare function
|
|
415
|
+
export declare function IconTicket({ size, color, ...props }: IIconProps): JSX.Element;
|
|
416
|
+
|
|
417
|
+
export declare function IconTrash({ size, color, ...props }: IIconProps): JSX.Element;
|
|
418
|
+
|
|
419
|
+
export declare function IconUp({ size, color, ...props }: IIconProps): JSX.Element;
|
|
420
|
+
|
|
421
|
+
export declare function IconUser({ size, color, filled, ...props }: IIconProps): JSX.Element;
|
|
422
|
+
|
|
423
|
+
export declare function IconWarning({ size, color, ...props }: IIconProps): JSX.Element;
|
|
424
|
+
|
|
425
|
+
export declare function IconWarningCircle({ size, color, ...props }: IIconProps): JSX.Element;
|
|
426
|
+
|
|
427
|
+
export declare interface IIconProps extends SVGProps<SVGSVGElement> {
|
|
428
|
+
size?: number;
|
|
429
|
+
color?: string;
|
|
430
|
+
filled?: boolean;
|
|
431
|
+
}
|
|
416
432
|
|
|
417
433
|
export declare const SemanticColorBgDisabled = "#b0b0b0";
|
|
418
434
|
|
|
@@ -461,6 +477,10 @@ export declare const SemanticColorWarningPressed = "#c92a2a";
|
|
|
461
477
|
|
|
462
478
|
export declare const ShadowDashboardCardColor = "#0000000a";
|
|
463
479
|
|
|
480
|
+
export declare type TColorName = keyof typeof colors;
|
|
481
|
+
|
|
482
|
+
export declare type TColorShade<T extends TColorName> = keyof (typeof colors)[T];
|
|
483
|
+
|
|
464
484
|
export declare const TextColorButtonTextBasicDefault = "#4a4a4a";
|
|
465
485
|
|
|
466
486
|
export declare const TextColorButtonTextBasicDisabled = "#ffffff";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pop-ui/foundation",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.26",
|
|
5
5
|
"main": "./dist/foundation.umd.cjs",
|
|
6
6
|
"module": "./dist/foundation.js",
|
|
7
7
|
"types": "./dist/types/index.d.ts",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"vite": "^7.1.12",
|
|
60
60
|
"vite-plugin-dts": "^4.5.4"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "fb2eb189b07dfddfd28532ad83b486ee3a214b40"
|
|
63
63
|
}
|