@komarcalabs/design-system 0.1.1 → 0.1.3

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 (120) hide show
  1. package/README.md +13 -8
  2. package/dist/index.js +79 -43
  3. package/dist/plugin-mUxynfRy.js +3064 -0
  4. package/dist/react/components/KmSkeleton.d.ts +16 -0
  5. package/dist/react/components/KmSkeleton.d.ts.map +1 -0
  6. package/dist/react/components/index.d.ts +1 -0
  7. package/dist/react/components/index.d.ts.map +1 -1
  8. package/dist/react.js +191 -149
  9. package/dist/skeleton-D8D5ibC2.js +664 -0
  10. package/dist/styles.css +1 -1
  11. package/dist/tokens.js +28 -17
  12. package/dist/treeview-C6_M73YM.js +641 -0
  13. package/dist/variants/alert.d.ts +201 -6
  14. package/dist/variants/alert.d.ts.map +1 -1
  15. package/dist/variants/checkbox.d.ts +133 -0
  16. package/dist/variants/checkbox.d.ts.map +1 -0
  17. package/dist/variants/index.d.ts +8 -0
  18. package/dist/variants/index.d.ts.map +1 -1
  19. package/dist/variants/pagination.d.ts +91 -0
  20. package/dist/variants/pagination.d.ts.map +1 -0
  21. package/dist/variants/radio.d.ts +143 -0
  22. package/dist/variants/radio.d.ts.map +1 -0
  23. package/dist/variants/select.d.ts +46 -1
  24. package/dist/variants/select.d.ts.map +1 -1
  25. package/dist/variants/skeleton.d.ts +64 -0
  26. package/dist/variants/skeleton.d.ts.map +1 -0
  27. package/dist/variants/table.d.ts +106 -0
  28. package/dist/variants/table.d.ts.map +1 -0
  29. package/dist/variants/tabs.d.ts +124 -0
  30. package/dist/variants/tabs.d.ts.map +1 -0
  31. package/dist/variants/toggleSwitch.d.ts +9 -0
  32. package/dist/variants/toggleSwitch.d.ts.map +1 -1
  33. package/dist/variants/treeview.d.ts +97 -0
  34. package/dist/variants/treeview.d.ts.map +1 -0
  35. package/dist/variants/typography.d.ts +377 -0
  36. package/dist/variants/typography.d.ts.map +1 -0
  37. package/dist/vue/components/KmAlert.vue.d.ts +16 -1
  38. package/dist/vue/components/KmAlert.vue.d.ts.map +1 -1
  39. package/dist/vue/components/KmBadge.vue.d.ts +2 -0
  40. package/dist/vue/components/KmBadge.vue.d.ts.map +1 -1
  41. package/dist/vue/components/KmButton.vue.d.ts +3 -1
  42. package/dist/vue/components/KmButton.vue.d.ts.map +1 -1
  43. package/dist/vue/components/KmCheckbox.vue.d.ts +45 -0
  44. package/dist/vue/components/KmCheckbox.vue.d.ts.map +1 -0
  45. package/dist/vue/components/KmDialog/KmDialog.vue.d.ts +2 -2
  46. package/dist/vue/components/KmDialog/KmDialog.vue.d.ts.map +1 -1
  47. package/dist/vue/components/KmFormControl.vue.d.ts +37 -0
  48. package/dist/vue/components/KmFormControl.vue.d.ts.map +1 -0
  49. package/dist/vue/components/KmHeading.vue.d.ts +34 -0
  50. package/dist/vue/components/KmHeading.vue.d.ts.map +1 -0
  51. package/dist/vue/components/KmHtml.vue.d.ts +32 -0
  52. package/dist/vue/components/KmHtml.vue.d.ts.map +1 -0
  53. package/dist/vue/components/KmInput.vue.d.ts +2 -0
  54. package/dist/vue/components/KmInput.vue.d.ts.map +1 -1
  55. package/dist/vue/components/KmPagination/KmPagination.vue.d.ts +53 -0
  56. package/dist/vue/components/KmPagination/KmPagination.vue.d.ts.map +1 -0
  57. package/dist/vue/components/KmPagination/index.d.ts +3 -0
  58. package/dist/vue/components/KmPagination/index.d.ts.map +1 -0
  59. package/dist/vue/components/KmPopover.vue.d.ts +141 -0
  60. package/dist/vue/components/KmPopover.vue.d.ts.map +1 -0
  61. package/dist/vue/components/KmRadio.vue.d.ts +47 -0
  62. package/dist/vue/components/KmRadio.vue.d.ts.map +1 -0
  63. package/dist/vue/components/KmRadioGroup.vue.d.ts +42 -0
  64. package/dist/vue/components/KmRadioGroup.vue.d.ts.map +1 -0
  65. package/dist/vue/components/KmScrollArea.vue.d.ts +60 -0
  66. package/dist/vue/components/KmScrollArea.vue.d.ts.map +1 -0
  67. package/dist/vue/components/KmSelect.vue.d.ts +66 -17
  68. package/dist/vue/components/KmSelect.vue.d.ts.map +1 -1
  69. package/dist/vue/components/KmSkeleton.vue.d.ts +38 -0
  70. package/dist/vue/components/KmSkeleton.vue.d.ts.map +1 -0
  71. package/dist/vue/components/KmStepper.vue.d.ts +8 -2
  72. package/dist/vue/components/KmStepper.vue.d.ts.map +1 -1
  73. package/dist/vue/components/KmTable/KmTable.vue.d.ts +39 -0
  74. package/dist/vue/components/KmTable/KmTable.vue.d.ts.map +1 -0
  75. package/dist/vue/components/KmTable/KmTableBody.vue.d.ts +21 -0
  76. package/dist/vue/components/KmTable/KmTableBody.vue.d.ts.map +1 -0
  77. package/dist/vue/components/KmTable/KmTableCaption.vue.d.ts +21 -0
  78. package/dist/vue/components/KmTable/KmTableCaption.vue.d.ts.map +1 -0
  79. package/dist/vue/components/KmTable/KmTableCell.vue.d.ts +25 -0
  80. package/dist/vue/components/KmTable/KmTableCell.vue.d.ts.map +1 -0
  81. package/dist/vue/components/KmTable/KmTableFooter.vue.d.ts +21 -0
  82. package/dist/vue/components/KmTable/KmTableFooter.vue.d.ts.map +1 -0
  83. package/dist/vue/components/KmTable/KmTableHead.vue.d.ts +24 -0
  84. package/dist/vue/components/KmTable/KmTableHead.vue.d.ts.map +1 -0
  85. package/dist/vue/components/KmTable/KmTableHeader.vue.d.ts +21 -0
  86. package/dist/vue/components/KmTable/KmTableHeader.vue.d.ts.map +1 -0
  87. package/dist/vue/components/KmTable/KmTableRow.vue.d.ts +24 -0
  88. package/dist/vue/components/KmTable/KmTableRow.vue.d.ts.map +1 -0
  89. package/dist/vue/components/KmTable/index.d.ts +17 -0
  90. package/dist/vue/components/KmTable/index.d.ts.map +1 -0
  91. package/dist/vue/components/KmTabs/KmTabs.vue.d.ts +45 -0
  92. package/dist/vue/components/KmTabs/KmTabs.vue.d.ts.map +1 -0
  93. package/dist/vue/components/KmTabs/KmTabsContent.vue.d.ts +24 -0
  94. package/dist/vue/components/KmTabs/KmTabsContent.vue.d.ts.map +1 -0
  95. package/dist/vue/components/KmTabs/KmTabsList.vue.d.ts +22 -0
  96. package/dist/vue/components/KmTabs/KmTabsList.vue.d.ts.map +1 -0
  97. package/dist/vue/components/KmTabs/KmTabsTrigger.vue.d.ts +26 -0
  98. package/dist/vue/components/KmTabs/KmTabsTrigger.vue.d.ts.map +1 -0
  99. package/dist/vue/components/KmTabs/index.d.ts +9 -0
  100. package/dist/vue/components/KmTabs/index.d.ts.map +1 -0
  101. package/dist/vue/components/KmText.vue.d.ts +43 -0
  102. package/dist/vue/components/KmText.vue.d.ts.map +1 -0
  103. package/dist/vue/components/KmTextarea.vue.d.ts +2 -0
  104. package/dist/vue/components/KmTextarea.vue.d.ts.map +1 -1
  105. package/dist/vue/components/KmTreeview/KmTreeNode.vue.d.ts +37 -0
  106. package/dist/vue/components/KmTreeview/KmTreeNode.vue.d.ts.map +1 -0
  107. package/dist/vue/components/KmTreeview/KmTreeview.vue.d.ts +48 -0
  108. package/dist/vue/components/KmTreeview/KmTreeview.vue.d.ts.map +1 -0
  109. package/dist/vue/components/KmTreeview/index.d.ts +5 -0
  110. package/dist/vue/components/KmTreeview/index.d.ts.map +1 -0
  111. package/dist/vue/components/KmTreeview/types.d.ts +11 -0
  112. package/dist/vue/components/KmTreeview/types.d.ts.map +1 -0
  113. package/dist/vue/components/index.d.ts +19 -0
  114. package/dist/vue/components/index.d.ts.map +1 -1
  115. package/dist/vue/plugin.d.ts.map +1 -1
  116. package/dist/vue.js +40 -15
  117. package/package.json +1 -1
  118. package/dist/carousel-D_f-K2v2.js +0 -83
  119. package/dist/plugin-DfFKi2ZR.js +0 -941
  120. package/dist/toggleSwitch-CpBXc_jq.js +0 -369
