@karbonjs/ui-core 0.1.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.
Files changed (92) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +41 -0
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/index.js +2 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/types/accordion.d.ts +12 -0
  8. package/dist/types/accordion.d.ts.map +1 -0
  9. package/dist/types/accordion.js +2 -0
  10. package/dist/types/accordion.js.map +1 -0
  11. package/dist/types/alert.d.ts +7 -0
  12. package/dist/types/alert.d.ts.map +1 -0
  13. package/dist/types/alert.js +2 -0
  14. package/dist/types/alert.js.map +1 -0
  15. package/dist/types/avatar.d.ts +9 -0
  16. package/dist/types/avatar.d.ts.map +1 -0
  17. package/dist/types/avatar.js +2 -0
  18. package/dist/types/avatar.js.map +1 -0
  19. package/dist/types/badge.d.ts +6 -0
  20. package/dist/types/badge.d.ts.map +1 -0
  21. package/dist/types/badge.js +2 -0
  22. package/dist/types/badge.js.map +1 -0
  23. package/dist/types/breadcrumb.d.ts +10 -0
  24. package/dist/types/breadcrumb.d.ts.map +1 -0
  25. package/dist/types/breadcrumb.js +2 -0
  26. package/dist/types/breadcrumb.js.map +1 -0
  27. package/dist/types/button.d.ts +14 -0
  28. package/dist/types/button.d.ts.map +1 -0
  29. package/dist/types/button.js +2 -0
  30. package/dist/types/button.js.map +1 -0
  31. package/dist/types/card.d.ts +9 -0
  32. package/dist/types/card.d.ts.map +1 -0
  33. package/dist/types/card.js +2 -0
  34. package/dist/types/card.js.map +1 -0
  35. package/dist/types/carousel.d.ts +9 -0
  36. package/dist/types/carousel.d.ts.map +1 -0
  37. package/dist/types/carousel.js +2 -0
  38. package/dist/types/carousel.js.map +1 -0
  39. package/dist/types/data.d.ts +10 -0
  40. package/dist/types/data.d.ts.map +1 -0
  41. package/dist/types/data.js +2 -0
  42. package/dist/types/data.js.map +1 -0
  43. package/dist/types/divider.d.ts +7 -0
  44. package/dist/types/divider.d.ts.map +1 -0
  45. package/dist/types/divider.js +2 -0
  46. package/dist/types/divider.js.map +1 -0
  47. package/dist/types/dropdown.d.ts +18 -0
  48. package/dist/types/dropdown.d.ts.map +1 -0
  49. package/dist/types/dropdown.js +2 -0
  50. package/dist/types/dropdown.js.map +1 -0
  51. package/dist/types/form.d.ts +118 -0
  52. package/dist/types/form.d.ts.map +1 -0
  53. package/dist/types/form.js +2 -0
  54. package/dist/types/form.js.map +1 -0
  55. package/dist/types/image.d.ts +24 -0
  56. package/dist/types/image.d.ts.map +1 -0
  57. package/dist/types/image.js +2 -0
  58. package/dist/types/image.js.map +1 -0
  59. package/dist/types/index.d.ts +21 -0
  60. package/dist/types/index.d.ts.map +1 -0
  61. package/dist/types/index.js +21 -0
  62. package/dist/types/index.js.map +1 -0
  63. package/dist/types/kbd.d.ts +5 -0
  64. package/dist/types/kbd.d.ts.map +1 -0
  65. package/dist/types/kbd.js +2 -0
  66. package/dist/types/kbd.js.map +1 -0
  67. package/dist/types/layout.d.ts +10 -0
  68. package/dist/types/layout.d.ts.map +1 -0
  69. package/dist/types/layout.js +2 -0
  70. package/dist/types/layout.js.map +1 -0
  71. package/dist/types/overlay.d.ts +42 -0
  72. package/dist/types/overlay.d.ts.map +1 -0
  73. package/dist/types/overlay.js +2 -0
  74. package/dist/types/overlay.js.map +1 -0
  75. package/dist/types/progress.d.ts +11 -0
  76. package/dist/types/progress.d.ts.map +1 -0
  77. package/dist/types/progress.js +2 -0
  78. package/dist/types/progress.js.map +1 -0
  79. package/dist/types/skeleton.d.ts +9 -0
  80. package/dist/types/skeleton.d.ts.map +1 -0
  81. package/dist/types/skeleton.js +2 -0
  82. package/dist/types/skeleton.js.map +1 -0
  83. package/dist/types/tabs.d.ts +12 -0
  84. package/dist/types/tabs.d.ts.map +1 -0
  85. package/dist/types/tabs.js +2 -0
  86. package/dist/types/tabs.js.map +1 -0
  87. package/dist/types/tooltip.d.ts +7 -0
  88. package/dist/types/tooltip.d.ts.map +1 -0
  89. package/dist/types/tooltip.js +2 -0
  90. package/dist/types/tooltip.js.map +1 -0
  91. package/package.json +27 -0
  92. package/src/styles.css +78 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 KarbonJS
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,41 @@
1
+ # @karbonjs/ui-core
2
+
3
+ Shared design tokens, CSS variables, and TypeScript prop types for Karbon UI components.
4
+
5
+ This package is used internally by `@karbonjs/ui-svelte` and `@karbonjs/ui-react`. You generally don't need to install it directly — it's pulled in automatically as a dependency.
6
+
7
+ ## Install
8
+
9
+ ```bash
10
+ npm install @karbonjs/ui-core
11
+ ```
12
+
13
+ ## Design Tokens (CSS)
14
+
15
+ ```css
16
+ @import '@karbonjs/ui-core/css';
17
+
18
+ /* Available variables */
19
+ button {
20
+ border-radius: var(--karbon-radius-md);
21
+ font-family: var(--karbon-font-sans);
22
+ transition: all var(--karbon-transition);
23
+ }
24
+ ```
25
+
26
+ ## Component Prop Types
27
+
28
+ ```typescript
29
+ import type { ButtonProps, BadgeProps, AlertProps, ModalProps, PaginationProps } from '@karbonjs/ui-core'
30
+
31
+ // Use in your own component implementations
32
+ const props: ButtonProps = {
33
+ variant: 'primary',
34
+ size: 'md',
35
+ loading: false,
36
+ }
37
+ ```
38
+
39
+ ## License
40
+
41
+ MIT
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
package/dist/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from './types';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
@@ -0,0 +1,12 @@
1
+ export interface AccordionItem {
2
+ id: string;
3
+ title: string;
4
+ content?: string;
5
+ disabled?: boolean;
6
+ }
7
+ export interface AccordionProps {
8
+ items: AccordionItem[];
9
+ multiple?: boolean;
10
+ class?: string;
11
+ }
12
+ //# sourceMappingURL=accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/types/accordion.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/types/accordion.ts"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ export type AlertType = 'success' | 'error' | 'warning' | 'info';
2
+ export interface AlertProps {
3
+ type?: AlertType;
4
+ message?: string;
5
+ class?: string;
6
+ }
7
+ //# sourceMappingURL=alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/types/alert.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAEhE,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/types/alert.ts"],"names":[],"mappings":""}
@@ -0,0 +1,9 @@
1
+ export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
2
+ export interface AvatarProps {
3
+ src?: string;
4
+ alt?: string;
5
+ name?: string;
6
+ size?: AvatarSize;
7
+ class?: string;
8
+ }
9
+ //# sourceMappingURL=avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/types/avatar.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/types/avatar.ts"],"names":[],"mappings":""}
@@ -0,0 +1,6 @@
1
+ export type BadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
2
+ export interface BadgeProps {
3
+ variant?: BadgeVariant;
4
+ class?: string;
5
+ }
6
+ //# sourceMappingURL=badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/types/badge.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEhF,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/types/badge.ts"],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ export interface BreadcrumbItem {
2
+ label: string;
3
+ href?: string;
4
+ }
5
+ export interface BreadcrumbProps {
6
+ items: BreadcrumbItem[];
7
+ separator?: string;
8
+ class?: string;
9
+ }
10
+ //# sourceMappingURL=breadcrumb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/types/breadcrumb.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=breadcrumb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../src/types/breadcrumb.ts"],"names":[],"mappings":""}
@@ -0,0 +1,14 @@
1
+ export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'outline';
2
+ export type ButtonSize = 'sm' | 'md' | 'lg';
3
+ export interface ButtonProps {
4
+ variant?: ButtonVariant;
5
+ size?: ButtonSize;
6
+ type?: 'button' | 'submit';
7
+ disabled?: boolean;
8
+ loading?: boolean;
9
+ loadingText?: string;
10
+ arrow?: boolean;
11
+ fullWidth?: boolean;
12
+ class?: string;
13
+ }
14
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/types/button.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AACpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/types/button.ts"],"names":[],"mappings":""}
@@ -0,0 +1,9 @@
1
+ export type CardVariant = 'default' | 'elevated' | 'outlined' | 'ghost';
2
+ export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
3
+ export interface CardProps {
4
+ variant?: CardVariant;
5
+ padding?: CardPadding;
6
+ hoverable?: boolean;
7
+ class?: string;
8
+ }
9
+ //# sourceMappingURL=card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/types/card.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAA;AACvE,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAErD,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/types/card.ts"],"names":[],"mappings":""}
@@ -0,0 +1,9 @@
1
+ export interface CarouselProps {
2
+ images?: string[];
3
+ autoplay?: number;
4
+ loop?: boolean;
5
+ arrows?: boolean;
6
+ indicators?: boolean;
7
+ class?: string;
8
+ }
9
+ //# sourceMappingURL=carousel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/types/carousel.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=carousel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/types/carousel.ts"],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ export interface DataTableProps {
2
+ class?: string;
3
+ }
4
+ export interface PaginationProps {
5
+ page: number;
6
+ total: number;
7
+ perPage: number;
8
+ baseUrl: string;
9
+ }
10
+ //# sourceMappingURL=data.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/types/data.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"data.js","sourceRoot":"","sources":["../../src/types/data.ts"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ export type DividerDirection = 'horizontal' | 'vertical';
2
+ export interface DividerProps {
3
+ direction?: DividerDirection;
4
+ label?: string;
5
+ class?: string;
6
+ }
7
+ //# sourceMappingURL=divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/types/divider.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAA;AAExD,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=divider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/types/divider.ts"],"names":[],"mappings":""}
@@ -0,0 +1,18 @@
1
+ export interface DropdownItem {
2
+ label: string;
3
+ value?: string;
4
+ icon?: any;
5
+ danger?: boolean;
6
+ disabled?: boolean;
7
+ }
8
+ export interface DropdownDivider {
9
+ divider: true;
10
+ }
11
+ export type DropdownEntry = DropdownItem | DropdownDivider;
12
+ export type DropdownAlign = 'left' | 'right';
13
+ export interface DropdownProps {
14
+ items: DropdownEntry[];
15
+ align?: DropdownAlign;
16
+ class?: string;
17
+ }
18
+ //# sourceMappingURL=dropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/types/dropdown.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,IAAI,CAAA;CACd;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,eAAe,CAAA;AAE1D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAA;AAE5C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=dropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/types/dropdown.ts"],"names":[],"mappings":""}
@@ -0,0 +1,118 @@
1
+ export type FormVariant = 'dark' | 'light';
2
+ export interface FormInputProps {
3
+ name: string;
4
+ type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number';
5
+ value?: string;
6
+ placeholder?: string;
7
+ label?: string;
8
+ error?: string;
9
+ required?: boolean;
10
+ disabled?: boolean;
11
+ readonly?: boolean;
12
+ autocomplete?: string;
13
+ clearable?: boolean;
14
+ variant?: FormVariant;
15
+ class?: string;
16
+ inputClass?: string;
17
+ labelClass?: string;
18
+ wrapperClass?: string;
19
+ }
20
+ export interface SelectOption {
21
+ value: string;
22
+ label: string;
23
+ disabled?: boolean;
24
+ }
25
+ export interface SelectProps {
26
+ name: string;
27
+ options: SelectOption[];
28
+ value?: string;
29
+ placeholder?: string;
30
+ label?: string;
31
+ error?: string;
32
+ required?: boolean;
33
+ disabled?: boolean;
34
+ variant?: FormVariant;
35
+ class?: string;
36
+ }
37
+ export interface CheckboxProps {
38
+ name: string;
39
+ checked?: boolean;
40
+ indeterminate?: boolean;
41
+ label?: string;
42
+ description?: string;
43
+ disabled?: boolean;
44
+ class?: string;
45
+ }
46
+ export type ToggleSize = 'sm' | 'md';
47
+ export interface ToggleProps {
48
+ name: string;
49
+ checked?: boolean;
50
+ label?: string;
51
+ size?: ToggleSize;
52
+ disabled?: boolean;
53
+ class?: string;
54
+ }
55
+ export interface TextareaProps {
56
+ name: string;
57
+ value?: string;
58
+ placeholder?: string;
59
+ label?: string;
60
+ error?: string;
61
+ rows?: number;
62
+ maxlength?: number;
63
+ showCount?: boolean;
64
+ required?: boolean;
65
+ disabled?: boolean;
66
+ readonly?: boolean;
67
+ variant?: FormVariant;
68
+ class?: string;
69
+ }
70
+ export interface RadioOption {
71
+ value: string;
72
+ label: string;
73
+ description?: string;
74
+ disabled?: boolean;
75
+ }
76
+ export type RadioDirection = 'row' | 'column';
77
+ export interface RadioProps {
78
+ name: string;
79
+ options: RadioOption[];
80
+ value?: string;
81
+ label?: string;
82
+ direction?: RadioDirection;
83
+ disabled?: boolean;
84
+ class?: string;
85
+ }
86
+ export interface SliderProps {
87
+ name: string;
88
+ value?: number;
89
+ min?: number;
90
+ max?: number;
91
+ step?: number;
92
+ label?: string;
93
+ showValue?: boolean;
94
+ disabled?: boolean;
95
+ class?: string;
96
+ }
97
+ export interface DatePickerProps {
98
+ name: string;
99
+ value?: string;
100
+ label?: string;
101
+ error?: string;
102
+ placeholder?: string;
103
+ min?: string;
104
+ max?: string;
105
+ required?: boolean;
106
+ disabled?: boolean;
107
+ variant?: FormVariant;
108
+ class?: string;
109
+ }
110
+ export interface ColorPickerProps {
111
+ name: string;
112
+ value?: string;
113
+ label?: string;
114
+ presets?: string[];
115
+ disabled?: boolean;
116
+ class?: string;
117
+ }
118
+ //# sourceMappingURL=form.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/types/form.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=form.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/types/form.ts"],"names":[],"mappings":""}
@@ -0,0 +1,24 @@
1
+ export type ImageHover = 'none' | 'zoom' | 'brightness' | 'blur';
2
+ export type ImageRounded = 'none' | 'sm' | 'md' | 'lg' | 'full';
3
+ export type ImageAspect = 'auto' | 'square' | 'video' | 'portrait';
4
+ export interface ImageProps {
5
+ src: string;
6
+ alt?: string;
7
+ hover?: ImageHover;
8
+ rounded?: ImageRounded;
9
+ aspect?: ImageAspect;
10
+ fallback?: string;
11
+ imgbox?: boolean;
12
+ class?: string;
13
+ }
14
+ export type ImgZoomTrigger = 'hover' | 'click';
15
+ export interface ImgZoomProps {
16
+ src: string;
17
+ zoomSrc?: string;
18
+ alt?: string;
19
+ zoom?: number;
20
+ trigger?: ImgZoomTrigger;
21
+ rounded?: ImageRounded;
22
+ class?: string;
23
+ }
24
+ //# sourceMappingURL=image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/types/image.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAA;AAChE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAC/D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAA;AAElE,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"image.js","sourceRoot":"","sources":["../../src/types/image.ts"],"names":[],"mappings":""}
@@ -0,0 +1,21 @@
1
+ export * from './button';
2
+ export * from './badge';
3
+ export * from './alert';
4
+ export * from './overlay';
5
+ export * from './image';
6
+ export * from './carousel';
7
+ export * from './card';
8
+ export * from './layout';
9
+ export * from './form';
10
+ export * from './data';
11
+ export * from './dropdown';
12
+ export * from './accordion';
13
+ export * from './tabs';
14
+ export * from './breadcrumb';
15
+ export * from './tooltip';
16
+ export * from './avatar';
17
+ export * from './progress';
18
+ export * from './skeleton';
19
+ export * from './divider';
20
+ export * from './kbd';
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA"}
@@ -0,0 +1,21 @@
1
+ export * from './button';
2
+ export * from './badge';
3
+ export * from './alert';
4
+ export * from './overlay';
5
+ export * from './image';
6
+ export * from './carousel';
7
+ export * from './card';
8
+ export * from './layout';
9
+ export * from './form';
10
+ export * from './data';
11
+ export * from './dropdown';
12
+ export * from './accordion';
13
+ export * from './tabs';
14
+ export * from './breadcrumb';
15
+ export * from './tooltip';
16
+ export * from './avatar';
17
+ export * from './progress';
18
+ export * from './skeleton';
19
+ export * from './divider';
20
+ export * from './kbd';
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA"}
@@ -0,0 +1,5 @@
1
+ export interface KbdProps {
2
+ keys: string[];
3
+ class?: string;
4
+ }
5
+ //# sourceMappingURL=kbd.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/types/kbd.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=kbd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../src/types/kbd.ts"],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ export interface EmptyStateProps {
2
+ title: string;
3
+ description?: string;
4
+ }
5
+ export interface PageHeaderProps {
6
+ title: string;
7
+ description?: string;
8
+ iconColor?: string;
9
+ }
10
+ //# sourceMappingURL=layout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/types/layout.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=layout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/types/layout.ts"],"names":[],"mappings":""}
@@ -0,0 +1,42 @@
1
+ export type OverlayBackdrop = 'blur' | 'dark' | 'transparent' | 'none';
2
+ export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
3
+ export interface ModalProps {
4
+ open: boolean;
5
+ title?: string;
6
+ size?: ModalSize;
7
+ backdrop?: OverlayBackdrop;
8
+ closable?: boolean;
9
+ closeOnOverlay?: boolean;
10
+ class?: string;
11
+ }
12
+ export type DialogVariant = 'info' | 'warning' | 'danger' | 'success';
13
+ export interface DialogProps {
14
+ open: boolean;
15
+ title: string;
16
+ description?: string;
17
+ variant?: DialogVariant;
18
+ backdrop?: OverlayBackdrop;
19
+ confirmLabel?: string;
20
+ cancelLabel?: string;
21
+ loading?: boolean;
22
+ class?: string;
23
+ }
24
+ export type ToastVariant = 'success' | 'error' | 'warning' | 'info';
25
+ export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
26
+ export interface ToastProps {
27
+ message: string;
28
+ variant?: ToastVariant;
29
+ duration?: number;
30
+ dismissible?: boolean;
31
+ position?: ToastPosition;
32
+ class?: string;
33
+ }
34
+ export interface ImgBoxProps {
35
+ images: string[];
36
+ index?: number;
37
+ open: boolean;
38
+ backdrop?: OverlayBackdrop;
39
+ captions?: string[];
40
+ class?: string;
41
+ }
42
+ //# sourceMappingURL=overlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/types/overlay.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,MAAM,CAAA;AAEtE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAE1D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AACnE,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,CAAA;AAEtH,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=overlay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../src/types/overlay.ts"],"names":[],"mappings":""}
@@ -0,0 +1,11 @@
1
+ export type ProgressVariant = 'primary' | 'success' | 'warning' | 'danger';
2
+ export type ProgressSize = 'sm' | 'md' | 'lg';
3
+ export interface ProgressProps {
4
+ value: number;
5
+ max?: number;
6
+ variant?: ProgressVariant;
7
+ size?: ProgressSize;
8
+ showLabel?: boolean;
9
+ class?: string;
10
+ }
11
+ //# sourceMappingURL=progress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/types/progress.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAC1E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/types/progress.ts"],"names":[],"mappings":""}
@@ -0,0 +1,9 @@
1
+ export type SkeletonVariant = 'text' | 'circle' | 'rect';
2
+ export interface SkeletonProps {
3
+ variant?: SkeletonVariant;
4
+ width?: string;
5
+ height?: string;
6
+ lines?: number;
7
+ class?: string;
8
+ }
9
+ //# sourceMappingURL=skeleton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/types/skeleton.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAExD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=skeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/types/skeleton.ts"],"names":[],"mappings":""}
@@ -0,0 +1,12 @@
1
+ export interface TabItem {
2
+ id: string;
3
+ label: string;
4
+ icon?: any;
5
+ disabled?: boolean;
6
+ }
7
+ export interface TabsProps {
8
+ tabs: TabItem[];
9
+ active?: string;
10
+ class?: string;
11
+ }
12
+ //# sourceMappingURL=tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/types/tabs.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/types/tabs.ts"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
2
+ export interface TooltipProps {
3
+ text: string;
4
+ position?: TooltipPosition;
5
+ class?: string;
6
+ }
7
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/types/tooltip.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEjE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/types/tooltip.ts"],"names":[],"mappings":""}
package/package.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "name": "@karbonjs/ui-core",
3
+ "version": "0.1.0",
4
+ "description": "Shared design tokens, CSS, and types for Karbon UI components",
5
+ "type": "module",
6
+ "main": "dist/index.js",
7
+ "types": "dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "types": "./dist/index.d.ts",
11
+ "import": "./dist/index.js"
12
+ },
13
+ "./css": "./src/styles.css"
14
+ },
15
+ "files": [
16
+ "dist",
17
+ "src/styles.css"
18
+ ],
19
+ "publishConfig": {
20
+ "access": "public"
21
+ },
22
+ "license": "MIT",
23
+ "scripts": {
24
+ "build": "tsc",
25
+ "dev": "tsc --watch"
26
+ }
27
+ }
package/src/styles.css ADDED
@@ -0,0 +1,78 @@
1
+ /* @karbonjs/ui-core — Base design tokens */
2
+
3
+ :root {
4
+ /* ── Colors ── */
5
+ --karbon-primary: #cc1a1a;
6
+ --karbon-primary-hover: #a81515;
7
+ --karbon-secondary: #0ea5e9;
8
+ --karbon-accent: #f59e0b;
9
+ --karbon-danger: #ef4444;
10
+ --karbon-success: #22c55e;
11
+ --karbon-warning: #f59e0b;
12
+ --karbon-info: #3b82f6;
13
+
14
+ /* ── Border radius ── */
15
+ --karbon-radius-sm: 0.25rem;
16
+ --karbon-radius-md: 0.5rem;
17
+ --karbon-radius-lg: 0.75rem;
18
+ --karbon-radius-xl: 1rem;
19
+ --karbon-radius-full: 9999px;
20
+
21
+ /* ── Typography ── */
22
+ --karbon-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
23
+ --karbon-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
24
+
25
+ /* ── Transitions ── */
26
+ --karbon-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
27
+
28
+ /* ── Spacing ── */
29
+ --karbon-space-xs: 0.25rem;
30
+ --karbon-space-sm: 0.5rem;
31
+ --karbon-space-md: 1rem;
32
+ --karbon-space-lg: 1.5rem;
33
+ --karbon-space-xl: 2rem;
34
+
35
+ /* ── Shadows ── */
36
+ --karbon-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
37
+ --karbon-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
38
+ --karbon-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
39
+ --karbon-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
40
+ }
41
+
42
+ /* ── Dark theme tokens ── */
43
+ [data-theme="dark"], .karbon-dark {
44
+ --karbon-bg: #060412;
45
+ --karbon-bg-2: #080515;
46
+ --karbon-bg-card: #0a0820;
47
+ --karbon-bg-input: rgba(255, 255, 255, 0.06);
48
+ --karbon-text: rgba(255, 255, 255, 0.90);
49
+ --karbon-text-2: rgba(255, 255, 255, 0.50);
50
+ --karbon-text-3: rgba(255, 255, 255, 0.30);
51
+ --karbon-text-4: rgba(255, 255, 255, 0.18);
52
+ --karbon-border: rgba(255, 255, 255, 0.06);
53
+ --karbon-border-input: rgba(255, 255, 255, 0.10);
54
+ --karbon-border-input-focus: rgba(204, 26, 26, 0.5);
55
+ --karbon-nav-hover-bg: rgba(255, 255, 255, 0.05);
56
+ }
57
+
58
+ /* ── Light theme tokens ── */
59
+ [data-theme="light"], .karbon-light {
60
+ --karbon-bg: #f2f0fa;
61
+ --karbon-bg-2: #e8e6f0;
62
+ --karbon-bg-card: #ffffff;
63
+ --karbon-bg-input: #ffffff;
64
+ --karbon-text: #1a1635;
65
+ --karbon-text-2: #5a567e;
66
+ --karbon-text-3: #8e8aae;
67
+ --karbon-text-4: #b5b2cc;
68
+ --karbon-border: rgba(0, 0, 0, 0.07);
69
+ --karbon-border-input: rgba(0, 0, 0, 0.12);
70
+ --karbon-border-input-focus: rgba(204, 26, 26, 0.5);
71
+ --karbon-nav-hover-bg: rgba(0, 0, 0, 0.04);
72
+ }
73
+
74
+ /* ── Alert animations ── */
75
+ @keyframes karbon-alert-in {
76
+ from { opacity: 0; transform: translateY(-4px); }
77
+ to { opacity: 1; transform: translateY(0); }
78
+ }