@social.io/catalog 1.3.0 → 2.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 (130) hide show
  1. package/.smartconfig.json +51 -0
  2. package/dist_bundle/bundle.js +5455 -3248
  3. package/dist_ts_web/00_commitinfo_data.js +3 -3
  4. package/dist_ts_web/elements/index.d.ts +21 -3
  5. package/dist_ts_web/elements/index.js +28 -7
  6. package/dist_ts_web/elements/sio-ai-card.d.ts +39 -0
  7. package/dist_ts_web/elements/sio-ai-card.js +229 -0
  8. package/dist_ts_web/elements/sio-avatar.d.ts +46 -0
  9. package/dist_ts_web/elements/sio-avatar.js +379 -0
  10. package/dist_ts_web/elements/sio-bucket-header.d.ts +36 -0
  11. package/dist_ts_web/elements/sio-bucket-header.js +197 -0
  12. package/dist_ts_web/elements/sio-button.d.ts +7 -3
  13. package/dist_ts_web/elements/sio-button.js +253 -152
  14. package/dist_ts_web/elements/sio-channel-rail.d.ts +38 -0
  15. package/dist_ts_web/elements/sio-channel-rail.js +288 -0
  16. package/dist_ts_web/elements/sio-chip.d.ts +25 -0
  17. package/dist_ts_web/elements/sio-chip.js +188 -0
  18. package/dist_ts_web/elements/sio-cmdk.d.ts +59 -0
  19. package/dist_ts_web/elements/sio-cmdk.js +471 -0
  20. package/dist_ts_web/elements/sio-combox.d.ts +55 -1
  21. package/dist_ts_web/elements/sio-combox.js +458 -261
  22. package/dist_ts_web/elements/sio-composer.d.ts +48 -0
  23. package/dist_ts_web/elements/sio-composer.js +357 -0
  24. package/dist_ts_web/elements/sio-conversation-selector.d.ts +41 -1
  25. package/dist_ts_web/elements/sio-conversation-selector.js +426 -238
  26. package/dist_ts_web/elements/sio-conversation-view.d.ts +34 -6
  27. package/dist_ts_web/elements/sio-conversation-view.js +738 -564
  28. package/dist_ts_web/elements/sio-dropdown-menu.d.ts +6 -6
  29. package/dist_ts_web/elements/sio-dropdown-menu.js +223 -169
  30. package/dist_ts_web/elements/sio-fab.d.ts +23 -5
  31. package/dist_ts_web/elements/sio-fab.js +259 -235
  32. package/dist_ts_web/elements/sio-glass-toolbar.d.ts +22 -0
  33. package/dist_ts_web/elements/sio-glass-toolbar.js +178 -0
  34. package/dist_ts_web/elements/sio-icon.d.ts +1 -0
  35. package/dist_ts_web/elements/sio-icon.js +254 -94
  36. package/dist_ts_web/elements/sio-image-lightbox.d.ts +3 -4
  37. package/dist_ts_web/elements/sio-image-lightbox.js +282 -191
  38. package/dist_ts_web/elements/sio-inset-list.d.ts +28 -0
  39. package/dist_ts_web/elements/sio-inset-list.js +191 -0
  40. package/dist_ts_web/elements/sio-kbd.d.ts +16 -0
  41. package/dist_ts_web/elements/sio-kbd.js +117 -0
  42. package/dist_ts_web/elements/sio-list-row.d.ts +55 -0
  43. package/dist_ts_web/elements/sio-list-row.js +462 -0
  44. package/dist_ts_web/elements/sio-logo-render.d.ts +42 -0
  45. package/dist_ts_web/elements/sio-logo-render.js +306 -0
  46. package/dist_ts_web/elements/sio-logo.d.ts +64 -0
  47. package/dist_ts_web/elements/sio-logo.js +393 -0
  48. package/dist_ts_web/elements/sio-message-input.d.ts +25 -4
  49. package/dist_ts_web/elements/sio-message-input.js +231 -226
  50. package/dist_ts_web/elements/sio-paper-thumb.d.ts +24 -0
  51. package/dist_ts_web/elements/sio-paper-thumb.js +293 -0
  52. package/dist_ts_web/elements/sio-pdf-viewer.d.ts +2 -0
  53. package/dist_ts_web/elements/sio-pdf-viewer.js +344 -244
  54. package/dist_ts_web/elements/sio-segmented.d.ts +32 -0
  55. package/dist_ts_web/elements/sio-segmented.js +217 -0
  56. package/dist_ts_web/elements/sio-step-timeline.d.ts +28 -0
  57. package/dist_ts_web/elements/sio-step-timeline.js +222 -0
  58. package/dist_ts_web/elements/sio-tab-bar.d.ts +36 -0
  59. package/dist_ts_web/elements/sio-tab-bar.js +232 -0
  60. package/dist_ts_web/elements/sio-unread-badge.d.ts +25 -0
  61. package/dist_ts_web/elements/sio-unread-badge.js +203 -0
  62. package/dist_ts_web/elements/sio-waveform.d.ts +34 -0
  63. package/dist_ts_web/elements/sio-waveform.js +304 -0
  64. package/dist_ts_web/elements/tokens.d.ts +70 -0
  65. package/dist_ts_web/elements/tokens.js +277 -0
  66. package/dist_ts_web/pages/firstpage.d.ts +5 -0
  67. package/dist_ts_web/pages/firstpage.js +21 -2
  68. package/dist_ts_web/pages/mainpage.d.ts +6 -0
  69. package/dist_ts_web/pages/mainpage.js +111 -39
  70. package/{license → license.md} +3 -1
  71. package/package.json +23 -29
  72. package/readme.hints.md +82 -0
  73. package/readme.md +113 -146
  74. package/ts_web/00_commitinfo_data.ts +2 -2
  75. package/ts_web/elements/index.ts +31 -7
  76. package/ts_web/elements/sio-ai-card.ts +175 -0
  77. package/ts_web/elements/sio-avatar.ts +295 -0
  78. package/ts_web/elements/sio-bucket-header.ts +157 -0
  79. package/ts_web/elements/sio-button.ts +149 -127
  80. package/ts_web/elements/sio-channel-rail.ts +256 -0
  81. package/ts_web/elements/sio-chip.ts +134 -0
  82. package/ts_web/elements/sio-cmdk.ts +461 -0
  83. package/ts_web/elements/sio-combox.ts +327 -204
  84. package/ts_web/elements/sio-composer.ts +306 -0
  85. package/ts_web/elements/sio-conversation-selector.ts +350 -228
  86. package/ts_web/elements/sio-conversation-view.ts +573 -457
  87. package/ts_web/elements/sio-dropdown-menu.ts +112 -130
  88. package/ts_web/elements/sio-fab.ts +192 -227
  89. package/ts_web/elements/sio-glass-toolbar.ts +140 -0
  90. package/ts_web/elements/sio-icon.ts +147 -25
  91. package/ts_web/elements/sio-image-lightbox.ts +62 -64
  92. package/ts_web/elements/sio-inset-list.ts +140 -0
  93. package/ts_web/elements/sio-kbd.ts +80 -0
  94. package/ts_web/elements/sio-list-row.ts +393 -0
  95. package/ts_web/elements/sio-logo-render.ts +367 -0
  96. package/ts_web/elements/sio-logo.ts +311 -0
  97. package/ts_web/elements/sio-message-input.ts +142 -221
  98. package/ts_web/elements/sio-paper-thumb.ts +244 -0
  99. package/ts_web/elements/sio-pdf-viewer.ts +58 -60
  100. package/ts_web/elements/sio-segmented.ts +183 -0
  101. package/ts_web/elements/sio-step-timeline.ts +179 -0
  102. package/ts_web/elements/sio-tab-bar.ts +195 -0
  103. package/ts_web/elements/sio-unread-badge.ts +147 -0
  104. package/ts_web/elements/sio-waveform.ts +239 -0
  105. package/ts_web/elements/tokens.ts +297 -0
  106. package/ts_web/pages/firstpage.ts +20 -1
  107. package/ts_web/pages/mainpage.ts +111 -39
  108. package/dist_bundle/bundle.js.map +0 -7
  109. package/dist_ts_web/elements/00colors.d.ts +0 -108
  110. package/dist_ts_web/elements/00colors.js +0 -137
  111. package/dist_ts_web/elements/00fonts.d.ts +0 -60
  112. package/dist_ts_web/elements/00fonts.js +0 -129
  113. package/dist_ts_web/elements/00tokens.d.ts +0 -123
  114. package/dist_ts_web/elements/00tokens.js +0 -176
  115. package/dist_ts_web/elements/sio-conversation-list.d.ts +0 -20
  116. package/dist_ts_web/elements/sio-conversation-list.js +0 -495
  117. package/dist_ts_web/elements/sio-recorder.d.ts +0 -60
  118. package/dist_ts_web/elements/sio-recorder.js +0 -173
  119. package/dist_ts_web/elements/sio-subwidget-conversations.d.ts +0 -16
  120. package/dist_ts_web/elements/sio-subwidget-conversations.js +0 -350
  121. package/dist_ts_web/elements/sio-subwidget-onboardme.d.ts +0 -7
  122. package/dist_ts_web/elements/sio-subwidget-onboardme.js +0 -243
  123. package/dist_watch/bundle.js +0 -81694
  124. package/dist_watch/bundle.js.map +0 -7
  125. package/dist_watch/index.html +0 -25
  126. package/npmextra.json +0 -19
  127. package/ts_web/elements/00colors.ts +0 -164
  128. package/ts_web/elements/00fonts.ts +0 -145
  129. package/ts_web/elements/00tokens.ts +0 -197
  130. package/ts_web/elements/sio-recorder.ts +0 -213
