@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/objects/facets/Color.js

@@ -0,0 +1,145 @@
+import Color from 'color';
+/**
+ * Trilogy color
+ */
+export var TrilogyColor;
+(function (TrilogyColor) {
+    TrilogyColor["SUCCESS"] = "SUCCESS";
+    TrilogyColor["INFO"] = "INFO";
+    TrilogyColor["WARNING"] = "WARNING";
+    TrilogyColor["ERROR"] = "ERROR";
+    TrilogyColor["PRIMARY"] = "PRIMARY";
+    TrilogyColor["SECONDARY"] = "SECONDARY";
+    TrilogyColor["TERTIARY"] = "TERTIARY";
+    TrilogyColor["WHITE"] = "WHITE";
+    TrilogyColor["GREY"] = "GREY";
+    TrilogyColor["GREY_DARK"] = "GREY_DARK";
+    TrilogyColor["GREY_LIGHT"] = "GREY_LIGHT";
+    TrilogyColor["GREY_LIGHTER"] = "GREY_LIGHTER";
+    TrilogyColor["GREY_DISABLED"] = "GREY_DISABLED";
+    TrilogyColor["BG_SUCCESS"] = "BG-SUCCESS";
+    TrilogyColor["BG_INFO"] = "BG-INFO";
+    TrilogyColor["BG_WARNING"] = "BG-WARNING";
+    TrilogyColor["BG_ERROR"] = "BG-ERROR";
+    TrilogyColor["BG_DEFAULT"] = "BG-DEFAULT";
+    TrilogyColor["BG_DISABLED"] = "BG-DISABLED";
+})(TrilogyColor || (TrilogyColor = {}));
+export const mixColors = (baseColor, tint) => {
+    const color = getColorStyle(baseColor);
+    const newColor = Color(color);
+    return newColor.lightness(-tint).hex();
+};
+/**
+ * Returns color's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color value
+ */
+export const getColorClassName = (trilogyColor) => {
+    switch (trilogyColor) {
+        case 'SUCCESS':
+            return 'success';
+        case 'INFO':
+            return 'info';
+        case 'WARNING':
+            return 'warning';
+        case 'ERROR':
+            return 'error';
+        case 'PRIMARY':
+            return 'primary';
+        case 'SECONDARY':
+            return 'secondary';
+        case 'TERTIARY':
+            return 'tertiary';
+        case 'WHITE':
+            return 'white';
+        case 'GREY':
+            return 'grey';
+        case 'GREY_DARK':
+            return 'grey-dark';
+        case 'GREY_LIGHT':
+            return 'grey-light';
+        case 'GREY_LIGHTER':
+            return 'grey-lighter';
+        case 'GREY_DISABLED':
+            return 'grey-disabled';
+        case 'BG-SUCCESS':
+            return 'bg-success';
+        case 'BG-INFO':
+            return 'bg-info';
+        case 'BG-WARNING':
+            return 'bg-warning';
+        case 'BG-ERROR':
+            return 'bg-error';
+        case 'BG-DEFAULT':
+            return 'bg-default';
+        case 'BG-DISABLED':
+            return 'bg-disabled';
+        default:
+            return 'tertiary';
+    }
+};
+/**
+ * Returns color's style depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color style value
+ */
+export const getColorStyle = (trilogyColor) => {
+    switch (trilogyColor) {
+        case 'SUCCESS':
+            return '#007B52';
+        case 'INFO':
+            return '#1A688A';
+        case 'WARNING':
+            return '#FFBB33';
+        case 'ERROR':
+            return '#D42D02';
+        case 'PRIMARY':
+            return '#1A688A';
+        case 'SECONDARY':
+            return '#D44A4A';
+        case 'TERTIARY':
+            return '#333';
+        case 'WHITE':
+            return '#fff';
+        case 'GREY':
+            return '#707070';
+        case 'GREY_DARK':
+            return '#646464';
+        case 'GREY_LIGHT':
+            return '#E9E9E9';
+        case 'GREY_LIGHTER':
+            return '#F4F4F4';
+        case 'GREY_DISABLED':
+            return '#D1D1D1';
+        case 'BG-SUCCESS':
+            return getBackgroundOfVariant('SUCCESS');
+        case 'BG-INFO':
+            return getBackgroundOfVariant('INFO');
+        case 'BG-WARNING':
+            return getBackgroundOfVariant('WARNING');
+        case 'BG-ERROR':
+            return getBackgroundOfVariant('ERROR');
+        default:
+            return '#333';
+    }
+};
+/**
+ * Returns the background color of a variant
+ * @param variant {string} - The variant name (success, error, warning or info)
+ * @returns {string} - The background color value
+ */
+export const getBackgroundOfVariant = (variant) => {
+    switch (variant) {
+        case 'SUCCESS':
+            return '#cae8ca'; // light green
+        case 'INFO':
+            return '#c8dbec'; // light blue
+        case 'WARNING':
+            return '#ecdbc6'; // light orange
+        case 'ERROR':
+            return '#eecccc'; // light red
+        default:
+            return '#FFF';
+    }
+};
+//# sourceMappingURL=Color.js.map

package/lib/objects/facets/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../objects/facets/Color.tsx"],"names":[],"mappings":"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"}

package/lib/objects/facets/Color.native.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Trilogy color
+ */
+export declare enum TrilogyColor {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR",
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    TERTIARY = "TERTIARY",
+    WHITE = "WHITE",
+    GREY = "GREY",
+    GREY_DARK = "GREY_DARK",
+    GREY_LIGHT = "GREY_LIGHT",
+    GREY_LIGHTER = "GREY_LIGHTER",
+    GREY_DISABLED = "GREY_DISABLED",
+    BG_SUCCESS = "BG-SUCCESS",
+    BG_INFO = "BG-INFO",
+    BG_WARNING = "BG-WARNING",
+    BG_ERROR = "BG-ERROR",
+    BG_DEFAULT = "BG-DEFAULT",
+    BG_DISABLED = "BG-DISABLED"
+}
+export type TrilogyColorValues = `${TrilogyColor}`;
+export declare const mixColors: (baseColor: TrilogyColor, tint: number) => string;
+export declare const getColorStyle: (trilogyColor?: string) => string;
+export declare const getBackgroundOfVariant: (variant?: string) => string;

package/lib/objects/facets/Color.native.js

@@ -0,0 +1,96 @@
+import { TrilogyThemeContext } from '../../context/providerTheme.native';
+import { useContext } from 'react';
+import Color from 'color';
+/**
+ * Trilogy color
+ */
+export var TrilogyColor;
+(function (TrilogyColor) {
+    TrilogyColor["SUCCESS"] = "SUCCESS";
+    TrilogyColor["INFO"] = "INFO";
+    TrilogyColor["WARNING"] = "WARNING";
+    TrilogyColor["ERROR"] = "ERROR";
+    TrilogyColor["PRIMARY"] = "PRIMARY";
+    TrilogyColor["SECONDARY"] = "SECONDARY";
+    TrilogyColor["TERTIARY"] = "TERTIARY";
+    TrilogyColor["WHITE"] = "WHITE";
+    TrilogyColor["GREY"] = "GREY";
+    TrilogyColor["GREY_DARK"] = "GREY_DARK";
+    TrilogyColor["GREY_LIGHT"] = "GREY_LIGHT";
+    TrilogyColor["GREY_LIGHTER"] = "GREY_LIGHTER";
+    TrilogyColor["GREY_DISABLED"] = "GREY_DISABLED";
+    TrilogyColor["BG_SUCCESS"] = "BG-SUCCESS";
+    TrilogyColor["BG_INFO"] = "BG-INFO";
+    TrilogyColor["BG_WARNING"] = "BG-WARNING";
+    TrilogyColor["BG_ERROR"] = "BG-ERROR";
+    TrilogyColor["BG_DEFAULT"] = "BG-DEFAULT";
+    TrilogyColor["BG_DISABLED"] = "BG-DISABLED";
+})(TrilogyColor || (TrilogyColor = {}));
+export const mixColors = (baseColor, tint) => {
+    const color = getColorStyle(baseColor);
+    const newColor = Color(color);
+    return newColor.lightness(-tint).hex();
+};
+export const getColorStyle = (trilogyColor) => {
+    const { theme: { colors },
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+     } = useContext(TrilogyThemeContext);
+    switch (trilogyColor) {
+        case 'SUCCESS':
+            return colors.success;
+        case 'INFO':
+            return colors.info;
+        case 'WARNING':
+            return colors.warning;
+        case 'ERROR':
+            return colors.error;
+        case 'PRIMARY':
+            return colors.primary;
+        case 'SECONDARY':
+            return colors.secondary;
+        case 'TERTIARY':
+            return colors.tertiary;
+        case 'WHITE':
+            return colors.white;
+        case 'GREY':
+            return colors.grey;
+        case 'GREY_DARK':
+            return colors.greyDark;
+        case 'GREY_LIGHT':
+            return colors.greyLight;
+        case 'GREY_LIGHTER':
+            return colors.greyLighter;
+        case 'GREY_DISABLED':
+            return colors.greyDisabled;
+        case 'BG-SUCCESS':
+            return colors.bgSuccess;
+        case 'BG-INFO':
+            return colors.bgInfo;
+        case 'BG-WARNING':
+            return colors.bgWarning;
+        case 'BG-ERROR':
+            return colors.bgError;
+        case 'BG-DEFAULT':
+            return colors.bgDefault;
+        default:
+            return colors.default;
+    }
+};
+export const getBackgroundOfVariant = (variant) => {
+    const { theme: { colors },
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+     } = useContext(TrilogyThemeContext);
+    switch (variant) {
+        case 'SUCCESS':
+            return colors.bgSuccess;
+        case 'INFO':
+            return colors.bgInfo;
+        case 'WARNING':
+            return colors.bgWarning;
+        case 'ERROR':
+            return colors.bgError;
+        default:
+            return colors.bgDefault;
+    }
+};
+//# sourceMappingURL=Color.native.js.map

package/lib/objects/facets/Color.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.native.js","sourceRoot":"","sources":["../../../objects/facets/Color.native.tsx"],"names":[],"mappings":"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"}

package/lib/objects/facets/Flexable.d.ts

@@ -0,0 +1,3 @@
+export interface Flexable {
+    flex?: boolean;
+}

package/lib/objects/facets/Flexable.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Flexable.js.map

package/lib/objects/facets/Flexable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flexable.js","sourceRoot":"","sources":["../../../objects/facets/Flexable.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Fullheight.d.ts

@@ -0,0 +1,3 @@
+export interface Fullheight {
+    fullheight?: boolean;
+}

package/lib/objects/facets/Fullheight.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Fullheight.js.map

package/lib/objects/facets/Fullheight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fullheight.js","sourceRoot":"","sources":["../../../objects/facets/Fullheight.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Fullwidth.d.ts

@@ -0,0 +1,3 @@
+export interface Fullwidth {
+    fullwidth?: boolean;
+}

package/lib/objects/facets/Fullwidth.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Fullwidth.js.map

package/lib/objects/facets/Fullwidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fullwidth.js","sourceRoot":"","sources":["../../../objects/facets/Fullwidth.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Hat.d.ts

@@ -0,0 +1,3 @@
+export interface Hat {
+    hat?: boolean;
+}

package/lib/objects/facets/Hat.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Hat.js.map

package/lib/objects/facets/Hat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hat.js","sourceRoot":"","sources":["../../../objects/facets/Hat.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Hidden.d.ts

@@ -0,0 +1,12 @@
+export interface HiddenDesktop {
+    hiddenDesktop?: boolean;
+}
+export interface HiddenMobile {
+    hiddenMobile?: boolean;
+}
+export interface HiddenTablet {
+    hiddenTablet?: boolean;
+}
+export interface HiddenTouch {
+    hiddenTouch?: boolean;
+}

package/lib/objects/facets/Hidden.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Hidden.js.map

package/lib/objects/facets/Hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.js","sourceRoot":"","sources":["../../../objects/facets/Hidden.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Invertable.d.ts

@@ -0,0 +1,3 @@
+export interface Invertable {
+    inverted?: boolean;
+}

package/lib/objects/facets/Invertable.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Invertable.js.map

package/lib/objects/facets/Invertable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Invertable.js","sourceRoot":"","sources":["../../../objects/facets/Invertable.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Justifiable.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Typo align
+ */
+export declare enum Justifiable {
+    JUSTIFIED_CENTER = "justified-center",
+    JUSTIFIED_START = "justified-start",
+    JUSTIFIED_END = "justified-end",
+    SPACE_BETWEEN = "space-between"
+}
+export type JustifiableValues = keyof typeof Justifiable;
+export interface JustifiableProps {
+    justify?: Justifiable | JustifiableValues;
+}
+/**
+ * Returns justifyContent style depending on justify type
+ * @param justifyContent {Justifiable|string} - justify type
+ * @returns {string} - Justify value
+ */
+export declare const getJustifyStyle: (justifyContent?: string) => "center" | "flex-start" | "flex-end" | "space-between";
+export declare const getJustifyClassName: (justifyContent?: string) => "justified-start" | "justified-end" | "centered" | "spaced-between";

