@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.
- package/README.md +13 -8
- package/dist/index.js +79 -43
- package/dist/plugin-mUxynfRy.js +3064 -0
- package/dist/react/components/KmSkeleton.d.ts +16 -0
- package/dist/react/components/KmSkeleton.d.ts.map +1 -0
- package/dist/react/components/index.d.ts +1 -0
- package/dist/react/components/index.d.ts.map +1 -1
- package/dist/react.js +191 -149
- package/dist/skeleton-D8D5ibC2.js +664 -0
- package/dist/styles.css +1 -1
- package/dist/tokens.js +28 -17
- package/dist/treeview-C6_M73YM.js +641 -0
- package/dist/variants/alert.d.ts +201 -6
- package/dist/variants/alert.d.ts.map +1 -1
- package/dist/variants/checkbox.d.ts +133 -0
- package/dist/variants/checkbox.d.ts.map +1 -0
- package/dist/variants/index.d.ts +8 -0
- package/dist/variants/index.d.ts.map +1 -1
- package/dist/variants/pagination.d.ts +91 -0
- package/dist/variants/pagination.d.ts.map +1 -0
- package/dist/variants/radio.d.ts +143 -0
- package/dist/variants/radio.d.ts.map +1 -0
- package/dist/variants/select.d.ts +46 -1
- package/dist/variants/select.d.ts.map +1 -1
- package/dist/variants/skeleton.d.ts +64 -0
- package/dist/variants/skeleton.d.ts.map +1 -0
- package/dist/variants/table.d.ts +106 -0
- package/dist/variants/table.d.ts.map +1 -0
- package/dist/variants/tabs.d.ts +124 -0
- package/dist/variants/tabs.d.ts.map +1 -0
- package/dist/variants/toggleSwitch.d.ts +9 -0
- package/dist/variants/toggleSwitch.d.ts.map +1 -1
- package/dist/variants/treeview.d.ts +97 -0
- package/dist/variants/treeview.d.ts.map +1 -0
- package/dist/variants/typography.d.ts +377 -0
- package/dist/variants/typography.d.ts.map +1 -0
- package/dist/vue/components/KmAlert.vue.d.ts +16 -1
- package/dist/vue/components/KmAlert.vue.d.ts.map +1 -1
- package/dist/vue/components/KmBadge.vue.d.ts +2 -0
- package/dist/vue/components/KmBadge.vue.d.ts.map +1 -1
- package/dist/vue/components/KmButton.vue.d.ts +3 -1
- package/dist/vue/components/KmButton.vue.d.ts.map +1 -1
- package/dist/vue/components/KmCheckbox.vue.d.ts +45 -0
- package/dist/vue/components/KmCheckbox.vue.d.ts.map +1 -0
- package/dist/vue/components/KmDialog/KmDialog.vue.d.ts +2 -2
- package/dist/vue/components/KmDialog/KmDialog.vue.d.ts.map +1 -1
- package/dist/vue/components/KmFormControl.vue.d.ts +37 -0
- package/dist/vue/components/KmFormControl.vue.d.ts.map +1 -0
- package/dist/vue/components/KmHeading.vue.d.ts +34 -0
- package/dist/vue/components/KmHeading.vue.d.ts.map +1 -0
- package/dist/vue/components/KmHtml.vue.d.ts +32 -0
- package/dist/vue/components/KmHtml.vue.d.ts.map +1 -0
- package/dist/vue/components/KmInput.vue.d.ts +2 -0
- package/dist/vue/components/KmInput.vue.d.ts.map +1 -1
- package/dist/vue/components/KmPagination/KmPagination.vue.d.ts +53 -0
- package/dist/vue/components/KmPagination/KmPagination.vue.d.ts.map +1 -0
- package/dist/vue/components/KmPagination/index.d.ts +3 -0
- package/dist/vue/components/KmPagination/index.d.ts.map +1 -0
- package/dist/vue/components/KmPopover.vue.d.ts +141 -0
- package/dist/vue/components/KmPopover.vue.d.ts.map +1 -0
- package/dist/vue/components/KmRadio.vue.d.ts +47 -0
- package/dist/vue/components/KmRadio.vue.d.ts.map +1 -0
- package/dist/vue/components/KmRadioGroup.vue.d.ts +42 -0
- package/dist/vue/components/KmRadioGroup.vue.d.ts.map +1 -0
- package/dist/vue/components/KmScrollArea.vue.d.ts +60 -0
- package/dist/vue/components/KmScrollArea.vue.d.ts.map +1 -0
- package/dist/vue/components/KmSelect.vue.d.ts +66 -17
- package/dist/vue/components/KmSelect.vue.d.ts.map +1 -1
- package/dist/vue/components/KmSkeleton.vue.d.ts +38 -0
- package/dist/vue/components/KmSkeleton.vue.d.ts.map +1 -0
- package/dist/vue/components/KmStepper.vue.d.ts +8 -2
- package/dist/vue/components/KmStepper.vue.d.ts.map +1 -1
- package/dist/vue/components/KmTable/KmTable.vue.d.ts +39 -0
- package/dist/vue/components/KmTable/KmTable.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/KmTableBody.vue.d.ts +21 -0
- package/dist/vue/components/KmTable/KmTableBody.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/KmTableCaption.vue.d.ts +21 -0
- package/dist/vue/components/KmTable/KmTableCaption.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/KmTableCell.vue.d.ts +25 -0
- package/dist/vue/components/KmTable/KmTableCell.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/KmTableFooter.vue.d.ts +21 -0
- package/dist/vue/components/KmTable/KmTableFooter.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/KmTableHead.vue.d.ts +24 -0
- package/dist/vue/components/KmTable/KmTableHead.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/KmTableHeader.vue.d.ts +21 -0
- package/dist/vue/components/KmTable/KmTableHeader.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/KmTableRow.vue.d.ts +24 -0
- package/dist/vue/components/KmTable/KmTableRow.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTable/index.d.ts +17 -0
- package/dist/vue/components/KmTable/index.d.ts.map +1 -0
- package/dist/vue/components/KmTabs/KmTabs.vue.d.ts +45 -0
- package/dist/vue/components/KmTabs/KmTabs.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTabs/KmTabsContent.vue.d.ts +24 -0
- package/dist/vue/components/KmTabs/KmTabsContent.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTabs/KmTabsList.vue.d.ts +22 -0
- package/dist/vue/components/KmTabs/KmTabsList.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTabs/KmTabsTrigger.vue.d.ts +26 -0
- package/dist/vue/components/KmTabs/KmTabsTrigger.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTabs/index.d.ts +9 -0
- package/dist/vue/components/KmTabs/index.d.ts.map +1 -0
- package/dist/vue/components/KmText.vue.d.ts +43 -0
- package/dist/vue/components/KmText.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTextarea.vue.d.ts +2 -0
- package/dist/vue/components/KmTextarea.vue.d.ts.map +1 -1
- package/dist/vue/components/KmTreeview/KmTreeNode.vue.d.ts +37 -0
- package/dist/vue/components/KmTreeview/KmTreeNode.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTreeview/KmTreeview.vue.d.ts +48 -0
- package/dist/vue/components/KmTreeview/KmTreeview.vue.d.ts.map +1 -0
- package/dist/vue/components/KmTreeview/index.d.ts +5 -0
- package/dist/vue/components/KmTreeview/index.d.ts.map +1 -0
- package/dist/vue/components/KmTreeview/types.d.ts +11 -0
- package/dist/vue/components/KmTreeview/types.d.ts.map +1 -0
- package/dist/vue/components/index.d.ts +19 -0
- package/dist/vue/components/index.d.ts.map +1 -1
- package/dist/vue/plugin.d.ts.map +1 -1
- package/dist/vue.js +40 -15
- package/package.json +1 -1
- package/dist/carousel-D_f-K2v2.js +0 -83
- package/dist/plugin-DfFKi2ZR.js +0 -941
- 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
|
-
| 🌐
|
|
16
|
-
| 🎨 [Brand Guidelines](./docs/assets/brand-guidelines.png) |
|
|
17
|
-
| 🔘 [Botones y Variantes](./docs/assets/buttons-variants.png) |
|
|
18
|
-
| 📚 [Brand Identity](./docs/brand-identity.md) |
|
|
19
|
-
| 📦
|
|
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
|
-
|
|
|
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
|
|
3
|
-
import { a as
|
|
4
|
-
import { a as
|
|
5
|
-
import { a as
|
|
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
|
-
|
|
7
|
+
t as KmAlert,
|
|
8
8
|
r as KmAvatar,
|
|
9
9
|
i as KmBadge,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
m as KmButton,
|
|
11
|
+
o as KmCard,
|
|
12
12
|
n as KmCarousel,
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
K as KmCheckbox,
|
|
14
|
+
l as KmDialog,
|
|
15
|
+
V as KmDialogBody,
|
|
15
16
|
g as KmDialogFooter,
|
|
16
|
-
|
|
17
|
+
d as KmDialogHeader,
|
|
18
|
+
p as KmFormControl,
|
|
19
|
+
b as KmHeading,
|
|
20
|
+
T as KmHtml,
|
|
17
21
|
c as KmInput,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
f as
|
|
22
|
-
S as
|
|
23
|
-
u as
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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
|
};
|