@@ -1,108 +0,0 @@
1
- export declare const colors: {
2
- background: {
3
- light: string;
4
- dark: string;
5
- };
6
- foreground: {
7
- light: string;
8
- dark: string;
9
- };
10
- card: {
11
- light: string;
12
- dark: string;
13
- };
14
- cardForeground: {
15
- light: string;
16
- dark: string;
17
- };
18
- popover: {
19
- light: string;
20
- dark: string;
21
- };
22
- popoverForeground: {
23
- light: string;
24
- dark: string;
25
- };
26
- primary: {
27
- light: string;
28
- dark: string;
29
- };
30
- primaryForeground: {
31
- light: string;
32
- dark: string;
33
- };
34
- secondary: {
35
- light: string;
36
- dark: string;
37
- };
38
- secondaryForeground: {
39
- light: string;
40
- dark: string;
41
- };
42
- muted: {
43
- light: string;
44
- dark: string;
45
- };
46
- mutedForeground: {
47
- light: string;
48
- dark: string;
49
- };
50
- accent: {
51
- light: string;
52
- dark: string;
53
- };
54
- accentForeground: {
55
- light: string;
56
- dark: string;
57
- };
58
- destructive: {
59
- light: string;
60
- dark: string;
61
- };
62
- destructiveForeground: {
63
- light: string;
64
- dark: string;
65
- };
66
- border: {
67
- light: string;
68
- dark: string;
69
- };
70
- input: {
71
- light: string;
72
- dark: string;
73
- };
74
- ring: {
75
- light: string;
76
- dark: string;
77
- };
78
- success: {
79
- light: string;
80
- dark: string;
81
- };
82
- successForeground: {
83
- light: string;
84
- dark: string;
85
- };
86
- chart1: {
87
- light: string;
88
- dark: string;
89
- };
90
- chart2: {
91
- light: string;
92
- dark: string;
93
- };
94
- chart3: {
95
- light: string;
96
- dark: string;
97
- };
98
- chart4: {
99
- light: string;
100
- dark: string;
101
- };
102
- chart5: {
103
- light: string;
104
- dark: string;
105
- };
106
- };
107
- export declare const getColor: (colorName: keyof typeof colors, isDark?: boolean) => string;
108
- export declare const bdTheme: (colorNameOrLight: keyof typeof colors | string, dark?: string) => import("@design.estate/dees-element").CSSResult;
@@ -1,137 +0,0 @@
1
- import { cssManager } from '@design.estate/dees-element';
2
- export const colors = {
3
- // Background colors - softer, more subtle
4
- background: {
5
- light: 'hsl(0 0% 100%)',
6
- dark: 'hsl(224 71.4% 4.1%)'
7
- },
8
- // Foreground colors - less contrast for modern look
9
- foreground: {
10
- light: 'hsl(224 71.4% 4.1%)',
11
- dark: 'hsl(210 20% 98%)'
12
- },
13
- // Card colors - subtle elevation
14
- card: {
15
- light: 'hsl(0 0% 100%)',
16
- dark: 'hsl(224 71.4% 4.1%)'
17
- },
18
- cardForeground: {
19
- light: 'hsl(224 71.4% 4.1%)',
20
- dark: 'hsl(210 20% 98%)'
21
- },
22
- // Popover colors
23
- popover: {
24
- light: 'hsl(0 0% 100%)',
25
- dark: 'hsl(222.2 84% 4.9%)'
26
- },
27
- popoverForeground: {
28
- light: 'hsl(222.2 84% 4.9%)',
29
- dark: 'hsl(210 40% 98%)'
30
- },
31
- // Primary colors - modern indigo/blue
32
- primary: {
33
- light: 'hsl(221.2 83.2% 53.3%)',
34
- dark: 'hsl(217.2 91.2% 59.8%)'
35
- },
36
- primaryForeground: {
37
- light: 'hsl(210 20% 98%)',
38
- dark: 'hsl(224 71.4% 4.1%)'
39
- },
40
- // Secondary colors - more subtle
41
- secondary: {
42
- light: 'hsl(220 14.3% 95.9%)',
43
- dark: 'hsl(215 27.9% 16.9%)'
44
- },
45
- secondaryForeground: {
46
- light: 'hsl(220.9 39.3% 11%)',
47
- dark: 'hsl(210 20% 98%)'
48
- },
49
- // Muted colors - softer grays
50
- muted: {
51
- light: 'hsl(220 14.3% 95.9%)',
52
- dark: 'hsl(215 27.9% 16.9%)'
53
- },
54
- mutedForeground: {
55
- light: 'hsl(220 8.9% 46.1%)',
56
- dark: 'hsl(217.9 10.6% 64.9%)'
57
- },
58
- // Accent colors - subtle hover states
59
- accent: {
60
- light: 'hsl(220 14.3% 95.9%)',
61
- dark: 'hsl(215 27.9% 16.9%)'
62
- },
63
- accentForeground: {
64
- light: 'hsl(220.9 39.3% 11%)',
65
- dark: 'hsl(210 20% 98%)'
66
- },
67
- // Destructive colors - softer red
68
- destructive: {
69
- light: 'hsl(0 72.2% 50.6%)',
70
- dark: 'hsl(0 62.8% 30.6%)'
71
- },
72
- destructiveForeground: {
73
- light: 'hsl(0 0% 98%)',
74
- dark: 'hsl(0 0% 98%)'
75
- },
76
- // Border color - very subtle
77
- border: {
78
- light: 'hsl(220 13% 91%)',
79
- dark: 'hsl(215 27.9% 16.9%)'
80
- },
81
- // Input color
82
- input: {
83
- light: 'hsl(214.3 31.8% 91.4%)',
84
- dark: 'hsl(217.2 32.6% 17.5%)'
85
- },
86
- // Ring color - subtle focus indicator
87
- ring: {
88
- light: 'hsl(221.2 83.2% 53.3%)',
89
- dark: 'hsl(217.2 91.2% 59.8%)'
90
- },
91
- // Success colors - modern green
92
- success: {
93
- light: 'hsl(142.1 70.6% 45.3%)',
94
- dark: 'hsl(144.9 80.4% 10%)'
95
- },
96
- successForeground: {
97
- light: 'hsl(0 0% 100%)',
98
- dark: 'hsl(144.9 80.4% 80%)'
99
- },
100
- // Chart colors
101
- chart1: {
102
- light: 'hsl(12 76% 61%)',
103
- dark: 'hsl(12 76% 61%)'
104
- },
105
- chart2: {
106
- light: 'hsl(173 58% 39%)',
107
- dark: 'hsl(173 58% 39%)'
108
- },
109
- chart3: {
110
- light: 'hsl(197 37% 24%)',
111
- dark: 'hsl(197 37% 24%)'
112
- },
113
- chart4: {
114
- light: 'hsl(43 74% 66%)',
115
- dark: 'hsl(43 74% 66%)'
116
- },
117
- chart5: {
118
- light: 'hsl(27 87% 67%)',
119
- dark: 'hsl(27 87% 67%)'
120
- }
121
- };
122
- // Helper function to get color based on theme
123
- export const getColor = (colorName, isDark = false) => {
124
- const color = colors[colorName];
125
- return isDark ? color.dark : color.light;
126
- };
127
- // CSS helper for theme-aware colors
128
- export const bdTheme = (colorNameOrLight, dark) => {
129
- if (dark) {
130
- // Direct color values provided
131
- return cssManager.bdTheme(colorNameOrLight, dark);
132
- }
133
- // Color name from palette
134
- const colorName = colorNameOrLight;
135
- return cssManager.bdTheme(colors[colorName].light, colors[colorName].dark);
136
- };
137
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBjb2xvcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvMDBjb2xvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXpELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRztJQUNwQiwwQ0FBMEM7SUFDMUMsVUFBVSxFQUFFO1FBQ1YsS0FBSyxFQUFFLGdCQUFnQjtRQUN2QixJQUFJLEVBQUUscUJBQXFCO0tBQzVCO0lBRUQsb0RBQW9EO0lBQ3BELFVBQVUsRUFBRTtRQUNWLEtBQUssRUFBRSxxQkFBcUI7UUFDNUIsSUFBSSxFQUFFLGtCQUFrQjtLQUN6QjtJQUVELGlDQUFpQztJQUNqQyxJQUFJLEVBQUU7UUFDSixLQUFLLEVBQUUsZ0JBQWdCO1FBQ3ZCLElBQUksRUFBRSxxQkFBcUI7S0FDNUI7SUFFRCxjQUFjLEVBQUU7UUFDZCxLQUFLLEVBQUUscUJBQXFCO1FBQzVCLElBQUksRUFBRSxrQkFBa0I7S0FDekI7SUFFRCxpQkFBaUI7SUFDakIsT0FBTyxFQUFFO1FBQ1AsS0FBSyxFQUFFLGdCQUFnQjtRQUN2QixJQUFJLEVBQUUscUJBQXFCO0tBQzVCO0lBRUQsaUJBQWlCLEVBQUU7UUFDakIsS0FBSyxFQUFFLHFCQUFxQjtRQUM1QixJQUFJLEVBQUUsa0JBQWtCO0tBQ3pCO0lBRUQsc0NBQXNDO0lBQ3RDLE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRSx3QkFBd0I7UUFDL0IsSUFBSSxFQUFFLHdCQUF3QjtLQUMvQjtJQUVELGlCQUFpQixFQUFFO1FBQ2pCLEtBQUssRUFBRSxrQkFBa0I7UUFDekIsSUFBSSxFQUFFLHFCQUFxQjtLQUM1QjtJQUVELGlDQUFpQztJQUNqQyxTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsc0JBQXNCO1FBQzdCLElBQUksRUFBRSxzQkFBc0I7S0FDN0I7SUFFRCxtQkFBbUIsRUFBRTtRQUNuQixLQUFLLEVBQUUsc0JBQXNCO1FBQzdCLElBQUksRUFBRSxrQkFBa0I7S0FDekI7SUFFRCw4QkFBOEI7SUFDOUIsS0FBSyxFQUFFO1FBQ0wsS0FBSyxFQUFFLHNCQUFzQjtRQUM3QixJQUFJLEVBQUUsc0JBQXNCO0tBQzdCO0lBRUQsZUFBZSxFQUFFO1FBQ2YsS0FBSyxFQUFFLHFCQUFxQjtRQUM1QixJQUFJLEVBQUUsd0JBQXdCO0tBQy9CO0lBRUQsc0NBQXNDO0lBQ3RDLE1BQU0sRUFBRTtRQUNOLEtBQUssRUFBRSxzQkFBc0I7UUFDN0IsSUFBSSxFQUFFLHNCQUFzQjtLQUM3QjtJQUVELGdCQUFnQixFQUFFO1FBQ2hCLEtBQUssRUFBRSxzQkFBc0I7UUFDN0IsSUFBSSxFQUFFLGtCQUFrQjtLQUN6QjtJQUVELGtDQUFrQztJQUNsQyxXQUFXLEVBQUU7UUFDWCxLQUFLLEVBQUUsb0JBQW9CO1FBQzNCLElBQUksRUFBRSxvQkFBb0I7S0FDM0I7SUFFRCxxQkFBcUIsRUFBRTtRQUNyQixLQUFLLEVBQUUsZUFBZTtRQUN0QixJQUFJLEVBQUUsZUFBZTtLQUN0QjtJQUVELDZCQUE2QjtJQUM3QixNQUFNLEVBQUU7UUFDTixLQUFLLEVBQUUsa0JBQWtCO1FBQ3pCLElBQUksRUFBRSxzQkFBc0I7S0FDN0I7SUFFRCxjQUFjO0lBQ2QsS0FBSyxFQUFFO1FBQ0wsS0FBSyxFQUFFLHdCQUF3QjtRQUMvQixJQUFJLEVBQUUsd0JBQXdCO0tBQy9CO0lBRUQsc0NBQXNDO0lBQ3RDLElBQUksRUFBRTtRQUNKLEtBQUssRUFBRSx3QkFBd0I7UUFDL0IsSUFBSSxFQUFFLHdCQUF3QjtLQUMvQjtJQUVELGdDQUFnQztJQUNoQyxPQUFPLEVBQUU7UUFDUCxLQUFLLEVBQUUsd0JBQXdCO1FBQy9CLElBQUksRUFBRSxzQkFBc0I7S0FDN0I7SUFFRCxpQkFBaUIsRUFBRTtRQUNqQixLQUFLLEVBQUUsZ0JBQWdCO1FBQ3ZCLElBQUksRUFBRSxzQkFBc0I7S0FDN0I7SUFFRCxlQUFlO0lBQ2YsTUFBTSxFQUFFO1FBQ04sS0FBSyxFQUFFLGlCQUFpQjtRQUN4QixJQUFJLEVBQUUsaUJBQWlCO0tBQ3hCO0lBRUQsTUFBTSxFQUFFO1FBQ04sS0FBSyxFQUFFLGtCQUFrQjtRQUN6QixJQUFJLEVBQUUsa0JBQWtCO0tBQ3pCO0lBRUQsTUFBTSxFQUFFO1FBQ04sS0FBSyxFQUFFLGtCQUFrQjtRQUN6QixJQUFJLEVBQUUsa0JBQWtCO0tBQ3pCO0lBRUQsTUFBTSxFQUFFO1FBQ04sS0FBSyxFQUFFLGlCQUFpQjtRQUN4QixJQUFJLEVBQUUsaUJBQWlCO0tBQ3hCO0lBRUQsTUFBTSxFQUFFO1FBQ04sS0FBSyxFQUFFLGlCQUFpQjtRQUN4QixJQUFJLEVBQUUsaUJBQWlCO0tBQ3hCO0NBQ0YsQ0FBQztBQUVGLDhDQUE4QztBQUM5QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBQyxTQUE4QixFQUFFLFNBQWtCLEtBQUssRUFBRSxFQUFFO0lBQ2xGLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNoQyxPQUFPLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztBQUMzQyxDQUFDLENBQUM7QUFFRixvQ0FBb0M7QUFDcEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLENBQUMsZ0JBQThDLEVBQUUsSUFBYSxFQUFFLEVBQUU7SUFDdkYsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNULCtCQUErQjtRQUMvQixPQUFPLFVBQVUsQ0FBQyxPQUFPLENBQUMsZ0JBQTBCLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUNELDBCQUEwQjtJQUMxQixNQUFNLFNBQVMsR0FBRyxnQkFBdUMsQ0FBQztJQUMxRCxPQUFPLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDN0UsQ0FBQyxDQUFDIn0=
@@ -1,60 +0,0 @@
1
- export declare const fontFamilies: {
2
- sans: string;
3
- mono: string;
4
- };
5
- export declare const fontSizes: {
6
- xs: string;
7
- sm: string;
8
- base: string;
9
- lg: string;
10
- xl: string;
11
- '2xl': string;
12
- '3xl': string;
13
- '4xl': string;
14
- '5xl': string;
15
- '6xl': string;
16
- '7xl': string;
17
- '8xl': string;
18
- '9xl': string;
19
- };
20
- export declare const lineHeights: {
21
- none: string;
22
- tight: string;
23
- snug: string;
24
- normal: string;
25
- relaxed: string;
26
- loose: string;
27
- };
28
- export declare const fontWeights: {
29
- thin: string;
30
- extralight: string;
31
- light: string;
32
- normal: string;
33
- medium: string;
34
- semibold: string;
35
- bold: string;
36
- extrabold: string;
37
- black: string;
38
- };
39
- export declare const letterSpacing: {
40
- tighter: string;
41
- tight: string;
42
- normal: string;
43
- wide: string;
44
- wider: string;
45
- widest: string;
46
- };
47
- export declare const typography: {
48
- h1: import("@design.estate/dees-element").CSSResult;
49
- h2: import("@design.estate/dees-element").CSSResult;
50
- h3: import("@design.estate/dees-element").CSSResult;
51
- h4: import("@design.estate/dees-element").CSSResult;
52
- body: import("@design.estate/dees-element").CSSResult;
53
- bodyLarge: import("@design.estate/dees-element").CSSResult;
54
- bodySmall: import("@design.estate/dees-element").CSSResult;
55
- caption: import("@design.estate/dees-element").CSSResult;
56
- code: import("@design.estate/dees-element").CSSResult;
57
- button: import("@design.estate/dees-element").CSSResult;
58
- input: import("@design.estate/dees-element").CSSResult;
59
- };
60
- export declare const fontLoadingStyles: import("@design.estate/dees-element").CSSResult;
@@ -1,129 +0,0 @@
1
- import { css } from '@design.estate/dees-element';
2
- // Font families matching shadcn design
3
- export const fontFamilies = {
4
- sans: `'Geist Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`,
5
- mono: `'Geist Mono', 'SF Mono', Monaco, 'Inconsolata', 'Fira Code', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace`
6
- };
7
- // Font sizes following shadcn scale
8
- export const fontSizes = {
9
- xs: '0.75rem', // 12px
10
- sm: '0.875rem', // 14px
11
- base: '1rem', // 16px
12
- lg: '1.125rem', // 18px
13
- xl: '1.25rem', // 20px
14
- '2xl': '1.5rem', // 24px
15
- '3xl': '1.875rem', // 30px
16
- '4xl': '2.25rem', // 36px
17
- '5xl': '3rem', // 48px
18
- '6xl': '3.75rem', // 60px
19
- '7xl': '4.5rem', // 72px
20
- '8xl': '6rem', // 96px
21
- '9xl': '8rem' // 128px
22
- };
23
- // Line heights
24
- export const lineHeights = {
25
- none: '1',
26
- tight: '1.25',
27
- snug: '1.375',
28
- normal: '1.5',
29
- relaxed: '1.625',
30
- loose: '2'
31
- };
32
- // Font weights
33
- export const fontWeights = {
34
- thin: '100',
35
- extralight: '200',
36
- light: '300',
37
- normal: '400',
38
- medium: '500',
39
- semibold: '600',
40
- bold: '700',
41
- extrabold: '800',
42
- black: '900'
43
- };
44
- // Letter spacing
45
- export const letterSpacing = {
46
- tighter: '-0.05em',
47
- tight: '-0.025em',
48
- normal: '0em',
49
- wide: '0.025em',
50
- wider: '0.05em',
51
- widest: '0.1em'
52
- };
53
- // Typography presets matching shadcn components
54
- export const typography = {
55
- h1: css `
56
- font-size: 2.25rem;
57
- line-height: 1.25;
58
- font-weight: 700;
59
- letter-spacing: -0.025em;
60
- `,
61
- h2: css `
62
- font-size: 1.875rem;
63
- line-height: 1.25;
64
- font-weight: 600;
65
- letter-spacing: -0.025em;
66
- `,
67
- h3: css `
68
- font-size: 1.5rem;
69
- line-height: 1.375;
70
- font-weight: 600;
71
- `,
72
- h4: css `
73
- font-size: 1.25rem;
74
- line-height: 1.375;
75
- font-weight: 600;
76
- `,
77
- body: css `
78
- font-size: 1rem;
79
- line-height: 1.5;
80
- font-weight: 400;
81
- `,
82
- bodyLarge: css `
83
- font-size: 1.125rem;
84
- line-height: 1.625;
85
- font-weight: 400;
86
- `,
87
- bodySmall: css `
88
- font-size: 0.875rem;
89
- line-height: 1.5;
90
- font-weight: 400;
91
- `,
92
- caption: css `
93
- font-size: 0.75rem;
94
- line-height: 1.5;
95
- font-weight: 400;
96
- `,
97
- code: css `
98
- font-family: 'Geist Mono', 'SF Mono', Monaco, 'Inconsolata', 'Fira Code', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
99
- font-size: 0.875rem;
100
- line-height: 1.5;
101
- font-weight: 400;
102
- `,
103
- button: css `
104
- font-size: 0.875rem;
105
- line-height: 1;
106
- font-weight: 500;
107
- letter-spacing: 0.025em;
108
- `,
109
- input: css `
110
- font-size: 1rem;
111
- line-height: 1.5;
112
- font-weight: 400;
113
- `
114
- };
115
- // Font loading CSS
116
- export const fontLoadingStyles = css `
117
- @font-face {
118
- font-family: 'Geist Sans';
119
- src: url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
120
- font-display: swap;
121
- }
122
-
123
- @font-face {
124
- font-family: 'Geist Mono';
125
- src: url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&display=swap');
126
- font-display: swap;
127
- }
128
- `;
129
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBmb250cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGZvbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVsRCx1Q0FBdUM7QUFDdkMsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHO0lBQzFCLElBQUksRUFBRSxpS0FBaUs7SUFDdkssSUFBSSxFQUFFLHVIQUF1SDtDQUM5SCxDQUFDO0FBRUYsb0NBQW9DO0FBQ3BDLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRztJQUN2QixFQUFFLEVBQUUsU0FBUyxFQUFNLE9BQU87SUFDMUIsRUFBRSxFQUFFLFVBQVUsRUFBSyxPQUFPO0lBQzFCLElBQUksRUFBRSxNQUFNLEVBQU8sT0FBTztJQUMxQixFQUFFLEVBQUUsVUFBVSxFQUFLLE9BQU87SUFDMUIsRUFBRSxFQUFFLFNBQVMsRUFBTSxPQUFPO0lBQzFCLEtBQUssRUFBRSxRQUFRLEVBQUksT0FBTztJQUMxQixLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU87SUFDMUIsS0FBSyxFQUFFLFNBQVMsRUFBRyxPQUFPO0lBQzFCLEtBQUssRUFBRSxNQUFNLEVBQU0sT0FBTztJQUMxQixLQUFLLEVBQUUsU0FBUyxFQUFHLE9BQU87SUFDMUIsS0FBSyxFQUFFLFFBQVEsRUFBSSxPQUFPO0lBQzFCLEtBQUssRUFBRSxNQUFNLEVBQU0sT0FBTztJQUMxQixLQUFLLEVBQUUsTUFBTSxDQUFNLFFBQVE7Q0FDNUIsQ0FBQztBQUVGLGVBQWU7QUFDZixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsSUFBSSxFQUFFLEdBQUc7SUFDVCxLQUFLLEVBQUUsTUFBTTtJQUNiLElBQUksRUFBRSxPQUFPO0lBQ2IsTUFBTSxFQUFFLEtBQUs7SUFDYixPQUFPLEVBQUUsT0FBTztJQUNoQixLQUFLLEVBQUUsR0FBRztDQUNYLENBQUM7QUFFRixlQUFlO0FBQ2YsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHO0lBQ3pCLElBQUksRUFBRSxLQUFLO0lBQ1gsVUFBVSxFQUFFLEtBQUs7SUFDakIsS0FBSyxFQUFFLEtBQUs7SUFDWixNQUFNLEVBQUUsS0FBSztJQUNiLE1BQU0sRUFBRSxLQUFLO0lBQ2IsUUFBUSxFQUFFLEtBQUs7SUFDZixJQUFJLEVBQUUsS0FBSztJQUNYLFNBQVMsRUFBRSxLQUFLO0lBQ2hCLEtBQUssRUFBRSxLQUFLO0NBQ2IsQ0FBQztBQUVGLGlCQUFpQjtBQUNqQixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDM0IsT0FBTyxFQUFFLFNBQVM7SUFDbEIsS0FBSyxFQUFFLFVBQVU7SUFDakIsTUFBTSxFQUFFLEtBQUs7SUFDYixJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxRQUFRO0lBQ2YsTUFBTSxFQUFFLE9BQU87Q0FDaEIsQ0FBQztBQUVGLGdEQUFnRDtBQUNoRCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUc7SUFDeEIsRUFBRSxFQUFFLEdBQUcsQ0FBQTs7Ozs7R0FLTjtJQUVELEVBQUUsRUFBRSxHQUFHLENBQUE7Ozs7O0dBS047SUFFRCxFQUFFLEVBQUUsR0FBRyxDQUFBOzs7O0dBSU47SUFFRCxFQUFFLEVBQUUsR0FBRyxDQUFBOzs7O0dBSU47SUFFRCxJQUFJLEVBQUUsR0FBRyxDQUFBOzs7O0dBSVI7SUFFRCxTQUFTLEVBQUUsR0FBRyxDQUFBOzs7O0dBSWI7SUFFRCxTQUFTLEVBQUUsR0FBRyxDQUFBOzs7O0dBSWI7SUFFRCxPQUFPLEVBQUUsR0FBRyxDQUFBOzs7O0dBSVg7SUFFRCxJQUFJLEVBQUUsR0FBRyxDQUFBOzs7OztHQUtSO0lBRUQsTUFBTSxFQUFFLEdBQUcsQ0FBQTs7Ozs7R0FLVjtJQUVELEtBQUssRUFBRSxHQUFHLENBQUE7Ozs7R0FJVDtDQUNGLENBQUM7QUFFRixtQkFBbUI7QUFDbkIsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Q0FZbkMsQ0FBQyJ9
@@ -1,123 +0,0 @@
1
- export declare const spacing: {
2
- 0: string;
3
- px: string;
4
- 0.5: string;
5
- 1: string;
6
- 1.5: string;
7
- 2: string;
8
- 2.5: string;
9
- 3: string;
10
- 3.5: string;
11
- 4: string;
12
- 5: string;
13
- 6: string;
14
- 7: string;
15
- 8: string;
16
- 9: string;
17
- 10: string;
18
- 11: string;
19
- 12: string;
20
- 14: string;
21
- 16: string;
22
- 20: string;
23
- 24: string;
24
- 28: string;
25
- 32: string;
26
- 36: string;
27
- 40: string;
28
- 44: string;
29
- 48: string;
30
- 52: string;
31
- 56: string;
32
- 60: string;
33
- 64: string;
34
- 72: string;
35
- 80: string;
36
- 96: string;
37
- };
38
- export declare const radius: {
39
- none: string;
40
- sm: string;
41
- DEFAULT: string;
42
- md: string;
43
- lg: string;
44
- xl: string;
45
- '2xl': string;
46
- '3xl': string;
47
- full: string;
48
- };
49
- export declare const shadows: {
50
- none: string;
51
- sm: string;
52
- DEFAULT: string;
53
- md: string;
54
- lg: string;
55
- xl: string;
56
- '2xl': string;
57
- inner: string;
58
- card: import("@design.estate/dees-element").CSSResult;
59
- dropdown: import("@design.estate/dees-element").CSSResult;
60
- };
61
- export declare const transitions: {
62
- all: string;
63
- colors: string;
64
- opacity: string;
65
- shadow: string;
66
- transform: string;
67
- fast: string;
68
- normal: string;
69
- slow: string;
70
- ease: string;
71
- easeIn: string;
72
- easeOut: string;
73
- easeInOut: string;
74
- };
75
- export declare const zIndex: {
76
- 0: number;
77
- 10: number;
78
- 20: number;
79
- 30: number;
80
- 40: number;
81
- 50: number;
82
- dropdown: number;
83
- sticky: number;
84
- fixed: number;
85
- modalBackdrop: number;
86
- modal: number;
87
- popover: number;
88
- tooltip: number;
89
- };
90
- export declare const breakpoints: {
91
- sm: string;
92
- md: string;
93
- lg: string;
94
- xl: string;
95
- '2xl': string;
96
- };
97
- export declare const containers: {
98
- sm: string;
99
- md: string;
100
- lg: string;
101
- xl: string;
102
- '2xl': string;
103
- full: string;
104
- };
105
- export declare const sizes: {
106
- sm: string;
107
- DEFAULT: string;
108
- lg: string;
109
- icon: {
110
- sm: string;
111
- DEFAULT: string;
112
- lg: string;
113
- };
114
- };
115
- export declare const animations: {
116
- fadeIn: import("@design.estate/dees-element").CSSResult;
117
- slideIn: import("@design.estate/dees-element").CSSResult;
118
- slideUp: import("@design.estate/dees-element").CSSResult;
119
- scaleIn: import("@design.estate/dees-element").CSSResult;
120
- spin: import("@design.estate/dees-element").CSSResult;
121
- };
122
- export declare const focusRing: import("@design.estate/dees-element").CSSResult;
123
- export declare const disabled: import("@design.estate/dees-element").CSSResult;