@caribeng/ui 22.2.0 → 22.4.0
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 +93 -11
- package/fesm2022/caribeng-ui-accordion.mjs +2 -2
- package/fesm2022/caribeng-ui-avatar.mjs +2 -2
- package/fesm2022/caribeng-ui-badge.mjs +8 -2
- package/fesm2022/caribeng-ui-breadcrumb.mjs +13 -6
- package/fesm2022/caribeng-ui-chart.mjs +8 -5
- package/fesm2022/caribeng-ui-chat.mjs +1303 -0
- package/fesm2022/caribeng-ui-code-block.mjs +332 -0
- package/fesm2022/caribeng-ui-colorpicker.mjs +99 -5
- package/fesm2022/caribeng-ui-command-palette.mjs +476 -0
- package/fesm2022/caribeng-ui-confirmdialog.mjs +78 -13
- package/fesm2022/caribeng-ui-confirmpopup.mjs +91 -16
- package/fesm2022/caribeng-ui-contextmenu.mjs +8 -4
- package/fesm2022/caribeng-ui-copy-button.mjs +230 -0
- package/fesm2022/caribeng-ui-dataview.mjs +4 -1
- package/fesm2022/caribeng-ui-dock.mjs +52 -12
- package/fesm2022/caribeng-ui-drawer.mjs +9 -4
- package/fesm2022/caribeng-ui-editor.mjs +21 -0
- package/fesm2022/caribeng-ui-fieldset.mjs +2 -2
- package/fesm2022/caribeng-ui-file-card.mjs +134 -17
- package/fesm2022/caribeng-ui-folder-card.mjs +122 -12
- package/fesm2022/caribeng-ui-inlinemessage.mjs +2 -2
- package/fesm2022/caribeng-ui-inputmask.mjs +8 -2
- package/fesm2022/caribeng-ui-kanban.mjs +4612 -0
- package/fesm2022/caribeng-ui-kbd.mjs +122 -0
- package/fesm2022/caribeng-ui-megamenu.mjs +13 -9
- package/fesm2022/caribeng-ui-mentions.mjs +495 -0
- package/fesm2022/caribeng-ui-menu.mjs +8 -4
- package/fesm2022/caribeng-ui-menubar.mjs +9 -5
- package/fesm2022/caribeng-ui-message.mjs +6 -3
- package/fesm2022/caribeng-ui-organizationchart.mjs +6 -10
- package/fesm2022/caribeng-ui-panel.mjs +6 -6
- package/fesm2022/caribeng-ui-panelmenu.mjs +9 -6
- package/fesm2022/caribeng-ui-phone-input.mjs +688 -0
- package/fesm2022/caribeng-ui-pricing.mjs +263 -69
- package/fesm2022/caribeng-ui-qrcode.mjs +564 -0
- package/fesm2022/caribeng-ui-ripple.mjs +2 -0
- package/fesm2022/caribeng-ui-scrolltop.mjs +3 -1
- package/fesm2022/caribeng-ui-sidebar.mjs +573 -0
- package/fesm2022/caribeng-ui-stepper.mjs +10 -3
- package/fesm2022/caribeng-ui-table.mjs +10 -4
- package/fesm2022/caribeng-ui-tabmenu.mjs +8 -4
- package/fesm2022/caribeng-ui-tieredmenu.mjs +109 -19
- package/fesm2022/caribeng-ui.mjs +388 -1
- package/package.json +42 -2
- package/schematics/collection.json +5 -0
- package/schematics/migrate-from-primeng/core-icons.json +1 -0
- package/schematics/migrate-from-primeng/icons.js +269 -0
- package/schematics/migrate-from-primeng/index.js +290 -0
- package/schematics/migrate-from-primeng/mappings/button.js +93 -0
- package/schematics/migrate-from-primeng/mappings/card.js +33 -0
- package/schematics/migrate-from-primeng/mappings/checkbox.js +44 -0
- package/schematics/migrate-from-primeng/mappings/confirm.js +221 -0
- package/schematics/migrate-from-primeng/mappings/datepicker.js +121 -0
- package/schematics/migrate-from-primeng/mappings/dialog.js +84 -0
- package/schematics/migrate-from-primeng/mappings/index.js +88 -0
- package/schematics/migrate-from-primeng/mappings/inputnumber.js +62 -0
- package/schematics/migrate-from-primeng/mappings/inputtext.js +60 -0
- package/schematics/migrate-from-primeng/mappings/menu.js +468 -0
- package/schematics/migrate-from-primeng/mappings/multiselect.js +49 -0
- package/schematics/migrate-from-primeng/mappings/radiobutton.js +22 -0
- package/schematics/migrate-from-primeng/mappings/rules.js +206 -0
- package/schematics/migrate-from-primeng/mappings/select.js +97 -0
- package/schematics/migrate-from-primeng/mappings/service-calls.js +100 -0
- package/schematics/migrate-from-primeng/mappings/table.js +613 -0
- package/schematics/migrate-from-primeng/mappings/tabs.js +225 -0
- package/schematics/migrate-from-primeng/mappings/tag.js +29 -0
- package/schematics/migrate-from-primeng/mappings/textarea.js +44 -0
- package/schematics/migrate-from-primeng/mappings/toast.js +173 -0
- package/schematics/migrate-from-primeng/mappings/toggleswitch.js +37 -0
- package/schematics/migrate-from-primeng/mappings/tooltip.js +44 -0
- package/schematics/migrate-from-primeng/mappings/types.js +10 -0
- package/schematics/migrate-from-primeng/report.js +79 -0
- package/schematics/migrate-from-primeng/schema.js +2 -0
- package/schematics/migrate-from-primeng/schema.json +34 -0
- package/schematics/migrate-from-primeng/template.js +387 -0
- package/schematics/migrate-from-primeng/todo.js +5 -0
- package/schematics/migrate-from-primeng/typescript.js +442 -0
- package/schematics/migrate-from-primeng/workspace.js +117 -0
- package/schematics/ng-add/index.js +16 -1
- package/types/caribeng-ui-badge.d.ts +3 -1
- package/types/caribeng-ui-breadcrumb.d.ts +8 -0
- package/types/caribeng-ui-chart.d.ts +3 -1
- package/types/caribeng-ui-chat.d.ts +299 -0
- package/types/caribeng-ui-code-block.d.ts +65 -0
- package/types/caribeng-ui-colorpicker.d.ts +5 -1
- package/types/caribeng-ui-command-palette.d.ts +133 -0
- package/types/caribeng-ui-confirmdialog.d.ts +34 -2
- package/types/caribeng-ui-confirmpopup.d.ts +39 -2
- package/types/caribeng-ui-contextmenu.d.ts +7 -0
- package/types/caribeng-ui-copy-button.d.ts +90 -0
- package/types/caribeng-ui-dataview.d.ts +2 -0
- package/types/caribeng-ui-dock.d.ts +13 -1
- package/types/caribeng-ui-drawer.d.ts +3 -1
- package/types/caribeng-ui-file-card.d.ts +27 -2
- package/types/caribeng-ui-folder-card.d.ts +27 -5
- package/types/caribeng-ui-inputmask.d.ts +3 -1
- package/types/caribeng-ui-kanban.d.ts +783 -0
- package/types/caribeng-ui-kbd.d.ts +36 -0
- package/types/caribeng-ui-megamenu.d.ts +11 -0
- package/types/caribeng-ui-mentions.d.ts +127 -0
- package/types/caribeng-ui-menu.d.ts +7 -0
- package/types/caribeng-ui-menubar.d.ts +7 -0
- package/types/caribeng-ui-message.d.ts +2 -0
- package/types/caribeng-ui-panelmenu.d.ts +7 -0
- package/types/caribeng-ui-phone-input.d.ts +168 -0
- package/types/caribeng-ui-pricing.d.ts +41 -4
- package/types/caribeng-ui-qrcode.d.ts +88 -0
- package/types/caribeng-ui-sidebar.d.ts +167 -0
- package/types/caribeng-ui-stepper.d.ts +2 -0
- package/types/caribeng-ui-table.d.ts +1 -1
- package/types/caribeng-ui-tabmenu.d.ts +7 -0
- package/types/caribeng-ui-tieredmenu.d.ts +17 -1
- package/types/caribeng-ui.d.ts +276 -2
- package/styles/caribeng.css +0 -380
- package/styles/scss/_mixins.scss +0 -46
- package/styles/scss/_overlay.scss +0 -15
- package/styles/scss/_tokens.scss +0 -267
- package/styles/scss/_utilities.scss +0 -73
- package/styles/scss/_variables.scss +0 -33
- package/styles/scss/index.scss +0 -16
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
// =============================================================================
|
|
2
|
-
// CaribeNG · Utilidades CSS propias (sección 14 del SPEC)
|
|
3
|
-
// Opcionales e independientes de Tailwind. Prefijo cb-.
|
|
4
|
-
// =============================================================================
|
|
5
|
-
|
|
6
|
-
// Layout
|
|
7
|
-
.cb-flex { display: flex; }
|
|
8
|
-
.cb-inline-flex { display: inline-flex; }
|
|
9
|
-
.cb-grid { display: grid; }
|
|
10
|
-
.cb-block { display: block; }
|
|
11
|
-
.cb-inline-block { display: inline-block; }
|
|
12
|
-
.cb-hidden { display: none; }
|
|
13
|
-
|
|
14
|
-
.cb-flex-col { flex-direction: column; }
|
|
15
|
-
.cb-flex-row { flex-direction: row; }
|
|
16
|
-
.cb-flex-wrap { flex-wrap: wrap; }
|
|
17
|
-
.cb-flex-1 { flex: 1 1 0%; }
|
|
18
|
-
|
|
19
|
-
// Alineación
|
|
20
|
-
.cb-items-center { align-items: center; }
|
|
21
|
-
.cb-items-start { align-items: flex-start; }
|
|
22
|
-
.cb-items-end { align-items: flex-end; }
|
|
23
|
-
.cb-items-stretch { align-items: stretch; }
|
|
24
|
-
.cb-justify-center { justify-content: center; }
|
|
25
|
-
.cb-justify-between { justify-content: space-between; }
|
|
26
|
-
.cb-justify-start { justify-content: flex-start; }
|
|
27
|
-
.cb-justify-end { justify-content: flex-end; }
|
|
28
|
-
|
|
29
|
-
// Espaciado · gap
|
|
30
|
-
.cb-gap-1 { gap: var(--cb-space-1); }
|
|
31
|
-
.cb-gap-2 { gap: var(--cb-space-2); }
|
|
32
|
-
.cb-gap-3 { gap: var(--cb-space-3); }
|
|
33
|
-
.cb-gap-4 { gap: var(--cb-space-4); }
|
|
34
|
-
.cb-gap-5 { gap: var(--cb-space-5); }
|
|
35
|
-
.cb-gap-6 { gap: var(--cb-space-6); }
|
|
36
|
-
.cb-gap-8 { gap: var(--cb-space-8); }
|
|
37
|
-
|
|
38
|
-
// Espaciado · padding
|
|
39
|
-
.cb-p-1 { padding: var(--cb-space-1); }
|
|
40
|
-
.cb-p-2 { padding: var(--cb-space-2); }
|
|
41
|
-
.cb-p-3 { padding: var(--cb-space-3); }
|
|
42
|
-
.cb-p-4 { padding: var(--cb-space-4); }
|
|
43
|
-
.cb-p-5 { padding: var(--cb-space-5); }
|
|
44
|
-
.cb-p-6 { padding: var(--cb-space-6); }
|
|
45
|
-
.cb-p-8 { padding: var(--cb-space-8); }
|
|
46
|
-
|
|
47
|
-
// Espaciado · margin
|
|
48
|
-
.cb-m-1 { margin: var(--cb-space-1); }
|
|
49
|
-
.cb-m-2 { margin: var(--cb-space-2); }
|
|
50
|
-
.cb-m-3 { margin: var(--cb-space-3); }
|
|
51
|
-
.cb-m-4 { margin: var(--cb-space-4); }
|
|
52
|
-
.cb-m-5 { margin: var(--cb-space-5); }
|
|
53
|
-
.cb-m-6 { margin: var(--cb-space-6); }
|
|
54
|
-
.cb-m-8 { margin: var(--cb-space-8); }
|
|
55
|
-
|
|
56
|
-
// Tamaño
|
|
57
|
-
.cb-w-full { width: 100%; }
|
|
58
|
-
.cb-h-full { height: 100%; }
|
|
59
|
-
.cb-max-w-full { max-width: 100%; }
|
|
60
|
-
.cb-min-w-0 { min-width: 0; }
|
|
61
|
-
|
|
62
|
-
// Accesibilidad
|
|
63
|
-
.cb-sr-only {
|
|
64
|
-
position: absolute;
|
|
65
|
-
width: 1px;
|
|
66
|
-
height: 1px;
|
|
67
|
-
padding: 0;
|
|
68
|
-
margin: -1px;
|
|
69
|
-
overflow: hidden;
|
|
70
|
-
clip: rect(0, 0, 0, 0);
|
|
71
|
-
white-space: nowrap;
|
|
72
|
-
border: 0;
|
|
73
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
// =============================================================================
|
|
2
|
-
// CaribeNG · Variables SCSS (opcionales)
|
|
3
|
-
// Espejo en tiempo de compilación de los tokens para consumidores que
|
|
4
|
-
// necesiten valores Sass. La fuente de verdad en runtime son las variables CSS.
|
|
5
|
-
// =============================================================================
|
|
6
|
-
|
|
7
|
-
// Espaciado (escala 4px)
|
|
8
|
-
$cb-space-1: 0.25rem;
|
|
9
|
-
$cb-space-2: 0.5rem;
|
|
10
|
-
$cb-space-3: 0.75rem;
|
|
11
|
-
$cb-space-4: 1rem;
|
|
12
|
-
$cb-space-6: 1.5rem;
|
|
13
|
-
$cb-space-8: 2rem;
|
|
14
|
-
|
|
15
|
-
// Radios
|
|
16
|
-
$cb-radius-sm: 0.25rem;
|
|
17
|
-
$cb-radius-md: 0.5rem;
|
|
18
|
-
$cb-radius-lg: 0.75rem;
|
|
19
|
-
$cb-radius-full: 9999px;
|
|
20
|
-
|
|
21
|
-
// Tipografía
|
|
22
|
-
$cb-text-sm: 0.875rem;
|
|
23
|
-
$cb-text-base: 1rem;
|
|
24
|
-
$cb-text-lg: 1.125rem;
|
|
25
|
-
|
|
26
|
-
// Helpers de acceso a variables CSS en SCSS
|
|
27
|
-
@function cb-color($token) {
|
|
28
|
-
@return var(--cb-color-#{$token});
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@function cb-space($step) {
|
|
32
|
-
@return var(--cb-space-#{$step});
|
|
33
|
-
}
|
package/styles/scss/index.scss
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// =============================================================================
|
|
2
|
-
// CaribeNG · Entry point SCSS principal
|
|
3
|
-
//
|
|
4
|
-
// Para consumidores SCSS:
|
|
5
|
-
// @use "@caribeng/tokens/scss" as cb; // mixins + variables + CSS base
|
|
6
|
-
//
|
|
7
|
-
// Para consumidores CSS (sin SCSS), importa el compilado:
|
|
8
|
-
// @import "@caribeng/tokens/css/caribeng.css";
|
|
9
|
-
// =============================================================================
|
|
10
|
-
|
|
11
|
-
@forward "mixins";
|
|
12
|
-
@forward "variables";
|
|
13
|
-
|
|
14
|
-
@use "tokens";
|
|
15
|
-
@use "utilities";
|
|
16
|
-
@use "overlay";
|