@skyfall_ai/aegis 0.3.3 → 0.3.5

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 (4) hide show
  1. package/dist/index.css +236 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/package.json +4 -2
package/dist/index.css CHANGED
@@ -1,3 +1,239 @@
1
+ @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
2
+
3
+ /* src/tokens/aegis-tokens.css */
4
+ :root {
5
+ --aegis-color-brand-primary-50: #EEF4FF;
6
+ --aegis-color-brand-primary-100: #DCE8FF;
7
+ --aegis-color-brand-primary-200: #BED4FF;
8
+ --aegis-color-brand-primary-300: #8FB7FF;
9
+ --aegis-color-brand-primary-400: #5C92F2;
10
+ --aegis-color-brand-primary-500: #2F6FE4;
11
+ --aegis-color-brand-primary-600: #1F5CCD;
12
+ --aegis-color-brand-primary-700: #1849A6;
13
+ --aegis-color-brand-primary-800: #153B82;
14
+ --aegis-color-brand-primary-900: #112E63;
15
+ --aegis-color-accent-teal-50: #EDF9F8;
16
+ --aegis-color-accent-teal-100: #D4F1EE;
17
+ --aegis-color-accent-teal-200: #A9E0D9;
18
+ --aegis-color-accent-teal-300: #77C9BE;
19
+ --aegis-color-accent-teal-400: #48AE9F;
20
+ --aegis-color-accent-teal-500: #2E8F83;
21
+ --aegis-color-accent-teal-600: #237368;
22
+ --aegis-color-accent-teal-700: #1D5D54;
23
+ --aegis-color-neutral-0: #FFFFFF;
24
+ --aegis-color-neutral-25: #FCFDFE;
25
+ --aegis-color-neutral-50: #F6F8FA;
26
+ --aegis-color-neutral-100: #EDF1F5;
27
+ --aegis-color-neutral-200: #DCE3EA;
28
+ --aegis-color-neutral-300: #C1CBD6;
29
+ --aegis-color-neutral-400: #93A1B2;
30
+ --aegis-color-neutral-500: #66768A;
31
+ --aegis-color-neutral-600: #4B5B6C;
32
+ --aegis-color-neutral-700: #334155;
33
+ --aegis-color-neutral-800: #223042;
34
+ --aegis-color-neutral-900: #16202B;
35
+ --aegis-color-success-50: #EEF8F1;
36
+ --aegis-color-success-500: #2F8F57;
37
+ --aegis-color-success-700: #1F6B3D;
38
+ --aegis-color-warning-50: #FFF6E8;
39
+ --aegis-color-warning-500: #B86A00;
40
+ --aegis-color-warning-700: #8D4F00;
41
+ --aegis-color-error-50: #FFF0F0;
42
+ --aegis-color-error-500: #C23A3A;
43
+ --aegis-color-error-700: #8F2626;
44
+ --aegis-color-info-50: #EEF6FF;
45
+ --aegis-color-info-500: #2563B8;
46
+ --aegis-color-info-700: #1B4C8E;
47
+ --aegis-color-text-primary: #16202B;
48
+ --aegis-color-text-secondary: #4B5B6C;
49
+ --aegis-color-text-muted: #66768A;
50
+ --aegis-color-text-inverse: #FFFFFF;
51
+ --aegis-color-surface-canvas: #FCFDFE;
52
+ --aegis-color-surface-default: #FFFFFF;
53
+ --aegis-color-surface-subtle: #F6F8FA;
54
+ --aegis-color-surface-raised: #FFFFFF;
55
+ --aegis-color-surface-overlay: #FFFFFF;
56
+ --aegis-color-surface-sunken: #F0F3F7;
57
+ --aegis-color-surface-hover: #F0F4F8;
58
+ --aegis-color-surface-active: #E6ECF2;
59
+ --aegis-color-surface-selected: #EEF4FF;
60
+ --aegis-color-surface-selected-hover: #DCE8FF;
61
+ --aegis-color-border-default: #DCE3EA;
62
+ --aegis-color-border-strong: #C1CBD6;
63
+ --aegis-color-border-subtle: #EDF1F5;
64
+ --aegis-color-border-inverse: #334155;
65
+ --aegis-color-border-brand: #2F6FE4;
66
+ --aegis-color-border-success: #2F8F57;
67
+ --aegis-color-border-warning: #B86A00;
68
+ --aegis-color-border-error: #C23A3A;
69
+ --aegis-color-focus-ring: #2F6FE4;
70
+ --aegis-color-overlay-scrim: rgba(22, 32, 43, 0.48);
71
+ --aegis-font-family-sans:
72
+ "Inter",
73
+ system-ui,
74
+ -apple-system,
75
+ BlinkMacSystemFont,
76
+ "Segoe UI",
77
+ sans-serif;
78
+ --aegis-font-family-mono:
79
+ "IBM Plex Mono",
80
+ "SFMono-Regular",
81
+ Consolas,
82
+ monospace;
83
+ --aegis-font-weight-regular: 400;
84
+ --aegis-font-weight-medium: 500;
85
+ --aegis-font-weight-semibold: 600;
86
+ --aegis-font-weight-bold: 700;
87
+ --aegis-font-size-display-lg: 40px;
88
+ --aegis-font-size-display-md: 32px;
89
+ --aegis-font-size-heading-xl: 28px;
90
+ --aegis-font-size-heading-lg: 24px;
91
+ --aegis-font-size-heading-md: 20px;
92
+ --aegis-font-size-heading-sm: 18px;
93
+ --aegis-font-size-body-lg: 16px;
94
+ --aegis-font-size-body-md: 14px;
95
+ --aegis-font-size-body-sm: 13px;
96
+ --aegis-font-size-label-lg: 14px;
97
+ --aegis-font-size-label-md: 13px;
98
+ --aegis-font-size-caption: 12px;
99
+ --aegis-font-size-data: 14px;
100
+ --aegis-font-size-code: 13px;
101
+ --aegis-line-height-display-lg: 48px;
102
+ --aegis-line-height-display-md: 40px;
103
+ --aegis-line-height-heading-xl: 36px;
104
+ --aegis-line-height-heading-lg: 32px;
105
+ --aegis-line-height-heading-md: 28px;
106
+ --aegis-line-height-heading-sm: 26px;
107
+ --aegis-line-height-body-lg: 24px;
108
+ --aegis-line-height-body-md: 22px;
109
+ --aegis-line-height-body-sm: 20px;
110
+ --aegis-line-height-label-lg: 20px;
111
+ --aegis-line-height-label-md: 18px;
112
+ --aegis-line-height-caption: 16px;
113
+ --aegis-line-height-data: 20px;
114
+ --aegis-line-height-code: 18px;
115
+ --aegis-tracking-tight: -0.02em;
116
+ --aegis-tracking-normal: 0em;
117
+ --aegis-tracking-wide: 0.01em;
118
+ --aegis-space-0: 0;
119
+ --aegis-space-1: 4px;
120
+ --aegis-space-2: 8px;
121
+ --aegis-space-3: 12px;
122
+ --aegis-space-4: 16px;
123
+ --aegis-space-5: 20px;
124
+ --aegis-space-6: 24px;
125
+ --aegis-space-8: 32px;
126
+ --aegis-space-10: 40px;
127
+ --aegis-space-12: 48px;
128
+ --aegis-space-16: 64px;
129
+ --aegis-space-20: 80px;
130
+ --aegis-size-control-sm: 32px;
131
+ --aegis-size-control-md: 40px;
132
+ --aegis-size-control-lg: 48px;
133
+ --aegis-size-icon-xs: 12px;
134
+ --aegis-size-icon-sm: 16px;
135
+ --aegis-size-icon-md: 20px;
136
+ --aegis-size-icon-lg: 24px;
137
+ --aegis-size-touch-min: 44px;
138
+ --aegis-size-sidebar-default: 280px;
139
+ --aegis-size-modal-sm: 400px;
140
+ --aegis-size-modal-md: 560px;
141
+ --aegis-size-modal-lg: 720px;
142
+ --aegis-size-modal-xl: 880px;
143
+ --aegis-radius-none: 0;
144
+ --aegis-radius-sm: 6px;
145
+ --aegis-radius-md: 10px;
146
+ --aegis-radius-lg: 14px;
147
+ --aegis-radius-xl: 18px;
148
+ --aegis-radius-full: 9999px;
149
+ --aegis-border-width-none: 0;
150
+ --aegis-border-width-hairline: 1px;
151
+ --aegis-border-width-medium: 2px;
152
+ --aegis-border-width-strong: 3px;
153
+ --aegis-border-style-default: solid;
154
+ --aegis-shadow-none: none;
155
+ --aegis-shadow-xs: 0 1px 2px rgba(22, 32, 43, 0.05);
156
+ --aegis-shadow-sm: 0 1px 3px rgba(22, 32, 43, 0.06), 0 2px 8px rgba(22, 32, 43, 0.04);
157
+ --aegis-shadow-md: 0 2px 4px rgba(22, 32, 43, 0.04), 0 8px 20px rgba(22, 32, 43, 0.08);
158
+ --aegis-shadow-lg: 0 4px 8px rgba(22, 32, 43, 0.04), 0 16px 40px rgba(22, 32, 43, 0.12);
159
+ --aegis-shadow-xl: 0 8px 16px rgba(22, 32, 43, 0.06), 0 24px 56px rgba(22, 32, 43, 0.16);
160
+ --aegis-shadow-focus: 0 0 0 3px rgba(47, 111, 228, 0.28);
161
+ --aegis-shadow-focus-error: 0 0 0 3px rgba(194, 58, 58, 0.2);
162
+ --aegis-shadow-focus-success: 0 0 0 3px rgba(47, 143, 87, 0.2);
163
+ --aegis-shadow-inset-xs: inset 0 1px 2px rgba(22, 32, 43, 0.06);
164
+ --aegis-shadow-inset-sm: inset 0 2px 4px rgba(22, 32, 43, 0.08);
165
+ --aegis-motion-duration-fast: 120ms;
166
+ --aegis-motion-duration-base: 180ms;
167
+ --aegis-motion-duration-slow: 240ms;
168
+ --aegis-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
169
+ --aegis-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
170
+ --aegis-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
171
+ --aegis-opacity-disabled: 0.48;
172
+ --aegis-opacity-subtle: 0.72;
173
+ --aegis-opacity-overlay: 0.48;
174
+ --aegis-opacity-scrim-strong: 0.64;
175
+ --aegis-z-base: 0;
176
+ --aegis-z-dropdown: 1000;
177
+ --aegis-z-sticky: 1100;
178
+ --aegis-z-banner: 1200;
179
+ --aegis-z-overlay: 1300;
180
+ --aegis-z-modal: 1400;
181
+ --aegis-z-toast: 1500;
182
+ --aegis-z-tooltip: 1600;
183
+ --aegis-layout-container-max: 1280px;
184
+ --aegis-layout-container-reading: 720px;
185
+ --aegis-layout-grid-columns: 12;
186
+ --aegis-layout-grid-gutter: 24px;
187
+ --aegis-layout-grid-margin-desktop: 32px;
188
+ --aegis-layout-grid-margin-tablet: 24px;
189
+ --aegis-layout-grid-margin-mobile: 16px;
190
+ --aegis-focus-ring-width: 3px;
191
+ --aegis-focus-ring-color: rgba(47, 111, 228, 0.28);
192
+ --aegis-focus-ring-offset: 2px;
193
+ --aegis-focus-outline-color: #2F6FE4;
194
+ --aegis-icon-stroke-default: 1.75;
195
+ --aegis-icon-size-default: 20px;
196
+ --aegis-state-hover-overlay: rgba(22, 32, 43, 0.04);
197
+ --aegis-state-active-overlay: rgba(22, 32, 43, 0.08);
198
+ --aegis-state-selected-bg: #EEF4FF;
199
+ --aegis-state-selected-border: #BED4FF;
200
+ --aegis-state-drag-bg: #F6F8FA;
201
+ --aegis-data-vis-1: #2F6FE4;
202
+ --aegis-data-vis-2: #2E8F83;
203
+ --aegis-data-vis-3: #7B61C9;
204
+ --aegis-data-vis-4: #B86A00;
205
+ --aegis-data-vis-5: #C23A3A;
206
+ --aegis-data-vis-gridline: #DCE3EA;
207
+ --aegis-data-vis-axis: #66768A;
208
+ }
209
+ @media (prefers-reduced-motion: reduce) {
210
+ :root {
211
+ --aegis-motion-duration-fast: 0ms;
212
+ --aegis-motion-duration-base: 0ms;
213
+ --aegis-motion-duration-slow: 0ms;
214
+ }
215
+ }
216
+ *,
217
+ *::before,
218
+ *::after {
219
+ box-sizing: border-box;
220
+ }
221
+ body {
222
+ margin: 0;
223
+ font-family: var(--aegis-font-family-sans);
224
+ font-size: var(--aegis-font-size-body-lg);
225
+ line-height: var(--aegis-line-height-body-lg);
226
+ color: var(--aegis-color-text-primary);
227
+ background-color: var(--aegis-color-surface-canvas);
228
+ -webkit-font-smoothing: antialiased;
229
+ -moz-osx-font-smoothing: grayscale;
230
+ }
231
+ :focus-visible {
232
+ outline: var(--aegis-border-width-medium) solid var(--aegis-focus-outline-color);
233
+ outline-offset: var(--aegis-focus-ring-offset);
234
+ box-shadow: var(--aegis-shadow-focus);
235
+ }
236
+
1
237
  /* src/components/TextField/TextField.module.css */
2
238
  .textField {
3
239
  display: block;