@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.
@@ -192,9 +192,7 @@ export declare const ColorGreen800 = "#05603a";
192
192
 
193
193
  export declare const ColorGreen900 = "#054f31";
194
194
 
195
- export declare type ColorName = keyof typeof colors;
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: ColorPaletteType;
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: ColorName) => ColorShades;
281
+ export declare const getColorShades: (colorName: TColorName) => IColorShades;
300
282
 
301
- export declare const getColorValue: (colorName: ColorName, shade: string) => string | undefined;
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 function IconAnalytics({ size, color, ...props }: IconProps): JSX.Element;
289
+ export declare interface IColorPaletteType {
290
+ [colorName: string]: IColorShades;
291
+ }
308
292
 
309
- export declare function IconCalendar({ size, color, ...props }: IconProps): JSX.Element;
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 IconCamera({ size, color, ...props }: IconProps): JSX.Element;
303
+ export declare function IconAnalytics({ size, color, filled, ...props }: IIconProps): JSX.Element;
312
304
 
313
- export declare function IconCheck({ size, color, ...props }: IconProps): JSX.Element;
305
+ export declare function IconArrowLeft({ size, color, ...props }: IIconProps): JSX.Element;
314
306
 
315
- export declare function IconCheckCircle({ size, color, ...props }: IconProps): JSX.Element;
307
+ export declare function IconArrowRight({ size, color, ...props }: IIconProps): JSX.Element;
316
308
 
317
- export declare function IconCheckSquare({ size, color, checkColor, ...props }: IconCheckSquareProps): JSX.Element;
309
+ export declare function IconBookmark({ size, color, filled, ...props }: IIconProps): JSX.Element;
318
310
 
319
- declare interface IconCheckSquareProps extends IconProps {
320
- checkColor?: string;
321
- }
311
+ export declare function IconBrowse({ size, color, filled, ...props }: IIconProps): JSX.Element;
322
312
 
323
- export declare function IconChevronDown({ size, color, ...props }: IconProps): JSX.Element;
313
+ export declare function IconCalendar({ size, color, ...props }: IIconProps): JSX.Element;
324
314
 
325
- export declare function IconChevronLeft({ size, color, ...props }: IconProps): JSX.Element;
315
+ export declare function IconCamera({ size, color, ...props }: IIconProps): JSX.Element;
326
316
 
327
- export declare function IconChevronRight({ size, color, ...props }: IconProps): JSX.Element;
317
+ export declare function IconCheck({ size, color, ...props }: IIconProps): JSX.Element;
328
318
 
329
- export declare function IconChevronRightDouble({ size, color, ...props }: IconProps): JSX.Element;
319
+ export declare function IconCheckCircle({ size, color, ...props }: IIconProps): JSX.Element;
330
320
 
331
- export declare function IconChevronUp({ size, color, ...props }: IconProps): JSX.Element;
321
+ export declare function IconChevronDown({ size, color, ...props }: IIconProps): JSX.Element;
332
322
 
333
- export declare function IconClock({ size, color, ...props }: IconProps): JSX.Element;
323
+ export declare function IconChevronLeft({ size, color, ...props }: IIconProps): JSX.Element;
334
324
 
335
- export declare function IconClose({ size, color, ...props }: IconProps): JSX.Element;
325
+ export declare function IconChevronRight({ size, color, ...props }: IIconProps): JSX.Element;
336
326
 
337
- export declare function IconCloseCircle({ size, color, ...props }: IconProps): JSX.Element;
327
+ export declare function IconChevronRightDouble({ size, color, ...props }: IIconProps): JSX.Element;
338
328
 
339
- export declare function IconCompass({ size, color, ...props }: IconProps): JSX.Element;
329
+ export declare function IconChevronUp({ size, color, ...props }: IIconProps): JSX.Element;
340
330
 
341
- export declare function IconCopy({ size, color, ...props }: IconProps): JSX.Element;
331
+ export declare function IconClock({ size, color, ...props }: IIconProps): JSX.Element;
342
332
 
343
- export declare function IconDown({ size, color, ...props }: IconProps): JSX.Element;
333
+ export declare function IconClose({ size, color, ...props }: IIconProps): JSX.Element;
344
334
 
345
- export declare function IconDragMenu({ size, color, ...props }: IconProps): JSX.Element;
335
+ export declare function IconCloseCircle({ size, color, ...props }: IIconProps): JSX.Element;
346
336
 
347
- export declare function IconFilter({ size, color, ...props }: IconProps): JSX.Element;
337
+ export declare function IconCopy({ size, color, ...props }: IIconProps): JSX.Element;
348
338
 
349
- export declare function IconInfoCircle({ size, color, ...props }: IconProps): JSX.Element;
339
+ export declare function IconDev({ size, color, ...props }: IIconProps): JSX.Element;
350
340
 
351
- export declare function IconKebap({ size, color, ...props }: IconProps): JSX.Element;
341
+ export declare function IconDown({ size, color, ...props }: IIconProps): JSX.Element;
352
342
 
353
- export declare function IconLink({ size, color, ...props }: IconProps): JSX.Element;
343
+ export declare function IconDragMenu({ size, color, ...props }: IIconProps): JSX.Element;
354
344
 
355
- export declare function IconListMenu({ size, color, ...props }: IconProps): JSX.Element;
345
+ export declare function IconEdit({ size, color, ...props }: IIconProps): JSX.Element;
356
346
 
