@social.io/catalog 1.3.0 → 2.0.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 (124) hide show
  1. package/.smartconfig.json +51 -0
  2. package/dist_bundle/bundle.js +5450 -3267
  3. package/dist_ts_web/00_commitinfo_data.js +3 -3
  4. package/dist_ts_web/elements/index.d.ts +20 -3
  5. package/dist_ts_web/elements/index.js +27 -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 +37 -0
  15. package/dist_ts_web/elements/sio-channel-rail.js +275 -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-message-input.d.ts +25 -4
  45. package/dist_ts_web/elements/sio-message-input.js +231 -226
  46. package/dist_ts_web/elements/sio-paper-thumb.d.ts +24 -0
  47. package/dist_ts_web/elements/sio-paper-thumb.js +293 -0
  48. package/dist_ts_web/elements/sio-pdf-viewer.d.ts +2 -0
  49. package/dist_ts_web/elements/sio-pdf-viewer.js +344 -244
  50. package/dist_ts_web/elements/sio-segmented.d.ts +32 -0
  51. package/dist_ts_web/elements/sio-segmented.js +217 -0
  52. package/dist_ts_web/elements/sio-step-timeline.d.ts +28 -0
  53. package/dist_ts_web/elements/sio-step-timeline.js +222 -0
  54. package/dist_ts_web/elements/sio-tab-bar.d.ts +36 -0
  55. package/dist_ts_web/elements/sio-tab-bar.js +232 -0
  56. package/dist_ts_web/elements/sio-unread-badge.d.ts +25 -0
  57. package/dist_ts_web/elements/sio-unread-badge.js +203 -0
  58. package/dist_ts_web/elements/sio-waveform.d.ts +34 -0
  59. package/dist_ts_web/elements/sio-waveform.js +304 -0
  60. package/dist_ts_web/elements/tokens.d.ts +70 -0
  61. package/dist_ts_web/elements/tokens.js +277 -0
  62. package/dist_ts_web/pages/firstpage.d.ts +5 -0
  63. package/dist_ts_web/pages/firstpage.js +21 -2
  64. package/dist_ts_web/pages/mainpage.d.ts +6 -0
  65. package/dist_ts_web/pages/mainpage.js +111 -39
  66. package/{license → license.md} +3 -1
  67. package/package.json +23 -29
  68. package/readme.hints.md +81 -0
  69. package/readme.md +85 -151
  70. package/ts_web/00_commitinfo_data.ts +2 -2
  71. package/ts_web/elements/index.ts +30 -7
  72. package/ts_web/elements/sio-ai-card.ts +175 -0
  73. package/ts_web/elements/sio-avatar.ts +295 -0
  74. package/ts_web/elements/sio-bucket-header.ts +157 -0
  75. package/ts_web/elements/sio-button.ts +149 -127
  76. package/ts_web/elements/sio-channel-rail.ts +243 -0
  77. package/ts_web/elements/sio-chip.ts +134 -0
  78. package/ts_web/elements/sio-cmdk.ts +461 -0
  79. package/ts_web/elements/sio-combox.ts +327 -204
  80. package/ts_web/elements/sio-composer.ts +306 -0
  81. package/ts_web/elements/sio-conversation-selector.ts +350 -228
  82. package/ts_web/elements/sio-conversation-view.ts +573 -457
  83. package/ts_web/elements/sio-dropdown-menu.ts +112 -130
  84. package/ts_web/elements/sio-fab.ts +192 -227
  85. package/ts_web/elements/sio-glass-toolbar.ts +140 -0
  86. package/ts_web/elements/sio-icon.ts +147 -25
  87. package/ts_web/elements/sio-image-lightbox.ts +62 -64
  88. package/ts_web/elements/sio-inset-list.ts +140 -0
  89. package/ts_web/elements/sio-kbd.ts +80 -0
  90. package/ts_web/elements/sio-list-row.ts +393 -0
  91. package/ts_web/elements/sio-message-input.ts +142 -221
  92. package/ts_web/elements/sio-paper-thumb.ts +244 -0
  93. package/ts_web/elements/sio-pdf-viewer.ts +58 -60
  94. package/ts_web/elements/sio-segmented.ts +183 -0
  95. package/ts_web/elements/sio-step-timeline.ts +179 -0
  96. package/ts_web/elements/sio-tab-bar.ts +195 -0
  97. package/ts_web/elements/sio-unread-badge.ts +147 -0
  98. package/ts_web/elements/sio-waveform.ts +239 -0
  99. package/ts_web/elements/tokens.ts +297 -0
  100. package/ts_web/pages/firstpage.ts +20 -1
  101. package/ts_web/pages/mainpage.ts +111 -39
  102. package/dist_bundle/bundle.js.map +0 -7
  103. package/dist_ts_web/elements/00colors.d.ts +0 -108
  104. package/dist_ts_web/elements/00colors.js +0 -137
  105. package/dist_ts_web/elements/00fonts.d.ts +0 -60
  106. package/dist_ts_web/elements/00fonts.js +0 -129
  107. package/dist_ts_web/elements/00tokens.d.ts +0 -123
  108. package/dist_ts_web/elements/00tokens.js +0 -176
  109. package/dist_ts_web/elements/sio-conversation-list.d.ts +0 -20
  110. package/dist_ts_web/elements/sio-conversation-list.js +0 -495
  111. package/dist_ts_web/elements/sio-recorder.d.ts +0 -60
  112. package/dist_ts_web/elements/sio-recorder.js +0 -173
  113. package/dist_ts_web/elements/sio-subwidget-conversations.d.ts +0 -16
  114. package/dist_ts_web/elements/sio-subwidget-conversations.js +0 -350
  115. package/dist_ts_web/elements/sio-subwidget-onboardme.d.ts +0 -7
  116. package/dist_ts_web/elements/sio-subwidget-onboardme.js +0 -243
  117. package/dist_watch/bundle.js +0 -81694
  118. package/dist_watch/bundle.js.map +0 -7
  119. package/dist_watch/index.html +0 -25
  120. package/npmextra.json +0 -19
  121. package/ts_web/elements/00colors.ts +0 -164
  122. package/ts_web/elements/00fonts.ts +0 -145
  123. package/ts_web/elements/00tokens.ts +0 -197
  124. 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBjb2xvcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvMDBjb2xvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXpELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRztJQUNwQiwwQ0FBMEM7SUFDMUMsVUFBVSxFQUFFO1FBQ1YsS0FBSyxFQUFFLGdCQUFnQjtRQUN2QixJQUFJLEVBQUUscUJBQXFCO0tBQzVCO0lBRUQsb0RBQW9EO0lBQ3BELFVBQVUsRUFBRTtRQUNWLEtBQUssRUFBRSxxQkFBcUI7UUFDNUIsSUFBSSxFQUFFLGtCQUFrQjtLQUN6QjtJQUVELGlDQUFpQztJQUNqQyxJQUFJLEVBQUU7UUFDSixLQUFLLEVBQUUsZ0JBQWdCO1FBQ3ZCLElBQUksRUFBRSxxQkFBcUI7S0FDNUI7SUFFRCxjQUFjLEVBQUU7UUFDZCxLQUFLLEVBQUUscUJBQXFCO1FBQzVCLElBQUksRUFBRSxrQkFBa0I7S0FDekI7SUFFRCxpQkFBaUI7SUFDakIsT0FBTyxFQUFFO1FBQ1AsS0FBSyxFQUFFLGdCQUFnQjtRQUN2QixJQUFJLEVBQUUscUJBQXFCO0tBQzVCO0lBRUQsaUJBQWlCLEVBQUU7UUFDakIsS0FBSyxFQUFFLHFCQUFxQjtRQUM1QixJQUFJLEVBQUUsa0JBQWtCO0tBQ3pCO0lBRUQsc0NBQXNDO0lBQ3RDLE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRSx3QkFBd0I7UUFDL0IsSUFBSSxFQUFFLHdCQUF3QjtLQUMvQjtJQUVELGlCQUFpQixFQUFFO1FBQ2pCLEtBQUssRUFBRSxrQkFBa0I7UUFDekIsSUFBSSxFQUFFLHFCQUFxQjtLQUM1QjtJQUVELGlDQUFpQztJQUNqQyxTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsc0JBQXNCO1FBQzdCLElBQUksRUFBRSxzQkFBc0I7S0FDN0I7SUFFRCxtQkFBbUIsRUFBRTtRQUNuQixLQUFL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
@@ -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;