Functions — github.com/shoutem/theme

hub / github.com/shoutem/theme / functions

Functions69 in github.com/shoutem/theme

⨍ Functions 69 ◇ Types & classes 16

↓ 3 callersMethodresolveStyle

(context, props, styleNames)

src/connectStyle.js:234

↓ 3 callersMethodresolveStyleNames

(props)

src/connectStyle.js:203

↓ 2 callersFunctionconnectStyle

( componentStyleName, componentStyle = {}, mapPropsToStyleNames, options = {}, )

src/connectStyle.js:51

↓ 2 callersMethodcreateNormalizer

(prop, shorthand, suffix)

src/StyleNormalizer/ShorthandsNormalizerFactory.js:73

↓ 2 callersMethodcreateNormalizers

(prop, shorthands, suffix = '')

src/StyleNormalizer/StyleNormalizer.js:18

↓ 2 callersMethodisRefDefined

()

src/connectStyle.js:215

↓ 2 callersFunctionnormalizeStyle

(style)

src/StyleNormalizer/normalizeStyle.js:35

↓ 2 callersMethodnormalizerExists

(normalizerName)

src/StyleNormalizer/StyleNormalizer.js:34

↓ 2 callersFunctionresolveIncludes

(target, base = {})

src/resolveIncludes.js:56

↓ 2 callersFunctionresolveStyle

(style, baseStyle)

src/Theme.js:12

↓ 1 callersMethodcanNormalize

(prop)

src/StyleNormalizer/StyleNormalizer.js:38

↓ 1 callersFunctioncapitalizeFirstLetter

(value)

src/addons.js:4

↓ 1 callersFunctioncopyProps

(src, target)

test-utils/setup.js:13

↓ 1 callersMethodcreateComponentStyle

* Creates a component style by merging the theme style on top of the * provided default component style. Any rules in the theme style will * ove

src/Theme.js:75

↓ 1 callersFunctioncreateShorthand

(name, type)

src/StyleNormalizer/ShorthandsNormalizerFactory.js:3

↓ 1 callersFunctiongetBaseComponent

(WrappedComponent)

src/connectStyle.js:61

↓ 1 callersMethodgetChildContext

()

src/StyleProvider.js:39

↓ 1 callersFunctiongetComponentDisplayName

(WrappedComponent)

src/connectStyle.js:57

↓ 1 callersMethodgetDefaultTheme

* Returns the default theme that will be used as fallback * if the StyleProvider is not configured in the app.

src/Theme.js:56

↓ 1 callersMethodgetNormalizerCreator

(shorthand)

src/StyleNormalizer/ShorthandsNormalizerFactory.js:69

↓ 1 callersFunctiongetStyle

* Merges style from target and base. * Target style overrides base. * @param styleName - style name to include

src/resolveIncludes.js:71

↓ 1 callersFunctiongetTheme

* Returns the theme object from the provided context, * or an empty theme if the context doesn't contain a theme. * * @param context The React comp

src/connectStyle.js:31

↓ 1 callersMethodgetThemeStyle

()

_tests_/mocks/StyleProviderTestComponent.js:16

↓ 1 callersMethodhasStyleNameChanged

(prevProps, styleNames)

src/connectStyle.js:183

↓ 1 callersFunctionincludeNodeStyles

(styleNode, processingStyleNames)

src/resolveIncludes.js:106

↓ 1 callersFunctionisChildStyle

* Matches any style properties that represent style rules that target the * component children. Those styles can have two formats, they can either *

src/resolveComponentStyle.js:31

↓ 1 callersFunctionisStyleVariant

* Matches any style properties that represent component style variants. * Those styles can be applied to the component by using the styleName * prop

src/resolveComponentStyle.js:15

↓ 1 callersFunctionmergeComponentAndThemeStyles

( componentStyle, themeComponentStyle, themeStyle, )

src/mergeComponentAndThemeStyles.js:3

↓ 1 callersFunctionnormalize

* Normalize style properties shorthands. * * @param style * @returns {*}

