@codeleap/styles 5.8.2 → 5.8.3

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 (69) hide show
  1. package/package.json +9 -15
  2. package/package.json.bak +8 -14
  3. package/src/classes/Cacher.ts +169 -0
  4. package/src/classes/StaleControl.ts +125 -0
  5. package/src/classes/StyleCache.ts +116 -0
  6. package/src/classes/StylePersistor.ts +62 -0
  7. package/src/{lib → classes}/StyleRegistry.ts +7 -12
  8. package/src/classes/index.ts +2 -0
  9. package/src/classes/tests/Cache.spec.ts +371 -0
  10. package/src/classes/tests/StaleControl.spec.ts +175 -0
  11. package/src/classes/tests/StyleCache.spec.ts +452 -0
  12. package/src/classes/tests/StylePersistor.spec.ts +231 -0
  13. package/src/{lib/constants.ts → constants.ts} +1 -0
  14. package/src/hooks/index.ts +4 -0
  15. package/src/hooks/tests/useCompositionStyles.spec.ts +107 -0
  16. package/src/hooks/tests/useStyleObserver.spec.ts +89 -0
  17. package/src/hooks/useCompositionStyles.ts +33 -0
  18. package/src/hooks/useNestedStylesByKey.ts +13 -0
  19. package/src/hooks/useStyleObserver.ts +19 -0
  20. package/src/hooks/useTheme.ts +16 -0
  21. package/src/index.ts +9 -5
  22. package/src/lib/createStyles.ts +10 -1
  23. package/src/lib/createTheme.ts +22 -13
  24. package/src/lib/index.ts +1 -10
  25. package/src/lib/tests/createStyles.spec.ts +151 -0
  26. package/src/tests/colors/baseColors.ts +166 -0
  27. package/src/tests/colors/darkMode.ts +232 -0
  28. package/src/tests/colors/lightMode.ts +285 -0
  29. package/src/tests/measures.ts +31 -0
  30. package/src/tests/theme.ts +58 -0
  31. package/src/theme/generateColorScheme.ts +53 -0
  32. package/src/theme/index.ts +3 -0
  33. package/src/theme/tests/generateColorScheme.spec.ts +118 -0
  34. package/src/theme/tests/themeStore.spec.ts +698 -0
  35. package/src/theme/tests/validateTheme.spec.ts +173 -0
  36. package/src/{lib → theme}/themeStore.ts +68 -3
  37. package/src/{lib → theme}/validateTheme.ts +13 -0
  38. package/src/tools/colors.ts +83 -39
  39. package/src/tools/deepClone.ts +10 -0
  40. package/src/tools/deepmerge.ts +10 -0
  41. package/src/{lib → tools}/hashKey.ts +7 -0
  42. package/src/tools/index.ts +6 -1
  43. package/src/tools/minifier.ts +38 -0
  44. package/src/tools/tests/colors.spec.ts +233 -0
  45. package/src/tools/tests/deepClone.spec.ts +102 -0
  46. package/src/tools/tests/deepmerge.spec.ts +155 -0
  47. package/src/tools/tests/hashKey.spec.ts +69 -0
  48. package/src/tools/tests/minifier.spec.ts +173 -0
  49. package/src/types/store.ts +2 -2
  50. package/src/types/style.ts +3 -3
  51. package/src/types/theme.ts +4 -4
  52. package/src/{lib/utils.ts → utils.ts} +3 -3
  53. package/src/{lib → variants}/borderCreator.ts +2 -2
  54. package/src/{lib → variants}/createAppVariants.ts +1 -1
  55. package/src/{lib → variants}/dynamicVariants.ts +1 -1
  56. package/src/variants/index.ts +6 -0
  57. package/src/{lib → variants}/spacing.ts +37 -24
  58. package/src/variants/tests/borderCreator.spec.ts +180 -0
  59. package/src/variants/tests/dynamicVariants.spec.ts +194 -0
  60. package/src/variants/tests/spacing.spec.ts +177 -0
  61. package/src/lib/Cacher.ts +0 -112
  62. package/src/lib/StaleControl.ts +0 -73
  63. package/src/lib/StyleCache.ts +0 -81
  64. package/src/lib/StylePersistor.ts +0 -28
  65. package/src/lib/hooks.ts +0 -64
  66. package/src/lib/minifier.ts +0 -20
  67. /package/src/{lib → tools}/multiplierProperty.ts +0 -0
  68. /package/src/{lib → variants}/defaultVariants.ts +0 -0
  69. /package/src/{lib → variants}/mediaQuery.ts +0 -0
package/src/lib/hooks.ts DELETED
@@ -1,64 +0,0 @@
1
- import { useMemo } from 'react'
2
- import { ICSS } from '../types'
3
- import { getNestedStylesByKey } from './utils'
4
- import { ThemeState, themeStoreComputed } from './themeStore'
5
- import { useStore } from '@nanostores/react'
6
-
7
- export const useStyleObserver = (style) => {
8
- return useMemo(() => {
9
- if (Array.isArray(style)) {
10
- return JSON.stringify(style?.filter(v => !!v))
11
- } else if (typeof style === 'object'){
12
- return JSON.stringify(style)
13
- } else {
14
- return style
15
- }
16
- }, [style])
17
- }
18
-
19
- export function useNestedStylesByKey<T extends string>(match: string, componentStyles: Partial<Record<T, ICSS>>) {
20
- const styles = {
21
- ...componentStyles
22
- }
23
-
24
- return useMemo(() => {
25
- return getNestedStylesByKey(match, styles)
26
- }, [styles])
27
- }
28
-
29
- type ThemeSelector<T> = (state: ThemeState) => T
30
-
31
- export const useTheme = <T = ThemeState>(
32
- selector?: ThemeSelector<T>
33
- ): T => {
34
- const state = useStore(themeStoreComputed)
35
-
36
- if (!selector) {
37
- return state as T
38
- }
39
-
40
- return selector(state)
41
- }
42
-
43
- export function useCompositionStyles<T extends string, C extends string>(
44
- composition: (T | Array<T>),
45
- componentStyles: Partial<Record<C, ICSS>>
46
- ): Partial<Record<T, ICSS>> {
47
- const styles = {
48
- ...componentStyles
49
- }
50
-
51
- return useMemo(() => {
52
- const compositionStyles = {}
53
-
54
- if (Array.isArray(composition)) {
55
- for (const element of composition) {
56
- compositionStyles[element as string] = getNestedStylesByKey(element, styles)
57
- }
58
- } else {
59
- compositionStyles[composition as string] = getNestedStylesByKey(composition, styles)
60
- }
61
-
62
- return compositionStyles
63
- }, [styles])
64
- }
@@ -1,20 +0,0 @@
1
- import { compressToBase64, decompressFromBase64 } from 'lz-string'
2
-
3
- export function compress(value: any): any {
4
- if (!value) return value
5
-
6
- return compressToBase64(JSON.stringify(value))
7
- }
8
-
9
- export function decompress(value: any): any {
10
- if (!value) return value
11
-
12
- const decoded = decompressFromBase64(value)
13
-
14
- return JSON.parse(decoded)
15
- }
16
-
17
- export const minifier = {
18
- compress,
19
- decompress,
20
- }
File without changes
File without changes
File without changes