@codeleap/styles 5.8.2 → 5.8.4
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.
- package/package.json +9 -15
- package/package.json.bak +8 -14
- package/src/classes/Cacher.ts +169 -0
- package/src/classes/StaleControl.ts +125 -0
- package/src/classes/StyleCache.ts +116 -0
- package/src/classes/StylePersistor.ts +62 -0
- package/src/{lib → classes}/StyleRegistry.ts +7 -12
- package/src/classes/index.ts +2 -0
- package/src/classes/tests/Cache.spec.ts +371 -0
- package/src/classes/tests/StaleControl.spec.ts +175 -0
- package/src/classes/tests/StyleCache.spec.ts +452 -0
- package/src/classes/tests/StylePersistor.spec.ts +231 -0
- package/src/{lib/constants.ts → constants.ts} +1 -0
- package/src/hooks/index.ts +4 -0
- package/src/hooks/tests/useCompositionStyles.spec.ts +107 -0
- package/src/hooks/tests/useStyleObserver.spec.ts +89 -0
- package/src/hooks/useCompositionStyles.ts +33 -0
- package/src/hooks/useNestedStylesByKey.ts +13 -0
- package/src/hooks/useStyleObserver.ts +19 -0
- package/src/hooks/useTheme.ts +16 -0
- package/src/index.ts +9 -5
- package/src/lib/createStyles.ts +10 -1
- package/src/lib/createTheme.ts +22 -13
- package/src/lib/index.ts +1 -10
- package/src/lib/tests/createStyles.spec.ts +151 -0
- package/src/tests/colors/baseColors.ts +166 -0
- package/src/tests/colors/darkMode.ts +232 -0
- package/src/tests/colors/lightMode.ts +285 -0
- package/src/tests/measures.ts +31 -0
- package/src/tests/theme.ts +58 -0
- package/src/theme/generateColorScheme.ts +53 -0
- package/src/theme/index.ts +3 -0
- package/src/theme/tests/generateColorScheme.spec.ts +118 -0
- package/src/theme/tests/themeStore.spec.ts +698 -0
- package/src/theme/tests/validateTheme.spec.ts +173 -0
- package/src/{lib → theme}/themeStore.ts +68 -3
- package/src/{lib → theme}/validateTheme.ts +13 -0
- package/src/tools/colors.ts +83 -39
- package/src/tools/deepClone.ts +10 -0
- package/src/tools/deepmerge.ts +10 -0
- package/src/{lib → tools}/hashKey.ts +7 -0
- package/src/tools/index.ts +6 -1
- package/src/tools/minifier.ts +38 -0
- package/src/tools/tests/colors.spec.ts +233 -0
- package/src/tools/tests/deepClone.spec.ts +102 -0
- package/src/tools/tests/deepmerge.spec.ts +155 -0
- package/src/tools/tests/hashKey.spec.ts +69 -0
- package/src/tools/tests/minifier.spec.ts +173 -0
- package/src/types/store.ts +2 -2
- package/src/types/style.ts +3 -3
- package/src/types/theme.ts +4 -4
- package/src/{lib/utils.ts → utils.ts} +3 -3
- package/src/{lib → variants}/borderCreator.ts +2 -2
- package/src/{lib → variants}/createAppVariants.ts +1 -1
- package/src/{lib → variants}/dynamicVariants.ts +1 -1
- package/src/variants/index.ts +6 -0
- package/src/{lib → variants}/spacing.ts +37 -24
- package/src/variants/tests/borderCreator.spec.ts +180 -0
- package/src/variants/tests/dynamicVariants.spec.ts +194 -0
- package/src/variants/tests/spacing.spec.ts +177 -0
- package/src/lib/Cacher.ts +0 -112
- package/src/lib/StaleControl.ts +0 -73
- package/src/lib/StyleCache.ts +0 -81
- package/src/lib/StylePersistor.ts +0 -28
- package/src/lib/hooks.ts +0 -64
- package/src/lib/minifier.ts +0 -20
- /package/src/{lib → tools}/multiplierProperty.ts +0 -0
- /package/src/{lib → variants}/defaultVariants.ts +0 -0
- /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
|
-
}
|
package/src/lib/minifier.ts
DELETED
|
@@ -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
|