@adamosuiteservices/ui 2.10.12 → 2.11.13
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/dist/accordion-rounded.cjs +7 -7
- package/dist/accordion-rounded.js +1 -1
- package/dist/calendar-Bapd0vmU.js +2949 -0
- package/dist/calendar-DMvGcwMp.cjs +76 -0
- package/dist/calendar.cjs +1 -76
- package/dist/calendar.js +3 -2945
- package/dist/colors.css +1 -1
- package/dist/combobox-CW07jN3o.cjs +37 -0
- package/dist/combobox-CtdzWxGX.js +598 -0
- package/dist/combobox.cjs +1 -37
- package/dist/combobox.js +2 -596
- package/dist/components/layout/full-screen-loader/full-screen-loader-manager.d.ts +6 -0
- package/dist/components/layout/full-screen-loader/full-screen-loader-observable.d.ts +8 -0
- package/dist/components/layout/full-screen-loader/full-screen-loader.d.ts +4 -0
- package/dist/components/layout/full-screen-loader/index.d.ts +3 -0
- package/dist/components/ui/date-picker-selector/date-picker-selector.d.ts +21 -0
- package/dist/components/ui/date-picker-selector/index.d.ts +1 -0
- package/dist/date-picker-selector.cjs +1 -0
- package/dist/date-picker-selector.js +105 -0
- package/dist/full-screen-loader.cjs +4 -0
- package/dist/full-screen-loader.js +50 -0
- package/dist/spinner-B-sC3DVC.cjs +1 -0
- package/dist/spinner-DvrliN2E.js +19 -0
- package/dist/spinner.cjs +1 -1
- package/dist/spinner.js +1 -16
- package/dist/styles.css +1 -1
- package/dist/table.cjs +5 -5
- package/dist/table.js +2 -2
- package/dist/tailwind-colors.css +1 -1
- package/dist/tailwind-theme.css +1 -1
- package/dist/themes.css +1 -1
- package/dist/tooltip.cjs +5 -4
- package/dist/tooltip.js +4 -3
- package/dist/types/theme.type.d.ts +1 -1
- package/docs/components/layout/full-screen-loader.md +500 -0
- package/docs/components/ui/accordion-rounded.md +7 -7
- package/docs/components/ui/accordion.md +2 -2
- package/docs/components/ui/alert.md +3 -3
- package/docs/components/ui/avatar.md +10 -10
- package/docs/components/ui/badge.md +10 -53
- package/docs/components/ui/button.md +1 -1
- package/docs/components/ui/calendar.md +1 -1
- package/docs/components/ui/combobox.md +7 -7
- package/docs/components/ui/date-picker-selector.md +376 -0
- package/docs/components/ui/hover-card.md +1 -1
- package/docs/components/ui/icon.md +12 -12
- package/docs/components/ui/input-group.md +9 -14
- package/docs/components/ui/popover.md +2 -2
- package/docs/components/ui/spinner.md +1 -1
- package/docs/components/ui/table.md +1 -1
- package/docs/components/ui/tooltip.md +3 -3
- package/docs/components/ui/typography.md +1 -1
- package/package.json +9 -1
|
@@ -306,7 +306,7 @@ import { Icon } from "@adamosuiteservices/ui/icon";
|
|
|
306
306
|
<PopoverContent className="w-80">
|
|
307
307
|
<div className="space-y-3">
|
|
308
308
|
<div className="flex items-center gap-2">
|
|
309
|
-
<Icon symbol="error" className="text-lg text-
|
|
309
|
+
<Icon symbol="error" className="text-lg text-primary" />
|
|
310
310
|
<h4 className="font-medium">About this feature</h4>
|
|
311
311
|
</div>
|
|
312
312
|
<p className="text-sm text-muted-foreground">
|
|
@@ -359,7 +359,7 @@ import { Separator } from "@adamosuiteservices/ui/separator";
|
|
|
359
359
|
<p className="text-sm font-medium">New message</p>
|
|
360
360
|
<p className="text-xs text-muted-foreground">2 min ago</p>
|
|
361
361
|
</div>
|
|
362
|
-
<div className="h-2 w-2 bg-
|
|
362
|
+
<div className="h-2 w-2 bg-primary rounded-full mt-1" />
|
|
363
363
|
</div>
|
|
364
364
|
</div>
|
|
365
365
|
<Separator />
|
|
@@ -50,7 +50,7 @@ import { Spinner } from "@adamosuiteservices/ui/spinner";
|
|
|
50
50
|
```tsx
|
|
51
51
|
<Spinner className="text-primary" />
|
|
52
52
|
<Spinner className="text-destructive" />
|
|
53
|
-
<Spinner className="text-
|
|
53
|
+
<Spinner className="text-warning" />
|
|
54
54
|
```
|
|
55
55
|
|
|
56
56
|
### En Botones
|
|
@@ -174,7 +174,7 @@ const invoices = [
|
|
|
174
174
|
## Estilos Base
|
|
175
175
|
|
|
176
176
|
- **Container**: `rounded-xl border` con `overflow-x-auto`
|
|
177
|
-
- **Head**: `bg-
|
|
177
|
+
- **Head**: `bg-muted/50 text-muted-foreground text-xs uppercase`
|
|
178
178
|
- **Row hover**: `hover:bg-muted/50`
|
|
179
179
|
- **Cell**: `p-4 text-sm text-muted-foreground`
|
|
180
180
|
|
|
@@ -278,11 +278,11 @@ function App() {
|
|
|
278
278
|
|
|
279
279
|
## Estilos Base
|
|
280
280
|
|
|
281
|
-
- **Background**: `bg-
|
|
282
|
-
- **Text**: `text-
|
|
281
|
+
- **Background**: `bg-primary`
|
|
282
|
+
- **Text**: `text-primary-foreground text-xs`
|
|
283
283
|
- **Padding**: `px-3 py-1.5`
|
|
284
284
|
- **Border radius**: `rounded-md`
|
|
285
|
-
- **Arrow**: `size-2.5` con `bg-
|
|
285
|
+
- **Arrow**: `size-2.5` con `bg-primary`
|
|
286
286
|
- **Z-index**: `z-50`
|
|
287
287
|
- **Animation**: Fade + zoom in/out
|
|
288
288
|
|
|
@@ -264,7 +264,7 @@ import { Typography } from "@adamosuiteservices/ui/typography";
|
|
|
264
264
|
- **Default element**: `<p>` cuando `asChild=false`
|
|
265
265
|
- **Default variants**: `variant="sm"` y `color="default"`
|
|
266
266
|
- **Data attribute**: `data-slot="typography"` para identificación
|
|
267
|
-
- **Color variants**: Incluye colores default (
|
|
267
|
+
- **Color variants**: Incluye colores default (foreground) y muted (muted-foreground)
|
|
268
268
|
- **Extensibilidad**: Combina con utility classes para estilos adicionales (weight, spacing, etc.)
|
|
269
269
|
|
|
270
270
|
## Troubleshooting
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adamosuiteservices/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.11.13",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -38,6 +38,10 @@
|
|
|
38
38
|
"types": "./dist/components/layout/toaster/index.d.ts",
|
|
39
39
|
"import": "./dist/toaster.js"
|
|
40
40
|
},
|
|
41
|
+
"./full-screen-loader": {
|
|
42
|
+
"types": "./dist/components/layout/full-screen-loader/index.d.ts",
|
|
43
|
+
"import": "./dist/full-screen-loader.js"
|
|
44
|
+
},
|
|
41
45
|
"./accordion": {
|
|
42
46
|
"types": "./dist/components/ui/accordion/accordion.d.ts",
|
|
43
47
|
"import": "./dist/accordion.js"
|
|
@@ -94,6 +98,10 @@
|
|
|
94
98
|
"types": "./dist/components/ui/context-menu/context-menu.d.ts",
|
|
95
99
|
"import": "./dist/context-menu.js"
|
|
96
100
|
},
|
|
101
|
+
"./date-picker-selector": {
|
|
102
|
+
"types": "./dist/components/ui/date-picker-selector/date-picker-selector.d.ts",
|
|
103
|
+
"import": "./dist/date-picker-selector.js"
|
|
104
|
+
},
|
|
97
105
|
"./dialog": {
|
|
98
106
|
"types": "./dist/components/ui/dialog/dialog.d.ts",
|
|
99
107
|
"import": "./dist/dialog.js"
|