@xfilecom/front-core 0.2.28 → 0.2.31

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.
Files changed (84) hide show
  1. package/README.md +10 -0
  2. package/dist/base.css +717 -0
  3. package/dist/components/atoms/Accordion.d.ts +18 -0
  4. package/dist/components/atoms/Accordion.js +68 -0
  5. package/dist/components/atoms/Alert.d.ts +12 -0
  6. package/dist/components/atoms/Alert.js +24 -0
  7. package/dist/components/atoms/AspectRatio.d.ts +8 -0
  8. package/dist/components/atoms/AspectRatio.js +10 -0
  9. package/dist/components/atoms/Avatar.d.ts +22 -0
  10. package/dist/components/atoms/Avatar.js +32 -0
  11. package/dist/components/atoms/Breadcrumb.d.ts +15 -0
  12. package/dist/components/atoms/Breadcrumb.js +27 -0
  13. package/dist/components/atoms/Collapsible.d.ts +12 -0
  14. package/dist/components/atoms/Collapsible.js +42 -0
  15. package/dist/components/atoms/Label.d.ts +8 -0
  16. package/dist/components/atoms/Label.js +10 -0
  17. package/dist/components/atoms/Pagination.d.ts +13 -0
  18. package/dist/components/atoms/Pagination.js +25 -0
  19. package/dist/components/atoms/Progress.d.ts +8 -0
  20. package/dist/components/atoms/Progress.js +9 -0
  21. package/dist/components/atoms/RadioGroup.d.ts +15 -0
  22. package/dist/components/atoms/RadioGroup.js +37 -0
  23. package/dist/components/atoms/ScrollArea.d.ts +8 -0
  24. package/dist/components/atoms/ScrollArea.js +15 -0
  25. package/dist/components/atoms/Separator.d.ts +10 -0
  26. package/dist/components/atoms/Separator.js +17 -0
  27. package/dist/components/atoms/Skeleton.d.ts +6 -0
  28. package/dist/components/atoms/Skeleton.js +15 -0
  29. package/dist/components/atoms/Slider.d.ts +4 -0
  30. package/dist/components/atoms/Slider.js +9 -0
  31. package/dist/components/atoms/Switch.d.ts +10 -0
  32. package/dist/components/atoms/Switch.js +12 -0
  33. package/dist/components/atoms/Table.d.ts +20 -0
  34. package/dist/components/atoms/Table.js +38 -0
  35. package/dist/components/atoms/Tabs.d.ts +20 -0
  36. package/dist/components/atoms/Tabs.js +54 -0
  37. package/dist/components/atoms/Toggle.d.ts +8 -0
  38. package/dist/components/atoms/Toggle.js +23 -0
  39. package/dist/components/atoms/Tooltip.d.ts +10 -0
  40. package/dist/components/atoms/Tooltip.js +12 -0
  41. package/dist/components/atoms/index.d.ts +22 -3
  42. package/dist/components/atoms/index.js +76 -7
  43. package/dist/generatedVersion.d.ts +1 -1
  44. package/dist/generatedVersion.js +1 -1
  45. package/dist/index.d.ts +1 -1
  46. package/dist/index.js +51 -1
  47. package/dist/showcase/DesignSystemShowcase.d.ts +2 -0
  48. package/dist/showcase/DesignSystemShowcase.js +19 -0
  49. package/dist/showcase/ShowcaseContext.d.ts +48 -0
  50. package/dist/showcase/ShowcaseContext.js +117 -0
  51. package/dist/showcase/components/CodeBlock.d.ts +7 -0
  52. package/dist/showcase/components/CodeBlock.js +11 -0
  53. package/dist/showcase/components/SectionTitle.d.ts +4 -0
  54. package/dist/showcase/components/SectionTitle.js +8 -0
  55. package/dist/showcase/components/ShowcaseChrome.d.ts +2 -0
  56. package/dist/showcase/components/ShowcaseChrome.js +25 -0
  57. package/dist/showcase/components/ShowcaseDemo.d.ts +10 -0
  58. package/dist/showcase/components/ShowcaseDemo.js +9 -0
  59. package/dist/showcase/components/icons.d.ts +2 -0
  60. package/dist/showcase/components/icons.js +11 -0
  61. package/dist/showcase/index.d.ts +4 -0
  62. package/dist/showcase/index.js +10 -0
  63. package/dist/showcase/nav.d.ts +26 -0
  64. package/dist/showcase/nav.js +13 -0
  65. package/dist/showcase/sections/ActionsSection.d.ts +1 -0
  66. package/dist/showcase/sections/ActionsSection.js +24 -0
  67. package/dist/showcase/sections/FeedbackSection.d.ts +1 -0
  68. package/dist/showcase/sections/FeedbackSection.js +17 -0
  69. package/dist/showcase/sections/FormsSection.d.ts +1 -0
  70. package/dist/showcase/sections/FormsSection.js +20 -0
  71. package/dist/showcase/sections/LayoutSection.d.ts +1 -0
  72. package/dist/showcase/sections/LayoutSection.js +19 -0
  73. package/dist/showcase/sections/OverlaysSection.d.ts +1 -0
  74. package/dist/showcase/sections/OverlaysSection.js +25 -0
  75. package/dist/showcase/sections/OverviewSection.d.ts +1 -0
  76. package/dist/showcase/sections/OverviewSection.js +17 -0
  77. package/dist/showcase/sections/SurfacesSection.d.ts +1 -0
  78. package/dist/showcase/sections/SurfacesSection.js +38 -0
  79. package/dist/showcase/sections/TypographySection.d.ts +1 -0
  80. package/dist/showcase/sections/TypographySection.js +24 -0
  81. package/dist/showcase.css +235 -0
  82. package/docs/COMPONENTS.md +26 -0
  83. package/docs/SHADCN.md +66 -0
  84. package/package.json +8 -3
package/README.md CHANGED
@@ -8,6 +8,7 @@ Design tokens (`tokens.css`), atomic layout (`base.css`), browser-only React com
8
8
  |------|------|
9
9
  | [docs/DESIGN_SYSTEM.md](./docs/DESIGN_SYSTEM.md) | MUI Paper / react-native-paper 등과 **개념 매핑**, elevation·역할 색 |
10
10
  | [docs/COMPONENTS.md](./docs/COMPONENTS.md) | 컴포넌트별 **소스 경로**, props 요약, **복붙 예제 코드** |
11
+ | [docs/SHADCN.md](./docs/SHADCN.md) | [shadcn/ui](https://ui.shadcn.com/) **대응표** — Radix 없이 쓰는 범위·앱 의존 권장 |
11
12
 
12
13
  npm 패키지에 `docs/`가 포함되므로, 설치 후 `node_modules/@xfilecom/front-core/docs/`에서도 동일 파일을 볼 수 있다.
13
14
 
@@ -36,6 +37,15 @@ import {
36
37
 
37
38
  서브패스: `@xfilecom/front-core/atoms`, `@xfilecom/front-core/overlays`.
38
39
 
40
+ ## Showcase (라이브 갤러리)
41
+
42
+ `tokens.css`·`base.css`(·앱 테마) 다음에 스타일을 한 줄 더 넣고, 컴포넌트를 import 합니다.
43
+
44
+ ```tsx
45
+ import '@xfilecom/front-core/showcase.css';
46
+ import { DesignSystemShowcase } from '@xfilecom/front-core/showcase';
47
+ ```
48
+
39
49
  ## Paper (표면)
40
50
 
41
51
  MUI `Paper` / RN `Surface`에 대응하는 얇은 래퍼: