@open-tender/store 0.5.2 → 0.5.4

package/dist/cjs/types/api/themeCloud.d.ts

@@ -169,7 +169,7 @@ export interface TCFont {
     fontSize?: string;
     fontSmoothing: string;
     letterSpacing: string;
-    lineHeight: number;
+    lineHeight: number | string;
     textTransform: string;
     url?: string;
     weight: string;
@@ -305,11 +305,11 @@ export declare type TCTextAlign = 'left' | 'right' | 'center';
 export interface TCWelcome {
     marginBottom: string;
     marginTop: string;
-    subtitleLineHeight: number;
+    subtitleLineHeight: number | string;
     subtitleMarginTop: string;
     subtitleSize: string;
     textAlign: TCTextAlign;
-    titleLineHeight: number;
+    titleLineHeight: number | string;
     titleMarginLeft: string;
     titleSize: string;
 }

package/dist/cjs/utils/themeCloud.d.ts

@@ -1,304 +1,8 @@
-import { Dimensions, HEX, Rems, TCButtonSizes, TCFontSizes, TCLayout, ThemeCloud } from '../types';
+import { Dimensions, HEX, Rems, ThemeCloud } from '../types';
 export declare const remsToPixels: (rems: string, ratio: number) => string;
 export declare const remsToNumber: (rems: Rems) => number;
-export declare const decorateTheme: (theme: ThemeCloud, dimensions: Dimensions, responsive?: boolean) => {
-    border: {
-        radius: string;
-        radiusSmall: string;
-        width: string;
-        widthApp: string;
-        color: HEX;
-    };
-    buttons: {
-        sizes: TCButtonSizes;
-        colors: import("../types").TCButtonColors;
-    };
-    cards: {
-        default: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-        form: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-        menuItem: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-        modifier: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-    };
-    counts: {
-        alerts: {
-            borderWidth: string;
-            borderWidthApp: string;
-            fontSize: string;
-            fontSizeMobile: string;
-            paddingBottom: string;
-            paddingTop: string;
-            bgColor?: HEX | undefined;
-            borderColor?: HEX | undefined;
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            weight: string;
-        };
-        quantity: {
-            fontSize: string;
-            fontSizeMobile: string;
-            paddingBottom: string;
-            paddingTop: string;
-            bgColor?: HEX | undefined;
-            borderColor?: HEX | undefined;
-            borderWidth?: string | undefined;
-            borderWidthApp?: string | undefined;
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            weight: string;
-        };
-    };
-    fonts: {
-        headline: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        headings: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        body: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        preface: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        sizes: TCFontSizes;
-        lineHeights: {};
-    };
-    inputs: {
-        borderWidth: string;
-        borderWidthApp: string;
-        fontSize: string;
-        fontSizeMobile: string;
-        iconLeft: string;
-        iconPadding: string;
-        label: {
-            fontSize: string;
-            fontSizeMobile: string;
-            left: string;
-            offset: string;
-            padding: string;
-            top: string;
-        };
-        letterSpacing: string;
-        lineHeight: string;
-        lineHeightMobile: string;
-        padding: string;
-        paddingBottom: string;
-        paddingBottomActive: string;
-        paddingHorizontal: string;
-        paddingTop: string;
-        paddingTopActive: string;
-        paddingVertical: string;
-        radius: string;
-        selectPaddingBottom: string;
-        selectSize: string;
-        selectSizeMobile: string;
-        bgColor: HEX;
-        bgColorFocus: HEX;
-        borderColor: HEX;
-        borderColorFocus: HEX;
-        borderStyle: string;
-        bottomBorderOnly: boolean;
-        boxShadow: string;
-        color: HEX;
-        colorFocus: HEX;
-        family: string;
-        fontMobile: string;
-        fontSmoothing: string;
-        placeholderColor: HEX;
-        showIcon: boolean;
-        showLabel: boolean;
-        showOutline: boolean;
-        textTransform: string;
-        weight: string;
-    };
-    item: {
-        desktop: {
-            imageMaxHeight: string;
-            imageMinHeight: string;
-            imagePadding: string;
-            maxWidth: string;
-            padding: string;
-            imageHeight: string;
-        };
-        mobile: {
-            imageMaxHeight: string;
-            imageMinHeight: string;
-            imagePadding: string;
-            maxWidth: string;
-            padding: string;
-            imageHeight: string;
-        };
-    };
-    lineHeight: string;
-    layout: TCLayout;
-    welcome: {
-        desktop: {
-            textAlign: import("../types").TCTextAlign;
-            marginTop: string;
-            marginBottom: string;
-            titleMarginLeft: string;
-            titleSize: string;
-            titleLineHeight: string;
-            subtitleSize: string;
-            subtitleLineHeight: string;
-            subtitleMarginTop: string;
-        };
-        mobile: {
-            textAlign: import("../types").TCTextAlign;
-            marginTop: string;
-            marginBottom: string;
-            titleMarginLeft: string;
-            titleSize: string;
-            titleLineHeight: string;
-            subtitleSize: string;
-            subtitleLineHeight: string;
-            subtitleMarginTop: string;
-        };
-    };
-    alert: import("../types").TCMessageColor;
-    bgColors: import("../types").TCBgColors;
-    boldWeight: string;
-    boxShadow: import("../types").TCBoxShadow;
-    breakpoints: import("../types").TCBreakpoints;
-    colors: import("../types").TCColors;
-    error: import("../types").TCMessageColor;
-    header: import("../types").TCHeader;
-    icons: import("../types").TCIcons;
-    links: import("../types").TCLinks;
-    overlay: import("../types").TCOverlay;
-    success: import("../types").TCMessageColor;
-    toast: import("../types").TCMessageColor;
-};
+export declare const makeRatio: (width: number, height: number) => number;
+export declare const makeWidthRatio: (width: number) => number;
+export declare const makeHeightRatio: (height: number) => number;
+export declare const decorateTheme: (theme: ThemeCloud, dimensions: Dimensions, responsive?: boolean) => ThemeCloud;
 export declare function hexToRgbA(hex: HEX, opacity: string): string | null;

package/dist/cjs/utils/themeCloud.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hexToRgbA = exports.decorateTheme = exports.remsToNumber = exports.remsToPixels = void 0;
+exports.hexToRgbA = exports.decorateTheme = exports.makeHeightRatio = exports.makeWidthRatio = exports.makeRatio = exports.remsToNumber = exports.remsToPixels = void 0;
 var tslib_1 = require("tslib");
 var remsToPixels = function (rems, ratio) {
     var pixels = parseFloat(rems.replace('rem', '')) * 10;
@@ -163,10 +163,20 @@ var DEFAULT_HEIGHT = 844;
 var makeRatio = function (width, height) {
     return (width * height) / (DEFAULT_WIDTH * DEFAULT_HEIGHT);
 };
+exports.makeRatio = makeRatio;
+var makeWidthRatio = function (width) {
+    return width / DEFAULT_WIDTH;
+};
+exports.makeWidthRatio = makeWidthRatio;
+var makeHeightRatio = function (height) {
+    return height / DEFAULT_HEIGHT;
+};
+exports.makeHeightRatio = makeHeightRatio;
 var decorateTheme = function (theme, dimensions, responsive) {
     if (responsive === void 0) { responsive = true; }
-    var width = dimensions.width, height = dimensions.height;
-    var ratio = responsive ? makeRatio(width, height) : 1.0;
+    var width = dimensions.width;
+    // const ratio = responsive ? makeRatio(width, height) : 1.0
+    var ratio = responsive ? (0, exports.makeWidthRatio)(width) : 1.0;
     var border = makeBorder(theme.border, ratio);
     var buttons = makeButtons(theme.buttons, ratio);
     var cards = makeCards(theme.cards, ratio);

package/dist/esm/types/api/themeCloud.d.ts

@@ -169,7 +169,7 @@ export interface TCFont {
     fontSize?: string;
     fontSmoothing: string;
     letterSpacing: string;
-    lineHeight: number;
+    lineHeight: number | string;
     textTransform: string;
     url?: string;
     weight: string;
@@ -305,11 +305,11 @@ export declare type TCTextAlign = 'left' | 'right' | 'center';
 export interface TCWelcome {
     marginBottom: string;
     marginTop: string;
-    subtitleLineHeight: number;
+    subtitleLineHeight: number | string;
     subtitleMarginTop: string;
     subtitleSize: string;
     textAlign: TCTextAlign;
-    titleLineHeight: number;
+    titleLineHeight: number | string;
     titleMarginLeft: string;
     titleSize: string;
 }

package/dist/esm/utils/themeCloud.d.ts

@@ -1,304 +1,8 @@
-import { Dimensions, HEX, Rems, TCButtonSizes, TCFontSizes, TCLayout, ThemeCloud } from '../types';
+import { Dimensions, HEX, Rems, ThemeCloud } from '../types';
 export declare const remsToPixels: (rems: string, ratio: number) => string;
 export declare const remsToNumber: (rems: Rems) => number;
-export declare const decorateTheme: (theme: ThemeCloud, dimensions: Dimensions, responsive?: boolean) => {
-    border: {
-        radius: string;
-        radiusSmall: string;
-        width: string;
-        widthApp: string;
-        color: HEX;
-    };
-    buttons: {
-        sizes: TCButtonSizes;
-        colors: import("../types").TCButtonColors;
-    };
-    cards: {
-        default: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-        form: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-        menuItem: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-        modifier: {
-            borderRadius: string;
-            borderWidth: string;
-            borderWidthApp: string;
-            bgColor: HEX;
-            borderColor: HEX;
-            boxShadow: string;
-            overrideFontColors: boolean;
-            textColor: HEX;
-            titleColor: HEX;
-        };
-    };
-    counts: {
-        alerts: {
-            borderWidth: string;
-            borderWidthApp: string;
-            fontSize: string;
-            fontSizeMobile: string;
-            paddingBottom: string;
-            paddingTop: string;
-            bgColor?: HEX | undefined;
-            borderColor?: HEX | undefined;
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            weight: string;
-        };
-        quantity: {
-            fontSize: string;
-            fontSizeMobile: string;
-            paddingBottom: string;
-            paddingTop: string;
-            bgColor?: HEX | undefined;
-            borderColor?: HEX | undefined;
-            borderWidth?: string | undefined;
-            borderWidthApp?: string | undefined;
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            weight: string;
-        };
-    };
-    fonts: {
-        headline: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        headings: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        body: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        preface: {
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSize?: string | undefined;
-            fontSmoothing: string;
-            lineHeight: number;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        } | {
-            fontSize: string;
-            lineHeight: string;
-            letterSpacing: string;
-            lineHeights: {};
-            color?: HEX | undefined;
-            family: string;
-            fontMobile: string;
-            fontSmoothing: string;
-            textTransform: string;
-            url?: string | undefined;
-            weight: string;
-        };
-        sizes: TCFontSizes;
-        lineHeights: {};
-    };
-    inputs: {
-        borderWidth: string;
-        borderWidthApp: string;
-        fontSize: string;
-        fontSizeMobile: string;
-        iconLeft: string;
-        iconPadding: string;
-        label: {
-            fontSize: string;
-            fontSizeMobile: string;
-            left: string;
-            offset: string;
-            padding: string;
-            top: string;
-        };
-        letterSpacing: string;
-        lineHeight: string;
-        lineHeightMobile: string;
-        padding: string;
-        paddingBottom: string;
-        paddingBottomActive: string;
-        paddingHorizontal: string;
-        paddingTop: string;
-        paddingTopActive: string;
-        paddingVertical: string;
-        radius: string;
-        selectPaddingBottom: string;
-        selectSize: string;
-        selectSizeMobile: string;
-        bgColor: HEX;
-        bgColorFocus: HEX;
-        borderColor: HEX;
-        borderColorFocus: HEX;
-        borderStyle: string;
-        bottomBorderOnly: boolean;
-        boxShadow: string;
-        color: HEX;
-        colorFocus: HEX;
-        family: string;
-        fontMobile: string;
-        fontSmoothing: string;
-        placeholderColor: HEX;
-        showIcon: boolean;
-        showLabel: boolean;
-        showOutline: boolean;
-        textTransform: string;
-        weight: string;
-    };
-    item: {
-        desktop: {
-            imageMaxHeight: string;
-            imageMinHeight: string;
-            imagePadding: string;
-            maxWidth: string;
-            padding: string;
-            imageHeight: string;
-        };
-        mobile: {
-            imageMaxHeight: string;
-            imageMinHeight: string;
-            imagePadding: string;
-            maxWidth: string;
-            padding: string;
-            imageHeight: string;
-        };
-    };
-    lineHeight: string;
-    layout: TCLayout;
-    welcome: {
-        desktop: {
-            textAlign: import("../types").TCTextAlign;
-            marginTop: string;
-            marginBottom: string;
-            titleMarginLeft: string;
-            titleSize: string;
-            titleLineHeight: string;
-            subtitleSize: string;
-            subtitleLineHeight: string;
-            subtitleMarginTop: string;
-        };
-        mobile: {
-            textAlign: import("../types").TCTextAlign;
-            marginTop: string;
-            marginBottom: string;
-            titleMarginLeft: string;
-            titleSize: string;
-            titleLineHeight: string;
-            subtitleSize: string;
-            subtitleLineHeight: string;
-            subtitleMarginTop: string;
-        };
-    };
-    alert: import("../types").TCMessageColor;
-    bgColors: import("../types").TCBgColors;
-    boldWeight: string;
-    boxShadow: import("../types").TCBoxShadow;
-    breakpoints: import("../types").TCBreakpoints;
-    colors: import("../types").TCColors;
-    error: import("../types").TCMessageColor;
-    header: import("../types").TCHeader;
-    icons: import("../types").TCIcons;
-    links: import("../types").TCLinks;
-    overlay: import("../types").TCOverlay;
-    success: import("../types").TCMessageColor;
-    toast: import("../types").TCMessageColor;
-};
+export declare const makeRatio: (width: number, height: number) => number;
+export declare const makeWidthRatio: (width: number) => number;
+export declare const makeHeightRatio: (height: number) => number;
+export declare const decorateTheme: (theme: ThemeCloud, dimensions: Dimensions, responsive?: boolean) => ThemeCloud;
 export declare function hexToRgbA(hex: HEX, opacity: string): string | null;

package/dist/esm/utils/themeCloud.js

@@ -155,13 +155,20 @@ var makeWelcomes = function (welcomes, ratio) {
 };
 var DEFAULT_WIDTH = 390;
 var DEFAULT_HEIGHT = 844;
-var makeRatio = function (width, height) {
+export var makeRatio = function (width, height) {
     return (width * height) / (DEFAULT_WIDTH * DEFAULT_HEIGHT);
 };
+export var makeWidthRatio = function (width) {
+    return width / DEFAULT_WIDTH;
+};
+export var makeHeightRatio = function (height) {
+    return height / DEFAULT_HEIGHT;
+};
 export var decorateTheme = function (theme, dimensions, responsive) {
     if (responsive === void 0) { responsive = true; }
-    var width = dimensions.width, height = dimensions.height;
-    var ratio = responsive ? makeRatio(width, height) : 1.0;
+    var width = dimensions.width;
+    // const ratio = responsive ? makeRatio(width, height) : 1.0
+    var ratio = responsive ? makeWidthRatio(width) : 1.0;
     var border = makeBorder(theme.border, ratio);
     var buttons = makeButtons(theme.buttons, ratio);
     var cards = makeCards(theme.cards, ratio);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-tender/store",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",