357
- export declare function IconMap({ size, color, ...props }: IconProps): JSX.Element;
347
+ export declare function IconExport({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
358
348
 
359
- export declare function IconMapMarker({ size, color, border, ...props }: IconMapMarkerProps): JSX.Element;
349
+ export declare function IconFilter({ size, color, ...props }: IIconProps): JSX.Element;
360
350
 
361
- declare interface IconMapMarkerProps extends IconProps {
362
- border?: string;
363
- }
351
+ export declare function IconHeart({ size, color, filled, ...props }: IIconProps): JSX.Element;
364
352
 
365
- export declare function IconMenu({ size, color, ...props }: IconProps): JSX.Element;
353
+ export declare function IconHelp({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
366
354
 
367
- export declare function IconMoney({ size, color, ...props }: IconProps): JSX.Element;
355
+ export declare function IconHome({ size, color, ...props }: IIconProps): JSX.Element;
368
356
 
369
- export declare function IconPhone({ size, color, ...props }: IconProps): JSX.Element;
357
+ export declare function IconInfoCircle({ size, color, ...props }: IIconProps): JSX.Element;
370
358
 
371
- export declare function IconPhoneCall({ size, color, ...props }: IconProps): JSX.Element;
359
+ export declare function IconKebap({ size, color, ...props }: IIconProps): JSX.Element;
372
360
 
373
- export declare function IconPhoto({ size, color, ...props }: IconProps): JSX.Element;
361
+ export declare function IconLike({ size, color, ...props }: IIconProps): JSX.Element;
374
362
 
375
- export declare function IconPlus({ size, color, ...props }: IconProps): JSX.Element;
363
+ export declare function IconLink({ size, color, ...props }: IIconProps): JSX.Element;
376
364
 
377
- export declare function IconPlusCircle({ size, color, ...props }: IconProps): JSX.Element;
365
+ export declare function IconListMenu({ size, color, ...props }: IIconProps): JSX.Element;
378
366
 
379
- export declare function IconPlusSquare({ size, color, ...props }: IconProps): JSX.Element;
367
+ export declare function IconLocation({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
380
368
 
381
- export declare interface IconProps extends SVGProps<SVGSVGElement> {
382
- size?: number;
383
- color?: string;
384
- }
369
+ export declare function IconMap({ size, color, ...props }: IIconProps): JSX.Element;
385
370
 
386
- export declare function IconQuestionCircle({ size, color, ...props }: IconProps): JSX.Element;
371
+ export declare function IconMapMarker({ size, color, filled, ...props }: IIconProps): JSX.Element;
387
372
 
388
- export declare function IconReset({ size, color, ...props }: IconProps): JSX.Element;
373
+ export declare function IconMenu({ size, color, ...props }: IIconProps): JSX.Element;
389
374
 
390
- export declare function IconSales({ size, color, ...props }: IconProps): JSX.Element;
375
+ export declare function IconMetaBall({ size, color, filled: _filled, ...props }: IIconProps): JSX.Element;
391
376
 
392
- export declare function IconSearch({ size, color, ...props }: IconProps): JSX.Element;
377
+ export declare function IconMoney({ size, color, ...props }: IIconProps): JSX.Element;
393
378
 
394
- export declare function IconSetting({ size, color, ...props }: IconProps): JSX.Element;
379
+ export declare function IconNotification({ size, color, filled, ...props }: IIconProps): JSX.Element;
395
380
 
396
- export declare function IconSquare({ size, color, ...props }: IconProps): JSX.Element;
381
+ export declare function IconPhone({ size, color, ...props }: IIconProps): JSX.Element;
397
382
 
398
- export declare function IconStar({ size, color, border, filled, ...props }: IconStarProps): JSX.Element;
383
+ export declare function IconPhoneCall({ size, color, ...props }: IIconProps): JSX.Element;
399
384
 
400
- declare interface IconStarProps extends IconProps {
401
- border?: string;
402
- filled?: boolean;
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 IconStore({ size, color, ...props }: IconProps): JSX.Element;
405
+ export declare function IconShare({ size, color, filled, ...props }: IIconProps): JSX.Element;
406
406
 
407
- export declare function IconTicket({ size, color, ...props }: IconProps): JSX.Element;
407
+ export declare function IconSort({ size, color, ...props }: IIconProps): JSX.Element;
408
408
 
409
- export declare function IconTrash({ size, color, ...props }: IconProps): JSX.Element;
409
+ export declare function IconSound({ size, color, filled, ...props }: IIconProps): JSX.Element;
410
410
 
411
- export declare function IconUp({ size, color, ...props }: IconProps): JSX.Element;
411
+ export declare function IconStar({ size, color, filled, ...props }: IIconProps): JSX.Element;
412
412
 
413
- export declare function IconWarning({ size, color, ...props }: IconProps): JSX.Element;
413
+ export declare function IconStore({ size, color, ...props }: IIconProps): JSX.Element;
414
414
 
415
- export declare function IconWarningCircle({ size, color, ...props }: IconProps): JSX.Element;
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.24",
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": "ac6a905bb7dd083cbff8233216087ddfcb9eac75"
62
+ "gitHead": "fb2eb189b07dfddfd28532ad83b486ee3a214b40"
63
63
  }