@sondor-technology/sondor-components 1.0.0-1165-initial-setup.11 → 1.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 (168) hide show
  1. package/package.json +2 -3
  2. package/src/components/alert/alert.ts +100 -100
  3. package/src/components/badge/badge.ts +96 -96
  4. package/src/components/breadcrumb/breadcrumb.ts +98 -98
  5. package/src/components/button/button.ts +281 -281
  6. package/src/components/button-group/button-group.ts +67 -67
  7. package/src/components/card/card.ts +52 -52
  8. package/src/components/checkbox/checkbox.ts +238 -238
  9. package/src/components/code-block/code-block.ts +256 -256
  10. package/src/components/content-card/content-card.ts +133 -133
  11. package/src/components/divider/divider.ts +68 -68
  12. package/src/components/drawer/drawer.ts +217 -217
  13. package/src/components/field/field.ts +30 -30
  14. package/src/components/footer/footer.ts +58 -58
  15. package/src/components/form/form-step.ts +32 -32
  16. package/src/components/form/form.ts +376 -376
  17. package/src/components/grid/grid-row.ts +75 -75
  18. package/src/components/grid/grid.ts +36 -36
  19. package/src/components/icon/icon-paths.ts +124 -124
  20. package/src/components/icon/icon.ts +82 -82
  21. package/src/components/input/input.ts +248 -248
  22. package/src/components/link/link.ts +97 -97
  23. package/src/components/metadata/metadata.ts +66 -66
  24. package/src/components/modal/modal.ts +158 -158
  25. package/src/components/page-layout/page-layout.ts +704 -704
  26. package/src/components/radio/radio.ts +142 -142
  27. package/src/components/radio-group/radio-group.ts +157 -157
  28. package/src/components/router/router.ts +46 -46
  29. package/src/components/select/select.ts +161 -161
  30. package/src/components/skeleton/skeleton.ts +67 -67
  31. package/src/components/switch/switch.ts +181 -181
  32. package/src/components/table/data-table.ts +556 -556
  33. package/src/components/table/table.ts +153 -153
  34. package/src/components/tabs/tab-panel.ts +30 -30
  35. package/src/components/tabs/tab.ts +76 -76
  36. package/src/components/tabs/tabs.ts +88 -88
  37. package/src/components/textarea/textarea.ts +215 -215
  38. package/src/components/theme-toggle/theme-toggle.ts +131 -131
  39. package/src/components/vertical-nav/vertical-nav-group.ts +96 -96
  40. package/src/components/vertical-nav/vertical-nav-item.ts +49 -49
  41. package/src/styles/globals.css +58 -58
  42. package/src/styles/index.css +80 -80
  43. package/src/styles/reset.ts +50 -50
  44. package/src/styles/theme.css +58 -58
  45. package/src/styles/typography.css +25 -25
  46. package/tsconfig.json +15 -15
  47. package/README.md +0 -8
  48. package/dist/components/alert/alert.d.ts +0 -13
  49. package/dist/components/alert/alert.d.ts.map +0 -1
  50. package/dist/components/alert/alert.js +0 -105
  51. package/dist/components/badge/badge.d.ts +0 -13
  52. package/dist/components/badge/badge.d.ts.map +0 -1
  53. package/dist/components/badge/badge.js +0 -101
  54. package/dist/components/breadcrumb/breadcrumb.d.ts +0 -19
  55. package/dist/components/breadcrumb/breadcrumb.d.ts.map +0 -1
  56. package/dist/components/breadcrumb/breadcrumb.js +0 -99
  57. package/dist/components/button/button.d.ts +0 -23
  58. package/dist/components/button/button.d.ts.map +0 -1
  59. package/dist/components/button/button.js +0 -304
  60. package/dist/components/button-group/button-group.d.ts +0 -6
  61. package/dist/components/button-group/button-group.d.ts.map +0 -1
  62. package/dist/components/button-group/button-group.js +0 -74
  63. package/dist/components/card/card.d.ts +0 -11
  64. package/dist/components/card/card.d.ts.map +0 -1
  65. package/dist/components/card/card.js +0 -54
  66. package/dist/components/checkbox/checkbox.d.ts +0 -28
  67. package/dist/components/checkbox/checkbox.d.ts.map +0 -1
  68. package/dist/components/checkbox/checkbox.js +0 -247
  69. package/dist/components/code-block/code-block.d.ts +0 -20
  70. package/dist/components/code-block/code-block.d.ts.map +0 -1
  71. package/dist/components/code-block/code-block.js +0 -260
  72. package/dist/components/content-card/content-card.d.ts +0 -13
  73. package/dist/components/content-card/content-card.d.ts.map +0 -1
  74. package/dist/components/content-card/content-card.js +0 -140
  75. package/dist/components/divider/divider.d.ts +0 -16
  76. package/dist/components/divider/divider.d.ts.map +0 -1
  77. package/dist/components/divider/divider.js +0 -82
  78. package/dist/components/drawer/drawer.d.ts +0 -22
  79. package/dist/components/drawer/drawer.d.ts.map +0 -1
  80. package/dist/components/drawer/drawer.js +0 -226
  81. package/dist/components/field/field.d.ts +0 -11
  82. package/dist/components/field/field.d.ts.map +0 -1
  83. package/dist/components/field/field.js +0 -32
  84. package/dist/components/footer/footer.d.ts +0 -6
  85. package/dist/components/footer/footer.d.ts.map +0 -1
  86. package/dist/components/footer/footer.js +0 -65
  87. package/dist/components/form/form-step.d.ts +0 -13
  88. package/dist/components/form/form-step.d.ts.map +0 -1
  89. package/dist/components/form/form-step.js +0 -41
  90. package/dist/components/form/form.d.ts +0 -25
  91. package/dist/components/form/form.d.ts.map +0 -1
  92. package/dist/components/form/form.js +0 -358
  93. package/dist/components/grid/grid-row.d.ts +0 -17
  94. package/dist/components/grid/grid-row.d.ts.map +0 -1
  95. package/dist/components/grid/grid-row.js +0 -92
  96. package/dist/components/grid/grid.d.ts +0 -13
  97. package/dist/components/grid/grid.d.ts.map +0 -1
  98. package/dist/components/grid/grid.js +0 -42
  99. package/dist/components/icon/icon-paths.d.ts +0 -116
  100. package/dist/components/icon/icon-paths.d.ts.map +0 -1
  101. package/dist/components/icon/icon-paths.js +0 -121
  102. package/dist/components/icon/icon.d.ts +0 -16
  103. package/dist/components/icon/icon.d.ts.map +0 -1
  104. package/dist/components/icon/icon.js +0 -95
  105. package/dist/components/input/input.d.ts +0 -31
  106. package/dist/components/input/input.d.ts.map +0 -1
  107. package/dist/components/input/input.js +0 -268
  108. package/dist/components/link/link.d.ts +0 -16
  109. package/dist/components/link/link.d.ts.map +0 -1
  110. package/dist/components/link/link.js +0 -116
  111. package/dist/components/metadata/metadata.d.ts +0 -18
  112. package/dist/components/metadata/metadata.d.ts.map +0 -1
  113. package/dist/components/metadata/metadata.js +0 -71
  114. package/dist/components/modal/modal.d.ts +0 -24
  115. package/dist/components/modal/modal.d.ts.map +0 -1
  116. package/dist/components/modal/modal.js +0 -163
  117. package/dist/components/page-layout/page-layout.d.ts +0 -46
  118. package/dist/components/page-layout/page-layout.d.ts.map +0 -1
  119. package/dist/components/page-layout/page-layout.js +0 -697
  120. package/dist/components/radio/radio.d.ts +0 -16
  121. package/dist/components/radio/radio.d.ts.map +0 -1
  122. package/dist/components/radio/radio.js +0 -152
  123. package/dist/components/radio-group/radio-group.d.ts +0 -27
  124. package/dist/components/radio-group/radio-group.d.ts.map +0 -1
  125. package/dist/components/radio-group/radio-group.js +0 -161
  126. package/dist/components/router/router.d.ts +0 -7
  127. package/dist/components/router/router.d.ts.map +0 -1
  128. package/dist/components/router/router.js +0 -37
  129. package/dist/components/select/select.d.ts +0 -16
  130. package/dist/components/select/select.d.ts.map +0 -1
  131. package/dist/components/select/select.js +0 -172
  132. package/dist/components/skeleton/skeleton.d.ts +0 -17
  133. package/dist/components/skeleton/skeleton.d.ts.map +0 -1
  134. package/dist/components/skeleton/skeleton.js +0 -78
  135. package/dist/components/switch/switch.d.ts +0 -25
  136. package/dist/components/switch/switch.d.ts.map +0 -1
  137. package/dist/components/switch/switch.js +0 -185
  138. package/dist/components/table/data-table.d.ts +0 -72
  139. package/dist/components/table/data-table.d.ts.map +0 -1
  140. package/dist/components/table/data-table.js +0 -551
  141. package/dist/components/table/table.d.ts +0 -22
  142. package/dist/components/table/table.d.ts.map +0 -1
  143. package/dist/components/table/table.js +0 -167
  144. package/dist/components/tabs/tab-panel.d.ts +0 -8
  145. package/dist/components/tabs/tab-panel.d.ts.map +0 -1
  146. package/dist/components/tabs/tab-panel.js +0 -46
  147. package/dist/components/tabs/tab.d.ts +0 -9
  148. package/dist/components/tabs/tab.d.ts.map +0 -1
  149. package/dist/components/tabs/tab.js +0 -91
  150. package/dist/components/tabs/tabs.d.ts +0 -14
  151. package/dist/components/tabs/tabs.d.ts.map +0 -1
  152. package/dist/components/tabs/tabs.js +0 -85
  153. package/dist/components/textarea/textarea.d.ts +0 -36
  154. package/dist/components/textarea/textarea.d.ts.map +0 -1
  155. package/dist/components/textarea/textarea.js +0 -231
  156. package/dist/components/theme-toggle/theme-toggle.d.ts +0 -15
  157. package/dist/components/theme-toggle/theme-toggle.d.ts.map +0 -1
  158. package/dist/components/theme-toggle/theme-toggle.js +0 -130
  159. package/dist/components/vertical-nav/vertical-nav-group.d.ts +0 -9
  160. package/dist/components/vertical-nav/vertical-nav-group.d.ts.map +0 -1
  161. package/dist/components/vertical-nav/vertical-nav-group.js +0 -111
  162. package/dist/components/vertical-nav/vertical-nav-item.d.ts +0 -8
  163. package/dist/components/vertical-nav/vertical-nav-item.d.ts.map +0 -1
  164. package/dist/components/vertical-nav/vertical-nav-item.js +0 -65
  165. package/dist/styles/index.css +0 -171
  166. package/dist/styles/reset.d.ts +0 -2
  167. package/dist/styles/reset.d.ts.map +0 -1
  168. package/dist/styles/reset.js +0 -50