package/README.md CHANGED
@@ -10,13 +10,13 @@ El paquete está preparado para **Vue** y **React**. El enfoque inicial es **Vue
10
10
 
11
11
  ## 🔗 Enlaces Rápidos
12
12
 
13
- | Recurso | Link |
14
- |---------|------|
15
- | 🌐 [Sistema de Diseño](https://ds.komarcalabs.com/) | Componentes interactivos y documentación online |
16
- | 🎨 [Brand Guidelines](./docs/assets/brand-guidelines.png) | Identidad visual completa |
17
- | 🔘 [Botones y Variantes](./docs/assets/buttons-variants.png) | Sistema de botones |
18
- | 📚 [Brand Identity](./docs/brand-identity.md) | Documentación de identidad |
19
- | 📦 [CRM App Guide](./apps/crm-app/docs/buttons-guide.md) | Guía para CRM App |
13
+ | Recurso | Link / Descripción |
14
+ |---------|-------------------|
15
+ | 🌐 **Sistema de Diseño** | [https://ds.komarcalabs.com/](https://ds.komarcalabs.com/) |
16
+ | 🎨 **Brand Guidelines** | [Ver Brand Guidelines](./docs/assets/brand-guidelines.png) |
17
+ | 🔘 **Botones y Variantes** | [Ver Botones y Variantes](./docs/assets/buttons-variants.png) |
18
+ | 📚 **Brand Identity** | [Ver Brand Identity](./docs/brand-identity.md) |
19
+ | 📦 **CRM App Guide** | [Ver Guía CRM App](./apps/crm-app/docs/buttons-guide.md) |
20
20
 
21
21
  ---
22
22
 
@@ -96,8 +96,13 @@ Proporcionar una **base visual coherente** para:
96
96
  | Documento | Descripción |
97
97
  |-----------|-------------|
98
98
  | [🎨 Brand Identity](./docs/brand-identity.md) | Identidad visual completa, colores, tipografía, modos de diseño |
99
+ | [📜 KmScrollArea Guide](./docs/km-scroll-area.md) | Guía de uso del wrapper de scroll estilizado multi-plataforma |
100
+ | [💬 KmDialog Guide](./docs/km-dialog.md) | Guía de modales y diálogos accesibles |
101
+ | [🪟 KmPopover Guide](./docs/km-popover.md) | Guía de Popovers y HoverCards interactivos con Floating UI |
102
+ | [✍️ KmTypography Guide](./docs/km-typography.md) | Guía de tipografía base (`KmHeading` & `KmText`) polimórficos |
103
+ | [📋 KmFormControls Guide](./docs/km-form-controls.md) | Guía de `KmCheckbox`, `KmRadio`, `KmRadioGroup` y `KmFormControl` |
99
104
  | [🔘 Buttons Guide](./apps/crm-app/docs/buttons-guide.md) | Guía de uso de botones con ejemplos |
100
- | [🌐 Sistema de Diseño Online](https://ds.komarcalabs.com/) | Documentación interactiva de componentes desplegada |
105
+ | 🌐 **Sistema de Diseño Online** | [https://ds.komarcalabs.com/](https://ds.komarcalabs.com/) (Storybook desplegado) |
101
106
 
102
107
  ---
103
108
 
package/dist/index.js CHANGED
@@ -1,51 +1,87 @@
1
1
  /* empty css */
2
- import { _ as e, a as r, b as i, c as o, d as m, K as n, e as p, f as K, g, h as l, i as c, j as V, k as d, l as h, m as f, n as S, o as u, p as x } from "./plugin-DfFKi2ZR.js";
3
- import { a as D, b as T, c as y, d as w, f as C, i as k, s as B, e as v, g as A, t as j, h as F } from "./toggleSwitch-CpBXc_jq.js";
4
- import { a as I, c as R, g as _, h as q, r as z, b as E, d as G, s as J, e as L, f as M, t as N, i as O } from "./theme-CI9qhP-e.js";
5
- import { a as Q, c as U, s as W } from "./carousel-D_f-K2v2.js";
2
+ import { _ as t, a as r, b as i, c as m, d as o, K as n, e as K, f as l, g as V, h as g, i as d, j as p, k as b, l as T, m as c, n as h, o as x, p as C, q as f, r as S, s as u, t as w, u as k, v as y, w as D, x as v, y as H, z as B, A, B as F, C as R, D as P, E as j, F as G, G as I, H as L, I as N, J as q, L as z, M as E, N as J, O as M, P as O } from "./plugin-mUxynfRy.js";
3
+ import { a as Q, b as U, c as W, d as X, f as Y, i as Z, s as $, e as aa, g as sa, h as ea, t as ta, j as ra } from "./skeleton-D8D5ibC2.js";
4
+ import { a as ma, c as oa, g as na, h as Ka, r as la, b as Va, d as ga, s as da, e as pa, f as ba, t as Ta, i as ca } from "./theme-CI9qhP-e.js";
5
+ import { a as xa, c as Ca, b as fa, h as Sa, d as ua, p as wa, r as ka, e as ya, s as Da, t as va, f as Ha, g as Ba, i as Aa } from "./treeview-C6_M73YM.js";
6
6
  export {
7
- e as KmAlert,
7
+ t as KmAlert,
8
8
  r as KmAvatar,
9
9
  i as KmBadge,
10
- o as KmButton,
11
- m as KmCard,
10
+ m as KmButton,
11
+ o as KmCard,
12
12
  n as KmCarousel,
13
- p as KmDialog,
14
- K as KmDialogBody,
13
+ K as KmCheckbox,
14
+ l as KmDialog,
15
+ V as KmDialogBody,
15
16
  g as KmDialogFooter,
16
- l as KmDialogHeader,
17
+ d as KmDialogHeader,
18
+ p as KmFormControl,
19
+ b as KmHeading,
20
+ T as KmHtml,
17
21
  c as KmInput,
18
- V as KmSelect,
19
- d as KmSpinner,
20
- h as KmStack,
21
- f as KmStepper,
22
- S as KmTextarea,
23
- u as KmToggleSwitch,
24
- x as KomarcaVueDesignSystem,
25
- D as alertVariants,
26
- I as applyTheme,
27
- Q as avatarVariants,
28
- T as badgeVariants,
29
- y as buttonVariants,
30
- w as cardVariants,
31
- U as carouselVariants,
32
- R as colors,
33
- C as fieldVariants,
34
- _ as getThemeVar,
35
- q as hexToRgba,
36
- k as inputVariants,
37
- z as radii,
38
- E as rawSemanticColors,
39
- G as resetTheme,
40
- B as selectVariants,
41
- J as semanticColors,
42
- L as shadows,
43
- M as spacing,
44
- W as spinnerVariants,
45
- v as stackVariants,
46
- A as stepperVariants,
47
- j as textareaVariants,
48
- N as themeDefinitions,
49
- F as toggleSwitchVariants,
50
- O as typography
22
+ h as KmPagination,
23
+ x as KmPopover,
24
+ C as KmRadio,
25
+ f as KmRadioGroup,
26
+ S as KmScrollArea,
27
+ u as KmSelect,
28
+ w as KmSkeleton,
29
+ k as KmSpinner,
30
+ y as KmStack,
31
+ D as KmStepper,
32
+ v as KmTable,
33
+ H as KmTableBody,
34
+ B as KmTableCaption,
35
+ A as KmTableCell,
36
+ F as KmTableFooter,
37
+ R as KmTableHead,
38
+ P as KmTableHeader,
39
+ j as KmTableRow,
40
+ G as KmTabs,
41
+ I as KmTabsContent,
42
+ L as KmTabsList,
43
+ N as KmTabsTrigger,
44
+ q as KmText,
45
+ z as KmTextarea,
46
+ E as KmToggleSwitch,
47
+ J as KmTreeNode,
48
+ M as KmTreeview,
49
+ O as KomarcaVueDesignSystem,
50
+ Q as alertVariants,
51
+ ma as applyTheme,
52
+ xa as avatarVariants,
53
+ U as badgeVariants,
54
+ W as buttonVariants,
55
+ X as cardVariants,
56
+ Ca as carouselVariants,
57
+ fa as checkboxVariants,
58
+ oa as colors,
59
+ Y as fieldVariants,
60
+ na as getThemeVar,
61
+ Sa as headingVariants,
62
+ Ka as hexToRgba,
63
+ ua as htmlVariants,
64
+ Z as inputVariants,
65
+ wa as paginationVariants,
66
+ la as radii,
67
+ ka as radioCardVariants,
68
+ ya as radioVariants,
69
+ Va as rawSemanticColors,
70
+ ga as resetTheme,
71
+ $ as selectVariants,
72
+ da as semanticColors,
73
+ pa as shadows,
74
+ aa as skeletonVariants,
75
+ ba as spacing,
76
+ Da as spinnerVariants,
77
+ sa as stackVariants,
78
+ ea as stepperVariants,
79
+ va as tableVariants,
80
+ Ha as tabsVariants,
81
+ Ba as textVariants,
82
+ ta as textareaVariants,
83
+ Ta as themeDefinitions,
84
+ ra as toggleSwitchVariants,
85
+ Aa as treeviewVariants,
86
+ ca as typography
51
87
  };