@open-tender/store 0.5.3 → 0.5.5

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

@@ -170,6 +170,7 @@ export interface TCFont {
     fontSmoothing: string;
     letterSpacing: string;
     lineHeight: number | string;
+    lineHeights?: TCFontSizes;
     textTransform: string;
     url?: string;
     weight: string;
@@ -196,6 +197,7 @@ export interface TCFonts {
     body: TCFont;
     headings: TCFont;
     headline: TCFont;
+    lineHeights?: TCFontSizes;
     preface: TCFont;
     sizes: TCFontSizes;
 }

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

@@ -1,5 +1,8 @@
 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 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;
@@ -85,12 +85,12 @@ var makeFont = function (font, sizes, ratio) {
 };
 var makeFonts = function (fonts, lineHeight, ratio) {
     var sizes = fontSizesToPixels(fonts.sizes, ratio);
-    var lineHeights = makeLineHeights(sizes, lineHeight, ratio);
+    var lineHeights = makeLineHeights(fonts.sizes, lineHeight, ratio);
     var headline = makeFont(fonts.headline, sizes, ratio);
     var headings = makeFont(fonts.headings, sizes, ratio);
     var body = makeFont(fonts.body, sizes, ratio);
     var preface = makeFont(fonts.preface, sizes, ratio);
-    return tslib_1.__assign(tslib_1.__assign({}, fonts), { headline: headline, headings: headings, body: body, preface: preface, sizes: sizes, lineHeights: lineHeights });
+    return { body: body, headings: headings, headline: headline, lineHeights: lineHeights, preface: preface, sizes: sizes };
 };
 var makeBorder = function (border, ratio) {
     return tslib_1.__assign(tslib_1.__assign({}, border), { radius: (0, exports.remsToPixels)(border.radius, ratio), radiusSmall: (0, exports.remsToPixels)(border.radiusSmall, ratio), width: (0, exports.remsToPixels)(border.width, ratio), widthApp: (0, exports.remsToPixels)(border.widthApp, ratio) });
@@ -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

@@ -170,6 +170,7 @@ export interface TCFont {
     fontSmoothing: string;
     letterSpacing: string;
     lineHeight: number | string;
+    lineHeights?: TCFontSizes;
     textTransform: string;
     url?: string;
     weight: string;
@@ -196,6 +197,7 @@ export interface TCFonts {
     body: TCFont;
     headings: TCFont;
     headline: TCFont;
+    lineHeights?: TCFontSizes;
     preface: TCFont;
     sizes: TCFontSizes;
 }

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

@@ -1,5 +1,8 @@
 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 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

@@ -80,12 +80,12 @@ var makeFont = function (font, sizes, ratio) {
 };
 var makeFonts = function (fonts, lineHeight, ratio) {
     var sizes = fontSizesToPixels(fonts.sizes, ratio);
-    var lineHeights = makeLineHeights(sizes, lineHeight, ratio);
+    var lineHeights = makeLineHeights(fonts.sizes, lineHeight, ratio);
     var headline = makeFont(fonts.headline, sizes, ratio);
     var headings = makeFont(fonts.headings, sizes, ratio);
     var body = makeFont(fonts.body, sizes, ratio);
     var preface = makeFont(fonts.preface, sizes, ratio);
-    return __assign(__assign({}, fonts), { headline: headline, headings: headings, body: body, preface: preface, sizes: sizes, lineHeights: lineHeights });
+    return { body: body, headings: headings, headline: headline, lineHeights: lineHeights, preface: preface, sizes: sizes };
 };
 var makeBorder = function (border, ratio) {
     return __assign(__assign({}, border), { radius: remsToPixels(border.radius, ratio), radiusSmall: remsToPixels(border.radiusSmall, ratio), width: remsToPixels(border.width, ratio), widthApp: remsToPixels(border.widthApp, ratio) });
@@ -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.3",
+  "version": "0.5.5",
   "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",