@@ -1,171 +0,0 @@
1
- /* src/styles/globals.css */
2
- :root {
3
- --st-purple-50: #faf5ff;
4
- --st-purple-100: #f3e8ff;
5
- --st-purple-400: #c084fc;
6
- --st-purple-500: #a855f7;
7
- --st-purple-600: #6d28d9;
8
- --st-purple-700: #5b21b6;
9
- --st-white: #ffffff;
10
- --st-gray-50: #f9fafb;
11
- --st-gray-100: #f3f4f6;
12
- --st-gray-200: #e5e7eb;
13
- --st-gray-700: #374151;
14
- --st-gray-800: #27272a;
15
- --st-gray-900: #18181b;
16
- --st-red-100: #fee2e2;
17
- --st-red-500: #ef4444;
18
- --st-red-600: #dc2626;
19
- --st-red-900: #7f1d1d;
20
- --st-green-100: #dcfce7;
21
- --st-green-500: #22c55e;
22
- --st-green-600: #16a34a;
23
- --st-green-900: #14532d;
24
- --st-amber-100: #fef3c7;
25
- --st-amber-500: #f59e0b;
26
- --st-amber-600: #d97706;
27
- --st-amber-900: #78350f;
28
- --st-blue-100: #dbeafe;
29
- --st-blue-500: #3b82f6;
30
- --st-blue-600: #2563eb;
31
- --st-blue-900: #1e3a8a;
32
- --st-spacing-xs: 0.25rem;
33
- --st-spacing-sm: 0.5rem;
34
- --st-spacing-md: 1rem;
35
- --st-spacing-lg: 1.5rem;
36
- --st-spacing-xl: 2rem;
37
- }
38
-
39
- /* src/styles/typography.css */
40
- :root {
41
- --st-font-family-mono:
42
- "Consolas",
43
- "Courier New",
44
- monospace;
45
- --st-font-family:
46
- "Inter",
47
- system-ui,
48
- -apple-system,
49
- sans-serif;
50
- --st-font-weight-regular: 400;
51
- --st-font-weight-medium: 500;
52
- --st-font-weight-bold: 700;
53
- --st-font-size-xs: 0.75rem;
54
- --st-font-size-sm: 0.875rem;
55
- --st-font-size-base: 1rem;
56
- --st-font-size-lg: 1.125rem;
57
- --st-font-size-xl: 1.25rem;
58
- --st-font-size-2xl: 1.5rem;
59
- --st-font-size-3xl: 1.875rem;
60
- --st-font-size-4xl: 2.25rem;
61
- --st-line-height-none: 1;
62
- --st-line-height-tight: 1.25;
63
- --st-line-height-normal: 1.5;
64
- --st-line-height-relaxed: 1.75;
65
- }
66
-
67
- /* src/styles/theme.css */
68
- :root,
69
- :root[data-theme=light] {
70
- --st-color-bg: var(--st-white);
71
- --st-color-surface: var(--st-gray-50);
72
- --st-color-border: var(--st-gray-200);
73
- --st-color-text: var(--st-gray-900);
74
- --st-color-text-muted: var(--st-gray-700);
75
- --st-color-primary: var(--st-purple-600);
76
- --st-color-primary-hover: var(--st-purple-700);
77
- --st-color-error: var(--st-red-600);
78
- --st-color-error-bg: var(--st-red-100);
79
- --st-color-success: var(--st-green-600);
80
- --st-color-success-bg: var(--st-green-100);
81
- --st-color-warning: var(--st-amber-600);
82
- --st-color-warning-bg: var(--st-amber-100);
83
- --st-color-info: var(--st-blue-600);
84
- --st-color-info-bg: var(--st-blue-100);
85
- }
86
- :root:not([data-theme=light]),
87
- :root[data-theme=dark] {
88
- --st-color-bg: var(--st-gray-900);
89
- --st-color-surface: var(--st-gray-800);
90
- --st-color-surface-muted: color-mix(in srgb, var(--st-color-surface), black 15%);
91
- --st-color-surface-hover: color-mix(in srgb, var(--st-color-surface), white 10%);
92
- --st-color-border: var(--st-gray-700);
93
- --st-color-text: var(--st-gray-50);
94
- --st-color-text-muted: var(--st-gray-200);
95
- --st-color-primary: var(--st-purple-400);
96
- --st-color-primary-hover: var(--st-purple-600);
97
- --st-color-error: var(--st-red-500);
98
- --st-color-error-bg: #451a1a;
99
- --st-color-success: var(--st-green-500);
100
- --st-color-success-bg: #143620;
101
- --st-color-warning: var(--st-amber-500);
102
- --st-color-warning-bg: #422a14;
103
- --st-color-info: var(--st-blue-500);
104
- --st-color-info-bg: #172a54;
105
- }
106
-
107
- /* src/styles/index.css */
108
- :not(:defined) {
109
- visibility: hidden;
110
- }
111
- body {
112
- background-color: var(--st-color-bg);
113
- color: var(--st-color-text);
114
- font-family: var(--st-font-family);
115
- font-size: var(--st-font-size-base);
116
- line-height: var(--st-line-height-normal);
117
- -webkit-font-smoothing: antialiased;
118
- padding: 0;
119
- margin: 0;
120
- }
121
- h1,
122
- h2,
123
- h3,
124
- h4,
125
- h5,
126
- h6 {
127
- color: var(--st-color-text);
128
- font-weight: var(--st-font-weight-bold);
129
- line-height: var(--st-line-height-tight);
130
- margin-top: 0;
131
- margin-bottom: var(--st-spacing-md);
132
- }
133
- h1 {
134
- font-size: var(--st-font-size-4xl);
135
- }
136
- h2 {
137
- font-size: var(--st-font-size-3xl);
138
- }
139
- h3 {
140
- font-size: var(--st-font-size-2xl);
141
- }
142
- h4 {
143
- font-size: var(--st-font-size-xl);
144
- }
145
- h5 {
146
- font-size: var(--st-font-size-lg);
147
- }
148
- h6 {
149
- font-size: var(--st-font-size-base);
150
- }
151
- p {
152
- margin-top: 0;
153
- margin-bottom: var(--st-spacing-md);
154
- }
155
- a {
156
- color: var(--st-color-primary);
157
- text-decoration: none;
158
- font-weight: var(--st-font-weight-medium);
159
- transition: color 0.2s ease;
160
- }
161
- a:hover {
162
- color: var(--st-color-primary-hover);
163
- text-decoration: underline;
164
- }
165
- code {
166
- font-family: var(--st-font-family-mono);
167
- font-size: var(--st-font-size-sm);
168
- background-color: var(--st-color-surface);
169
- padding: var(--st-spacing-xs) var(--st-spacing-sm);
170
- border-radius: 4px;
171
- }
@@ -1,2 +0,0 @@
1
- export declare const resetStyles: import("lit").CSSResult;
2
- //# sourceMappingURL=reset.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAgDvB,CAAC"}
@@ -1,50 +0,0 @@
1
- import { css } from 'lit';
2
- export const resetStyles = css `
3
- /* 1. Box sizing rules */
4
- :host,
5
- *,
6
- *::before,
7
- *::after {
8
- box-sizing: border-box;
9
- }
10
-
11
- /* 2. Prevent mobile tap highlights and set base behavior */
12
- :host {
13
- -webkit-tap-highlight-color: transparent;
14
- }
15
-
16
- /* 3. Strip user-agent margins and padding */
17
- body,
18
- h1, h2, h3, h4, h5, h6,
19
- p, figure, blockquote, dl, dd {
20
- margin: 0;
21
- padding: 0;
22
- }
23
-
24
- /* 4. Form elements don't inherit typography by default, force them to */
25
- input,
26
- button,
27
- textarea,
28
- select {
29
- font: inherit;
30
- color: inherit;
31
- margin: 0;
32
- padding: 0;
33
- }
34
-
35
- /* 5. Make media easier to work with */
36
- img,
37
- picture,
38
- svg {
39
- max-width: 100%;
40
- display: block;
41
- }
42
-
43
- /* 6. Strip default list styling if you use lists inside components */
44
- ul,
45
- ol {
46
- list-style: none;
47
- margin: 0;
48
- padding: 0;
49
- }
50
- `;