src/StyleNormalizer/normalizeStyle.js:12

↓ 1 callersMethodnormalize

(prop, val)

src/StyleNormalizer/StyleNormalizer.js:42

↓ 1 callersMethodresolveAddedProps

()

src/connectStyle.js:222

↓ 1 callersFunctionresolveComponentStyle

( componentName, styleNames = [], themeStyle = {}, parentStyle = {}, elementStyle = {}, )

src/resolveComponentStyle.js:88

↓ 1 callersMethodshouldRebuildStyle

(prevProps, styleNames)

src/connectStyle.js:195

↓ 1 callersFunctionsplitStyle

* Splits the style into its parts: * component style - concrete style that needs to be applied to a component * style variants - variants that can b

src/resolveComponentStyle.js:44

↓ 1 callersFunctionthrowConnectStyleError

* Formats and throws an error when connecting component style with the theme. * * @param errorMessage The error message. * @param componentDisplayN

src/connectStyle.js:18

FunctionConnectStyleTestStatelessComponent

()

_tests_/mocks/ConnectStyleTestComponents.js:25

FunctionStyleProviderTestAppComponent

({ children })

_tests_/mocks/StyleProviderTestAppComponent.js:8

FunctionchangeColorAlpha

(color, newAlpha)

src/addons.js:114

MethodcomponentDidUpdate

(prevProps)

src/connectStyle.js:150

Methodconstructor

(props, context)

_tests_/mocks/StyleProviderTestComponent.js:10

Methodconstructor

(props, context)

_tests_/mocks/ConnectStyleTestComponents.js:12

src/StyleProvider.js:31

Methodconstructor

(props, context)

src/connectStyle.js:120

Methodconstructor

()

src/StyleNormalizer/ShorthandsNormalizerFactory.js:60

Methodconstructor

()

src/StyleNormalizer/StyleNormalizer.js:12

Methodconstructor

(props, context)

examples/Shapes.js:65

FunctioncreateAllCornersNormalizer

(prop, shorthand, suffix = '')

src/StyleNormalizer/ShorthandsNormalizerFactory.js:36

FunctioncreateAllSidesNormalizer

(prop, shorthand, suffix = '')

src/StyleNormalizer/ShorthandsNormalizerFactory.js:27

FunctioncreateHorizontalSidesNormalizer

(prop)

src/StyleNormalizer/ShorthandsNormalizerFactory.js:45

FunctioncreateSharedStyle

( componentNames, sharedStyle = {}, customStyles = {}, )

src/addons.js:88

FunctioncreateVariations

(baseName, nameSuffixes, key, value)

src/addons.js:39

FunctioncreateVerticalSidesNormalizer

(prop)

src/StyleNormalizer/ShorthandsNormalizerFactory.js:52

MethodgetChildContext

()

src/connectStyle.js:139

MethodgetDerivedStateFromProps

(props, state)

src/StyleProvider.js:22

FunctiongetSizeRelativeToReference

( dimension, originalRefVal, actualRefVal, )

src/addons.js:143

FunctionincludeSymbolMergeHandler

(objVal, srcVal)

src/resolveIncludes.js:11

FunctioninverseColorBrightnessForAmount

_tests_/mocks/StyleProviderTestComponent.js:20

Methodrender

()

_tests_/mocks/ConnectStyleTestComponents.js:18

Methodrender

()

src/StyleProvider.js:45

Methodrender

()

src/connectStyle.js:274

Methodrender

()

examples/Shapes.js:90

FunctionresolveTheme

(variables = {})

examples/Shapes.js:9

MethodsetDefaultThemeStyle

* Sets the given style as a default theme style.

src/Theme.js:48

MethodsetNativeProps

(nativeProps)

src/connectStyle.js:168

MethodsetWrappedInstance

(component)

src/connectStyle.js:179

MethodtransformProps

* A helper function provided to child components that enables * them to get the prop transformations that this component performs. *

src/connectStyle.js:260

MethodupdateThemeVariable

(key, val)

examples/Shapes.js:83