package/lib/objects/facets/Justifiable.js

@@ -0,0 +1,45 @@
+/**
+ * Typo align
+ */
+export var Justifiable;
+(function (Justifiable) {
+    Justifiable["JUSTIFIED_CENTER"] = "justified-center";
+    Justifiable["JUSTIFIED_START"] = "justified-start";
+    Justifiable["JUSTIFIED_END"] = "justified-end";
+    Justifiable["SPACE_BETWEEN"] = "space-between";
+})(Justifiable || (Justifiable = {}));
+/**
+ * Returns justifyContent style depending on justify type
+ * @param justifyContent {Justifiable|string} - justify type
+ * @returns {string} - Justify value
+ */
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export const getJustifyStyle = (justifyContent) => {
+    switch (justifyContent) {
+        case 'justified-center':
+            return 'center';
+        case 'justified-start':
+            return 'flex-start';
+        case 'justified-end':
+            return 'flex-end';
+        case 'space-between':
+            return 'space-between';
+        default:
+            return 'flex-start';
+    }
+};
+export const getJustifyClassName = (justifyContent) => {
+    switch (justifyContent) {
+        case 'justified-center':
+            return 'centered';
+        case 'justified-start':
+            return 'justified-start';
+        case 'justified-end':
+            return 'justified-end';
+        case 'space-between':
+            return 'spaced-between';
+        default:
+            return 'justified-start';
+    }
+};
+//# sourceMappingURL=Justifiable.js.map

package/lib/objects/facets/Justifiable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Justifiable.js","sourceRoot":"","sources":["../../../objects/facets/Justifiable.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,oDAAqC,CAAA;IACrC,kDAAmC,CAAA;IACnC,8CAA+B,CAAA;IAC/B,8CAA+B,CAAA;AACjC,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB;AAQD;;;;GAIG;AACH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,cAAuB,EAAE,EAAE;IACzD,QAAQ,cAAc,EAAE;QACtB,KAAK,kBAAkB;YACrB,OAAO,QAAQ,CAAA;QACjB,KAAK,iBAAiB;YACpB,OAAO,YAAY,CAAA;QACrB,KAAK,eAAe;YAClB,OAAO,UAAU,CAAA;QACnB,KAAK,eAAe;YAClB,OAAO,eAAe,CAAA;QACxB;YACE,OAAO,YAAY,CAAA;KACtB;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,cAAuB,EAAE,EAAE;IAC7D,QAAQ,cAAc,EAAE;QACtB,KAAK,kBAAkB;YACrB,OAAO,UAAU,CAAA;QACnB,KAAK,iBAAiB;YACpB,OAAO,iBAAiB,CAAA;QAC1B,KAAK,eAAe;YAClB,OAAO,eAAe,CAAA;QACxB,KAAK,eAAe;YAClB,OAAO,gBAAgB,CAAA;QACzB;YACE,OAAO,iBAAiB,CAAA;KAC3B;AACH,CAAC,CAAA"}

package/lib/objects/facets/Layout.d.ts

@@ -0,0 +1,4 @@
+import type { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
+export interface Layout {
+    autolayout?: boolean | SpacingMatrix;
+}

package/lib/objects/facets/Layout.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Layout.js.map

package/lib/objects/facets/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../objects/facets/Layout.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Loadable.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Loading state
+ */
+export declare enum Loading {
+    LOADING = "LOADING",
+    LOADED = "LOADED"
+}
+export type LoadingValues = `${Loading}`;
+/**
+ * Loadable props
+ */
+export interface Loadable {
+    loading?: Loading | LoadingValues | boolean;
+}
+/**
+ * Returns loading's classname depending on loading type
+ * @param loadingType {string} - Loading type
+ * @returns {string} - Loading value
+ */
+export declare const getLoadingClassName: (loadingType?: string) => string;

package/lib/objects/facets/Loadable.js

@@ -0,0 +1,24 @@
+/**
+ * Loading state
+ */
+export var Loading;
+(function (Loading) {
+    Loading["LOADING"] = "LOADING";
+    Loading["LOADED"] = "LOADED";
+})(Loading || (Loading = {}));
+/**
+ * Returns loading's classname depending on loading type
+ * @param loadingType {string} - Loading type
+ * @returns {string} - Loading value
+ */
+export const getLoadingClassName = (loadingType) => {
+    switch (loadingType) {
+        case 'LOADING':
+            return 'loading';
+        case 'LOADED':
+            return 'loaded';
+        default:
+            return '';
+    }
+};
+//# sourceMappingURL=Loadable.js.map

package/lib/objects/facets/Loadable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loadable.js","sourceRoot":"","sources":["../../../objects/facets/Loadable.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACjB,8BAAmB,CAAA;IACnB,4BAAiB,CAAA;AACnB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAWD;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,WAAoB,EAAU,EAAE;IAClE,QAAQ,WAAW,EAAE;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAA;QACjB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}

