@trilogy-ds/react 0.0.1-beta.14 → 0.0.1-beta.15
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/lib/components/box/Box.d.ts +3 -2
- package/lib/components/box/Box.js +17 -12
- package/lib/components/box/Box.js.map +1 -1
- package/lib/components/box/Box.native.d.ts +2 -1
- package/lib/components/box/Box.native.js +11 -6
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxProps.d.ts +0 -1
- package/lib/components/box/header/BoxHeader.native.js +4 -0
- package/lib/components/box/header/BoxHeader.native.js.map +1 -1
- package/lib/components/card/Card.d.ts +4 -2
- package/lib/components/card/Card.js +12 -10
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/Card.native.d.ts +4 -2
- package/lib/components/card/Card.native.js +25 -21
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/CardProps.d.ts +2 -3
- package/lib/components/card/content/CardContent.native.d.ts +2 -2
- package/lib/components/card/content/CardContent.native.js +10 -13
- package/lib/components/card/content/CardContent.native.js.map +1 -1
- package/lib/components/chips/Chips.native.js +4 -2
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/columns/Columns.native.d.ts +3 -3
- package/lib/components/columns/Columns.native.js +18 -10
- package/lib/components/columns/Columns.native.js.map +1 -1
- package/lib/components/container/Container.d.ts +1 -1
- package/lib/components/container/Container.js +2 -2
- package/lib/components/container/Container.js.map +1 -1
- package/lib/components/container/Container.native.js +5 -1
- package/lib/components/container/Container.native.js.map +1 -1
- package/lib/components/hero/Hero.d.ts +1 -1
- package/lib/components/hero/Hero.js +3 -7
- package/lib/components/hero/Hero.js.map +1 -1
- package/lib/components/hero/Hero.native.d.ts +3 -2
- package/lib/components/hero/Hero.native.js +14 -10
- package/lib/components/hero/Hero.native.js.map +1 -1
- package/lib/components/hero/HeroProps.d.ts +6 -6
- package/lib/components/icon/Icon.native.js +3 -0
- package/lib/components/icon/Icon.native.js.map +1 -1
- package/lib/components/image/Image.native.js +0 -1
- package/lib/components/image/Image.native.js.map +1 -1
- package/lib/components/link/Link.native.js +2 -3
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/price/Price.native.js +4 -1
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/section/Section.d.ts +1 -1
- package/lib/components/section/Section.js +2 -2
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/SectionProps.d.ts +0 -1
- package/lib/components/tabs/item/TabsItem.native.js +1 -1
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/components/text/Text.native.js +5 -2
- package/lib/components/text/Text.native.js.map +1 -1
- package/lib/components/title/Title.native.js +7 -3
- package/lib/components/title/Title.native.js.map +1 -1
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +3 -3
- package/lib/components/view/View.js.map +1 -1
- package/lib/components/view/View.native.d.ts +1 -1
- package/lib/components/view/View.native.js +3 -3
- package/lib/components/view/View.native.js.map +1 -1
- package/lib/components/view/ViewProps.d.ts +2 -4
- package/lib/context/providerStates.d.ts +6 -0
- package/lib/context/providerStates.js +7 -0
- package/lib/context/providerStates.js.map +1 -0
- package/lib/objects/atoms/Background.d.ts +15 -4
- package/lib/objects/atoms/Background.js +6 -1
- package/lib/objects/atoms/Background.js.map +1 -1
- package/lib/objects/facets/Color.d.ts +1 -1
- package/lib/objects/facets/Color.js +47 -17
- package/lib/objects/facets/Color.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useContext } from "react";
|
|
2
2
|
import { Platform, StyleSheet, Text as TextNative, View } from "react-native";
|
|
3
3
|
import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, } from "../../objects/Typography";
|
|
4
4
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
5
5
|
import ContentLoader, { Rect } from "react-content-loader/native";
|
|
6
6
|
import { ComponentName } from "../enumsComponentsName";
|
|
7
|
+
import { StatesContext } from "../../context/providerStates";
|
|
7
8
|
/**
|
|
8
9
|
* Text Native Component
|
|
9
10
|
* @param children {string} Text child
|
|
@@ -20,6 +21,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
20
21
|
* @param others
|
|
21
22
|
*/
|
|
22
23
|
const Text = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, link, numberOfLines = 0, ...others }) => {
|
|
24
|
+
const statesContext = useContext(StatesContext);
|
|
23
25
|
const textLevels = (level) => {
|
|
24
26
|
return ((level && level == "ONE" && 16) ||
|
|
25
27
|
(level && level == "TWO" && 14) ||
|
|
@@ -31,7 +33,8 @@ const Text = ({ children, level, style, inverted, typo, onClick, skeleton, testI
|
|
|
31
33
|
text: {
|
|
32
34
|
fontFamily: getTypographyBoldStyle(typo, level),
|
|
33
35
|
fontSize: textLevels(level),
|
|
34
|
-
color: (!skeleton &&
|
|
36
|
+
color: (!skeleton &&
|
|
37
|
+
setTypographyColor(typo, inverted || statesContext.inverted)) ||
|
|
35
38
|
(link && getColorStyle(TrilogyColor.FONT)) ||
|
|
36
39
|
"transparent",
|
|
37
40
|
textAlign: setTypographyAlign(typo),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.native.js","sourceRoot":"","sources":["../../../components/text/Text.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Text.native.js","sourceRoot":"","sources":["../../../components/text/Text.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { useContext } from "react";
|
|
3
|
+
import { Platform, StyleSheet, Text as TextNative, TouchableOpacity, View, } from "react-native";
|
|
3
4
|
import ContentLoader, { Rect } from "react-content-loader/native";
|
|
4
5
|
import { setTypographyAlign, setTypographyColor } from "../../objects";
|
|
5
6
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
6
7
|
import { ComponentName } from "../enumsComponentsName";
|
|
8
|
+
import { StatesContext } from "../../context/providerStates";
|
|
7
9
|
/**
|
|
8
10
|
* Title Native Component
|
|
9
11
|
* @param children {ReactNode} Text child
|
|
@@ -17,6 +19,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
17
19
|
* @param accessibilityLabel {string} Accessibility label
|
|
18
20
|
*/
|
|
19
21
|
const Title = ({ children, level, style, inverted, typo, onClick, skeleton, testId, accessibilityLabel, subtitle, overline, ...others }) => {
|
|
22
|
+
const statesContext = useContext(StatesContext);
|
|
20
23
|
const titlesLevels = () => {
|
|
21
24
|
switch (level) {
|
|
22
25
|
case "ONE":
|
|
@@ -59,7 +62,8 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
|
|
|
59
62
|
color: ((overline || subtitle) &&
|
|
60
63
|
!level &&
|
|
61
64
|
getColorStyle(TrilogyColor.MAIN, 0)) ||
|
|
62
|
-
(!skeleton &&
|
|
65
|
+
(!skeleton &&
|
|
66
|
+
setTypographyColor(typo, inverted || statesContext.inverted)) ||
|
|
63
67
|
"transparent",
|
|
64
68
|
textAlign: setTypographyAlign(typo),
|
|
65
69
|
textTransform: overline && !level ? "uppercase" : undefined,
|
|
@@ -85,7 +89,7 @@ const Title = ({ children, level, style, inverted, typo, onClick, skeleton, test
|
|
|
85
89
|
: typeof children === "string"
|
|
86
90
|
? children
|
|
87
91
|
: undefined;
|
|
88
|
-
let titleView = (React.createElement(
|
|
92
|
+
let titleView = (React.createElement(TextNative, { maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, testID: titleTestId, style: [styles.text, style], ...others }, children));
|
|
89
93
|
if (skeleton) {
|
|
90
94
|
titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
|
|
91
95
|
titleView,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.native.js","sourceRoot":"","sources":["../../../components/title/Title.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,GAAG,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"Title.native.js","sourceRoot":"","sources":["../../../components/title/Title.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,5 +19,5 @@ import { ViewProps } from "./ViewProps";
|
|
|
19
19
|
* - ------------------ NATIVE PROPERTIES ------------
|
|
20
20
|
* @param bottom {boolean} Bottom position
|
|
21
21
|
*/
|
|
22
|
-
declare const View: ({ children, style, className, loading, onClick, backgroundSrc,
|
|
22
|
+
declare const View: ({ children, style, className, loading, onClick, background, backgroundSrc, inverted, fullwidth, markup, flexable, justify, align, ...others }: ViewProps) => JSX.Element;
|
|
23
23
|
export default View;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { ViewMarkup } from "./ViewProps";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { has, is } from "../../services";
|
|
5
|
-
import { getLoadingClassName, getJustifyClassName, getAlignClassName, } from "../../objects";
|
|
5
|
+
import { getLoadingClassName, getJustifyClassName, getAlignClassName, getBackgroundClassName, } from "../../objects";
|
|
6
6
|
import { hashClass } from "../../helpers";
|
|
7
7
|
import { useTrilogyContext } from "../../context";
|
|
8
8
|
/**
|
|
@@ -24,7 +24,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
24
24
|
* - ------------------ NATIVE PROPERTIES ------------
|
|
25
25
|
* @param bottom {boolean} Bottom position
|
|
26
26
|
*/
|
|
27
|
-
const View = ({ children, style, className, loading, onClick, backgroundSrc,
|
|
27
|
+
const View = ({ children, style, className, loading, onClick, background, backgroundSrc, inverted, fullwidth = true, markup, flexable, justify, align, ...others }) => {
|
|
28
28
|
const { styled } = useTrilogyContext();
|
|
29
29
|
const isCorrectMarkup = (stringMarkup) => {
|
|
30
30
|
if (stringMarkup in ViewMarkup ||
|
|
@@ -32,7 +32,7 @@ const View = ({ children, style, className, loading, onClick, backgroundSrc, col
|
|
|
32
32
|
return true;
|
|
33
33
|
};
|
|
34
34
|
const Tag = markup && isCorrectMarkup(markup) ? markup : "div";
|
|
35
|
-
const classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"),
|
|
35
|
+
const classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
|
|
36
36
|
return (React.createElement(Tag, { onClick: onClick, style: style, className: classes, ...(backgroundSrc && {
|
|
37
37
|
style: {
|
|
38
38
|
backgroundImage: `url(${backgroundSrc})`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../components/view/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAA+B,MAAM,aAAa,CAAA;AACrE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../components/view/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAA+B,MAAM,aAAa,CAAA;AACrE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EAAE,sBAAsB,GAC1C,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,CAAC,YAA2C,EAAE,EAAE;QACtE,IACE,YAAY,IAAI,UAAU;YAC1B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,YAA0B,CAAC;YAE9D,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAC3D,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,MAAM,CAAC,EACtB,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACzD,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,KACd,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO,aAAa,GAAG;gBACxC,cAAc,EAAE,OAAO;gBACvB,kBAAkB,EAAE,KAAK;aAC1B;SACF,CAAC,KACE,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -17,7 +17,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
17
17
|
* @param others
|
|
18
18
|
*/
|
|
19
19
|
declare const View: {
|
|
20
|
-
({ children, style, onClick, flexable, bottom,
|
|
20
|
+
({ children, style, onClick, flexable, bottom, background, backgroundSrc, id, justify, fullwidth, align, ...others }: ViewProps): JSX.Element;
|
|
21
21
|
displayName: ComponentName;
|
|
22
22
|
};
|
|
23
23
|
export default View;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { ImageBackground, StyleSheet, TouchableOpacity, View as ViewNative, } from "react-native";
|
|
3
3
|
import { getAlignStyle, getJustifyStyle } from "../../objects";
|
|
4
4
|
import { getColorStyle } from "../../objects/facets/Color";
|
|
5
5
|
import { ComponentName } from "../enumsComponentsName";
|
|
@@ -18,8 +18,8 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
18
18
|
* @param fullwidth {boolean} true by default
|
|
19
19
|
* @param others
|
|
20
20
|
*/
|
|
21
|
-
const View = ({ children, style, onClick, flexable, bottom,
|
|
22
|
-
const viewColor = (
|
|
21
|
+
const View = ({ children, style, onClick, flexable, bottom, background, backgroundSrc, id, justify, fullwidth = true, align, ...others }) => {
|
|
22
|
+
const viewColor = (background && getColorStyle(background)) || "transparent";
|
|
23
23
|
const styles = StyleSheet.create({
|
|
24
24
|
view: {
|
|
25
25
|
flex: flexable ? 1 : 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"View.native.js","sourceRoot":"","sources":["../../../components/view/View.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,
|
|
1
|
+
{"version":3,"file":"View.native.js","sourceRoot":"","sources":["../../../components/view/View.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Loadable,
|
|
2
|
+
import { Loadable, Clickable, Fullwidth, JustifiableProps, AlignableProps, BackgroundProps } from "../../objects";
|
|
3
3
|
type Styles = {
|
|
4
4
|
[key: string]: any;
|
|
5
5
|
};
|
|
@@ -18,14 +18,12 @@ export type ViewMarkupValues = `${ViewMarkup}`;
|
|
|
18
18
|
/**
|
|
19
19
|
* View Interface
|
|
20
20
|
*/
|
|
21
|
-
export interface ViewProps extends Loadable, Clickable, JustifiableProps, Fullwidth, AlignableProps {
|
|
21
|
+
export interface ViewProps extends Loadable, Clickable, JustifiableProps, Fullwidth, AlignableProps, BackgroundProps {
|
|
22
22
|
children?: React.ReactNode;
|
|
23
23
|
className?: string;
|
|
24
24
|
style?: Styles;
|
|
25
25
|
flexable?: boolean;
|
|
26
26
|
bottom?: boolean;
|
|
27
|
-
color?: TrilogyColor | TrilogyColorValues;
|
|
28
|
-
backgroundSrc?: string;
|
|
29
27
|
id?: string;
|
|
30
28
|
markup?: ViewMarkup | ViewMarkupValues;
|
|
31
29
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"providerStates.js","sourceRoot":"","sources":["../../context/providerStates.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC;IACzC,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;CACZ,CAAC,CAAA"}
|
|
@@ -1,19 +1,30 @@
|
|
|
1
1
|
import { TrilogyColor, TrilogyColorValues } from "../facets/Color";
|
|
2
|
+
import { Invertable } from "../facets";
|
|
2
3
|
/**
|
|
3
4
|
* Background props
|
|
4
5
|
*/
|
|
5
|
-
export interface BackgroundProps {
|
|
6
|
-
background?: TrilogyColor | TrilogyColorValues
|
|
6
|
+
export interface BackgroundProps extends Invertable {
|
|
7
|
+
background?: TrilogyColor | TrilogyColorValues | {
|
|
8
|
+
color: TrilogyColor;
|
|
9
|
+
fade: boolean;
|
|
10
|
+
};
|
|
11
|
+
backgroundSrc?: string;
|
|
7
12
|
}
|
|
8
13
|
/**
|
|
9
14
|
* Returns background's classname depending on background type
|
|
10
15
|
* @param backgroundType {string} - BackgroundType
|
|
11
16
|
* @returns {string} - Background Color value
|
|
12
17
|
*/
|
|
13
|
-
export declare const getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues
|
|
18
|
+
export declare const getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues | {
|
|
19
|
+
color: TrilogyColor;
|
|
20
|
+
fade: boolean;
|
|
21
|
+
}) => string;
|
|
14
22
|
/**
|
|
15
23
|
* Returns background's style depending on background type
|
|
16
24
|
* @param backgroundType {string} - BackgroundType
|
|
17
25
|
* @returns {string} - Background Color value
|
|
18
26
|
*/
|
|
19
|
-
export declare const getBackgroundStyle: (backgroundType: TrilogyColor | TrilogyColorValues
|
|
27
|
+
export declare const getBackgroundStyle: (backgroundType: TrilogyColor | TrilogyColorValues | {
|
|
28
|
+
color: TrilogyColor;
|
|
29
|
+
fade: boolean;
|
|
30
|
+
}) => string;
|
|
@@ -5,6 +5,9 @@ import { getColorClassName, getColorStyle, } from "../facets/Color";
|
|
|
5
5
|
* @returns {string} - Background Color value
|
|
6
6
|
*/
|
|
7
7
|
export const getBackgroundClassName = (backgroundType) => {
|
|
8
|
+
if (backgroundType && typeof backgroundType === 'object') {
|
|
9
|
+
return `background-${getColorClassName(backgroundType.color)}${backgroundType.fade ? '-fade' : ''}`;
|
|
10
|
+
}
|
|
8
11
|
return `background-${getColorClassName(backgroundType)}`;
|
|
9
12
|
};
|
|
10
13
|
/**
|
|
@@ -13,6 +16,8 @@ export const getBackgroundClassName = (backgroundType) => {
|
|
|
13
16
|
* @returns {string} - Background Color value
|
|
14
17
|
*/
|
|
15
18
|
export const getBackgroundStyle = (backgroundType) => {
|
|
16
|
-
|
|
19
|
+
const color = (backgroundType && typeof backgroundType === 'object') ? backgroundType.color : backgroundType;
|
|
20
|
+
const fade = (backgroundType && typeof backgroundType === 'object') ? backgroundType.fade : false;
|
|
21
|
+
return getColorStyle(color, fade ? 1 : 0);
|
|
17
22
|
};
|
|
18
23
|
//# sourceMappingURL=Background.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../objects/atoms/Background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,GAAqC,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../objects/atoms/Background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,GAAqC,MAAM,iBAAiB,CAAA;AAYrG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,cAAuF,EAC/E,EAAE;IACV,IAAI,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE;QACxD,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;KACpG;IACD,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAA;AAC1D,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,cAAsF,EAC9E,EAAE;IACV,MAAM,KAAK,GAAG,CAAC,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAA,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAA;IAC3G,MAAM,IAAI,GAAE,CAAC,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAA,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAC/F,OAAO,aAAa,CAAC,KAAK,EAAE,IAAI,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAA,CAAC,CAAC,CAAA;AACvC,CAAC,CAAA"}
|
|
@@ -5,7 +5,7 @@ import { TrilogyThemeContext } from "../../context/providerTheme";
|
|
|
5
5
|
*/
|
|
6
6
|
export var TrilogyColor;
|
|
7
7
|
(function (TrilogyColor) {
|
|
8
|
-
TrilogyColor["BACKGROUND"] = "
|
|
8
|
+
TrilogyColor["BACKGROUND"] = "WHITE";
|
|
9
9
|
TrilogyColor["MAIN"] = "MAIN";
|
|
10
10
|
TrilogyColor["ACCENT"] = "ACCENT";
|
|
11
11
|
TrilogyColor["FONT"] = "FONT";
|
|
@@ -24,20 +24,46 @@ export var TrilogyColor;
|
|
|
24
24
|
* Trilogy color values
|
|
25
25
|
*/
|
|
26
26
|
export const colors = {
|
|
27
|
-
[TrilogyColor.BACKGROUND]: navigator.userAgent !== undefined
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
[TrilogyColor.
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
[TrilogyColor.
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
[TrilogyColor.
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
[TrilogyColor.
|
|
40
|
-
|
|
27
|
+
[TrilogyColor.BACKGROUND]: navigator.userAgent !== undefined
|
|
28
|
+
? ["white", "#fff", "main", "#E9E9E9"]
|
|
29
|
+
: ["#fff", "#E9E9E9"],
|
|
30
|
+
[TrilogyColor.MAIN]: navigator.userAgent !== undefined
|
|
31
|
+
? ["main", "#3d5d7e", "white", "#eff2f8"]
|
|
32
|
+
: ["#3d5d7e", "#eff2f8"],
|
|
33
|
+
[TrilogyColor.WHITE]: navigator.userAgent !== undefined
|
|
34
|
+
? ["white", "#fff", "main", "#E9E9E9"]
|
|
35
|
+
: ["#fff", "#E9E9E9"],
|
|
36
|
+
[TrilogyColor.ACCENT]: navigator.userAgent !== undefined
|
|
37
|
+
? ["accent", "#da641b", "white", "#bb5118"]
|
|
38
|
+
: ["#da641b", "#bb5118"],
|
|
39
|
+
[TrilogyColor.FONT]: navigator.userAgent !== undefined
|
|
40
|
+
? ["main", "#3d5d7e", "white", "#BBC6CD"]
|
|
41
|
+
: ["#3d5d7e", "#BBC6CD"],
|
|
42
|
+
[TrilogyColor.SUCCESS]: navigator.userAgent !== undefined
|
|
43
|
+
? ["success", "#007B52", "white", "#cae8ca"]
|
|
44
|
+
: ["#007B52", "#cae8ca"],
|
|
45
|
+
[TrilogyColor.INFO]: navigator.userAgent !== undefined
|
|
46
|
+
? ["info", "#1A688A", "white", "#c8dbec"]
|
|
47
|
+
: ["#1A688A", "#c8dbec"],
|
|
48
|
+
[TrilogyColor.WARNING]: navigator.userAgent !== undefined
|
|
49
|
+
? ["warning", "#FFBB33", "white", "#ecdbc6"]
|
|
50
|
+
: ["#FFBB33", "#ecdbc6"],
|
|
51
|
+
[TrilogyColor.ERROR]: navigator.userAgent !== undefined
|
|
52
|
+
? ["error", "#D42D02", "white", "#eecccc"]
|
|
53
|
+
: ["#D42D02", "#eecccc"],
|
|
54
|
+
[TrilogyColor.DISABLED]: navigator.userAgent !== undefined
|
|
55
|
+
? ["disabled", "#646464", "white", "#D1D1D1"]
|
|
56
|
+
: ["#646464", "#D1D1D1"],
|
|
57
|
+
[TrilogyColor.NEUTRAL]: navigator.userAgent !== undefined
|
|
58
|
+
? ["grey", "#707070", "white", "#F4F4F4"]
|
|
59
|
+
: ["#707070", "#F4F4F4"],
|
|
60
|
+
[TrilogyColor.NEUTRAL_DARK]: navigator.userAgent !== undefined
|
|
61
|
+
? ["grey-dark", "#646464", "white", "#E9E9E9"]
|
|
62
|
+
: ["#646464", "#E9E9E9"],
|
|
63
|
+
[TrilogyColor.NEUTRAL_LIGHT]: navigator.userAgent !== undefined ? [] : ["#E9E9E9", "#E9E9E9"],
|
|
64
|
+
[TrilogyColor.HOVERED]: navigator.userAgent !== undefined
|
|
65
|
+
? ["hovered", "#F4F4F4", "white", "#F4F4F4"]
|
|
66
|
+
: ["#F4F4F4", "#F4F4F4"],
|
|
41
67
|
};
|
|
42
68
|
/**
|
|
43
69
|
* Returns color's className depending on Trilogy Color
|
|
@@ -102,7 +128,9 @@ export const getColorStyle = (trilogyColor, index) => {
|
|
|
102
128
|
const { theme } = useContext(TrilogyThemeContext);
|
|
103
129
|
const colorsStyle = (theme === null || theme === void 0 ? void 0 : theme.colors) || colors;
|
|
104
130
|
const colorArray = colorsStyle[trilogyColor] || colorsStyle.default;
|
|
105
|
-
const colorIndex = index !== undefined && index >= 0 && index < colorArray.length
|
|
131
|
+
const colorIndex = index && index !== undefined && index >= 0 && index < colorArray.length
|
|
132
|
+
? index
|
|
133
|
+
: 0;
|
|
106
134
|
if (!trilogyColor || !colors[trilogyColor]) {
|
|
107
135
|
return colorsStyle.default;
|
|
108
136
|
}
|
|
@@ -110,7 +138,9 @@ export const getColorStyle = (trilogyColor, index) => {
|
|
|
110
138
|
}
|
|
111
139
|
else {
|
|
112
140
|
const colorArray = colors[trilogyColor];
|
|
113
|
-
const colorIndex = index !== undefined && index >= 0 && index < colorArray.length
|
|
141
|
+
const colorIndex = index !== undefined && index >= 0 && index < colorArray.length
|
|
142
|
+
? index
|
|
143
|
+
: 0;
|
|
114
144
|
return colorArray[colorIndex];
|
|
115
145
|
}
|
|
116
146
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../objects/facets/Color.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../objects/facets/Color.tsx"],"names":[],"mappings":"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"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.1-beta.
|
|
1
|
+
export declare const version = "0.0.1-beta.15";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = "0.0.1-beta.
|
|
1
|
+
export const version = "0.0.1-beta.15";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|