@cyber-harbour/ui 1.0.27 → 1.0.29

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 (35) hide show
  1. package/README.md +0 -6
  2. package/dist/index.d.mts +151 -12
  3. package/dist/index.d.ts +151 -12
  4. package/dist/index.js +217 -107
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +217 -107
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/src/Core/Box/Box.tsx +17 -0
  10. package/src/Core/Box/index.ts +1 -0
  11. package/src/Core/Button/Button.tsx +78 -10
  12. package/src/Core/Flex/FlexContainer.tsx +83 -0
  13. package/src/Core/Flex/FlexItem.tsx +65 -0
  14. package/src/Core/Flex/index.ts +4 -0
  15. package/src/Core/IconComponents/MaximizeIcon.tsx +28 -0
  16. package/src/Core/IconComponents/SearchIcon.tsx +14 -0
  17. package/src/Core/IconComponents/index.ts +2 -0
  18. package/src/Core/Line/Line.tsx +24 -0
  19. package/src/Core/Line/index.ts +1 -0
  20. package/src/Core/Typography/Typography.tsx +10 -7
  21. package/src/Core/Typography/index.ts +1 -2
  22. package/src/Core/index.ts +3 -0
  23. package/src/FullscreenCard/FullscreenCard.tsx +30 -0
  24. package/src/FullscreenCard/index.ts +1 -0
  25. package/src/Layouts/Container/Container.tsx +18 -0
  26. package/src/Layouts/Container/index.ts +1 -0
  27. package/src/Layouts/index.ts +1 -0
  28. package/src/Theme/ThemeProvider.tsx +14 -5
  29. package/src/Theme/componentFabric.ts +70 -0
  30. package/src/Theme/index.ts +1 -0
  31. package/src/Theme/theme.ts +30 -0
  32. package/src/Theme/types.ts +19 -0
  33. package/src/index.ts +1 -0
  34. package/tsconfig.paths.json +1 -7
  35. package/tsup.config.ts +0 -7
package/src/Theme/theme.ts CHANGED
@@ -74,6 +74,10 @@ export const lightThemePx: Theme = {
74
74
  popover: 1060,
75
75
  tooltip: 1070,
76
76
  },
77
+ line: {
78
+ size: 1,
79
+ color: '#EBEBEB',
80
+ },
77
81
  button: {
78
82
  // Варіанти кнопок з кольорами
79
83
  fill: {
@@ -332,24 +336,40 @@ export const lightThemePx: Theme = {
332
336
  text: '#0042EC',
333
337
  border: 'transparent',
334
338
  boxShadow: 'none',
339
+ filledIcon: {
340
+ background: '#E5ECFD',
341
+ color: '#0042EC',
342
+ },
335
343
  },
336
344
  hover: {
337
345
  background: 'transparent',
338
346
  text: '#80A0F5',
339
347
  border: 'transparent',
340
348
  boxShadow: 'none',
349
+ filledIcon: {
350
+ background: '#0042EC',
351
+ color: '#ffffff',
352
+ },
341
353
  },
342
354
  active: {
343
355
  background: 'transparent',
344
356
  text: '#80A0F5',
345
357
  border: 'transparent',
346
358
  boxShadow: 'none',
359
+ filledIcon: {
360
+ background: '#0042EC',
361
+ color: '#ffffff',
362
+ },
347
363
  },
348
364
  disabled: {
349
365
  background: 'transparent',
350
366
  text: '#99989C',
351
367
  border: 'transparent',
352
368
  boxShadow: 'none',
369
+ filledIcon: {
370
+ background: '#BEBEBE',
371
+ color: '#99989C',
372
+ },
353
373
  },
354
374
  },
355
375
  //default as secondary
@@ -633,6 +653,16 @@ export const lightThemePx: Theme = {
633
653
  },
634
654
  },
635
655
  },
656
+ box: {
657
+ padding: 20,
658
+ borderRadius: 8,
659
+ border: {
660
+ width: 1,
661
+ style: 'solid',
662
+ color: '#EBEBEB',
663
+ },
664
+ background: '#FFFFFF',
665
+ },
636
666
  };
637
667
 
638
668
  // Конвертуємо всі розміри з px в rem
package/src/Theme/types.ts CHANGED
@@ -19,6 +19,10 @@ export type ButtonElementStyle = {
19
19
  text: string;
20
20
  border: string;
21
21
  boxShadow: string;
22
+ filledIcon?: {
23
+ background: string;
24
+ color: string;
25
+ };
22
26
  };
23
27
 
24
28
  // Тип для розмірів кнопок
@@ -81,6 +85,10 @@ export type Theme = {
81
85
  warning: string;
82
86
  info: string;
83
87
  };
88
+ line: {
89
+ size: string | number;
90
+ color: string;
91
+ };
84
92
  typography: {
85
93
  fontFamily: string;
86
94
  lineHeight: number;
@@ -184,6 +192,17 @@ export type Theme = {
184
192
  sizes: Record<InputSize, InputSizeStyle>;
185
193
  outlined: Record<InputState, InputElementStyle>;
186
194
  };
195
+ //Box
196
+ box: {
197
+ padding: number | string;
198
+ background: string;
199
+ borderRadius: number | string;
200
+ border: {
201
+ width: number | string;
202
+ style: string;
203
+ color: string;
204
+ };
205
+ };
187
206
  };
188
207
 
189
208
  //TODO check and refactoring
package/src/index.ts CHANGED
@@ -2,3 +2,4 @@ export * from './Core';
2
2
  export * from './Layouts';
3
3
  export * from './Theme';
4
4
  export * from './Graph2D';
5
+ export * from './FullscreenCard';
package/tsconfig.paths.json CHANGED
@@ -1,11 +1,5 @@
1
1
  {
2
2
  "compilerOptions": {
3
- "baseUrl": ".",
4
- "paths": {
5
- "@/*": ["src/*"],
6
- "@core/*": ["src/Core/*"],
7
- "@theme/*": ["src/Theme/*"],
8
- "@layouts/*": ["src/Layouts/*"]
9
- }
3
+ "baseUrl": "."
10
4
  }
11
5
  }
package/tsup.config.ts CHANGED
@@ -21,13 +21,6 @@ export default defineConfig({
21
21
  esbuildOptions(options) {
22
22
  options.drop = ['console', 'debugger'];
23
23
  options.pure = ['console.log', 'console.info', 'console.debug', 'console.warn'];
24
- // Налаштування розв'язання шляхів для esbuild
25
- options.alias = {
26
- '@': resolve(__dirname, './src'),
27
- '@core': resolve(__dirname, './src/Core'),
28
- '@theme': resolve(__dirname, './src/Theme'),
29
- '@layouts': resolve(__dirname, './src/Layouts'),
30
- };
31
24
  },
32
25
  shims: true,
33
26
  keepNames: true,