package/lib/objects/facets/Marginless.d.ts

@@ -0,0 +1,3 @@
+export interface Marginless {
+    marginless?: boolean;
+}

package/lib/objects/facets/Marginless.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Marginless.js.map

package/lib/objects/facets/Marginless.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marginless.js","sourceRoot":"","sources":["../../../objects/facets/Marginless.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Narrow.d.ts

@@ -0,0 +1,3 @@
+export interface Narrow {
+    narrow?: boolean;
+}

package/lib/objects/facets/Narrow.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Narrow.js.map

package/lib/objects/facets/Narrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Narrow.js","sourceRoot":"","sources":["../../../objects/facets/Narrow.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Paddingless.d.ts

@@ -0,0 +1,3 @@
+export interface Paddingless {
+    paddingless?: boolean;
+}

package/lib/objects/facets/Paddingless.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Paddingless.js.map

package/lib/objects/facets/Paddingless.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paddingless.js","sourceRoot":"","sources":["../../../objects/facets/Paddingless.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Position.d.ts

@@ -0,0 +1,4 @@
+export interface Position {
+    pulledLeft?: boolean;
+    pulledRight?: boolean;
+}

package/lib/objects/facets/Position.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Position.js.map

package/lib/objects/facets/Position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Position.js","sourceRoot":"","sources":["../../../objects/facets/Position.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Referenceable.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface Referenceable<T extends HTMLElement = HTMLDivElement> {
+    ref?: React.RefObject<T>;
+}
+export interface ReferenceableNative<T extends React.Component = React.Component> {
+    ref?: React.LegacyRef<T>;
+}

package/lib/objects/facets/Referenceable.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Referenceable.js.map

package/lib/objects/facets/Referenceable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Referenceable.js","sourceRoot":"","sources":["../../../objects/facets/Referenceable.tsx"],"names":[],"mappings":""}

package/lib/objects/facets/ScrollDirection.d.ts

@@ -0,0 +1,8 @@
+export declare enum ScrollDirectionEnum {
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+/**
+ * Sticky values Enum
+ */
+export type ScrollDirectionEnumValues = `${ScrollDirectionEnum}`;

package/lib/objects/facets/ScrollDirection.js

@@ -0,0 +1,6 @@
+export var ScrollDirectionEnum;
+(function (ScrollDirectionEnum) {
+    ScrollDirectionEnum["VERTICAL"] = "VERTICAL";
+    ScrollDirectionEnum["HORIZONTAL"] = "HORIZONTAL";
+})(ScrollDirectionEnum || (ScrollDirectionEnum = {}));
+//# sourceMappingURL=ScrollDirection.js.map

package/lib/objects/facets/ScrollDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollDirection.js","sourceRoot":"","sources":["../../../objects/facets/ScrollDirection.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,gDAAyB,CAAA;AAC3B,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B"}

package/lib/objects/facets/Small.d.ts

@@ -0,0 +1,3 @@
+export interface Small {
+    small?: boolean;
+}

package/lib/objects/facets/Small.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Small.js.map

package/lib/objects/facets/Small.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Small.js","sourceRoot":"","sources":["../../../objects/facets/Small.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Stacked.d.ts

@@ -0,0 +1,3 @@
+export interface Stacked {
+    stacked?: boolean;
+}

package/lib/objects/facets/Stacked.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Stacked.js.map

package/lib/objects/facets/Stacked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stacked.js","sourceRoot":"","sources":["../../../objects/facets/Stacked.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Sticky.d.ts

@@ -0,0 +1,9 @@
+export interface Sticky {
+    top?: boolean;
+    bottom?: boolean;
+}
+export declare enum StickyPosition {
+    TOP = "TOP",
+    BOTTOM = "BOTTOM"
+}
+export type StickyPositionValues = `${StickyPosition}`;