@rebilly/instruments 1.0.1-beta → 1.0.2-beta.10

package/src/styles/flat-theme-object.js

@@ -1,12 +0,0 @@
-export function flatThemeObject(obj) {
-  return Object.entries(obj).reduce((acc, [key, val]) => {
-    const isObject = typeof val === 'object';
-    if (isObject) {
-      return { ...acc, ...flatThemeObject(val)};
-    }
-    return {
-      [key]: val,
-      ...acc,
-    }
-  }, {});
-}

package/src/styles/framepay.js

@@ -1,30 +0,0 @@
-import { getMutedColor } from './shade-tint-values-helper';
-
-export const FRAMEPAY_STYLE = (STYLES_VARIABLES) => {
-  const textColorMuted = getMutedColor(STYLES_VARIABLES.text, STYLES_VARIABLES.background);
-
-  return `
-    .rebilly-instruments-framepay-wrapper .rebilly-framepay {
-      box-shadow: none; 
-      min-height: ${STYLES_VARIABLES.formElementMinHeight};
-      border: 1px solid ${textColorMuted[5].hexString()};
-      margin-bottom: 0;
-    }
-
-    .rebilly-instruments-framepay-wrapper .rebilly-framepay.rebilly-framepay-digital-wallet {
-      min-height: auto;
-      border: none;
-      margin: 0;
-    }
-
-    .rebilly-instruments-framepay-wrapper .rebilly-framepay.rebilly-framepay-focus {
-      border: 1px solid ${STYLES_VARIABLES.primary};
-      box-shadow: 0 0 0 1px ${STYLES_VARIABLES.primary};
-    }
-
-    .rebilly-instruments-framepay-wrapper .rebilly-framepay.rebilly-framepay-invalid {
-      border: 1px solid ${STYLES_VARIABLES.errorText};
-      box-shadow: none;
-    }
-  `;
-}

package/src/styles/main.js

@@ -1,17 +0,0 @@
-import { STYLES_VARIABLES } from './style-variables';
-import { BASE_STYLE } from './base-styles';
-import { PAYMENT_CARD_STYLE } from './payment-card';
-import { FRAMEPAY_STYLE } from './framepay';
-import { colorValues, getMutedColor } from './shade-tint-values-helper';
-
-export const MAIN_STYLE = (styleOverrides) => {
-  const STYLES = STYLES_VARIABLES(styleOverrides);
-  const primaryValues = colorValues(STYLES.primary);
-  const textColorMuted = getMutedColor(STYLES.text, STYLES.background);
-
-  return `
-    ${BASE_STYLE(STYLES, primaryValues, textColorMuted)}
-    ${PAYMENT_CARD_STYLE(STYLES)}
-    ${FRAMEPAY_STYLE(STYLES)}
-  `;
-};

package/src/styles/payment-card.js

@@ -1,18 +0,0 @@
-export const PAYMENT_CARD_STYLE = (STYLES_VARIABLES) => `
-  .rebilly-instruments-payment-card-brands {
-    display: inline-flex;
-    width: 100%;
-    justify-content: flex-end;
-    margin-top: ${STYLES_VARIABLES.spaceS} 
-  }
-
-  .rebilly-instruments-payment-card-brands figure {
-    margin: 0 0 0 ${STYLES_VARIABLES.spaceXXS};
-    padding: 0;
-  }
-
-  .rebilly-instruments-payment-card-brands figure img {
-    width: 42px;
-    border-radius: ${STYLES_VARIABLES.borderRadius};
-  }
-`;

package/src/styles/shade-tint-values-helper.js

@@ -1,13 +0,0 @@
-import Values from 'values.js';
-
-export const colorValues = (color) => new Values(color);
-
-export function getMutedColor(color, background) {
-	const backgroundBrightness = new Values(background).getBrightness();
-	const values = new Values(color);
-
-	if (backgroundBrightness > 30) {
-		return values.tints();
-	}
-	return values.shades();
-}

package/src/styles/style-variables.js

@@ -1,34 +0,0 @@
-import { merge } from 'lodash';
-import { flatThemeObject } from "./flat-theme-object";
-
-export const STYLES_VARIABLES = (overrides = {}) => {
-  const flatOverrides = flatThemeObject(overrides);
-
-  const VARIABLES = {
-    // Base variables
-    fontFamily: 'Avenir, Helvetica, Arial, sans-serif',
-    background: '#ffffff',
-    primary: '#0044d4',
-    error: '#ffe4e1',
-    buttonText: '#ffffff',
-    errorText: '#cd5c5c',
-    text: '#0D2B3E',
-    fontSize: '16px',
-    fontSizeSmall: '12px',
-    lineHeight: '24px',
-    borderRadius: '4px',
-    formElementPadding: '8px 16px',
-    formElementVerticalPadding: '8px',
-    formElementHorizontalPadding: '16px',
-    formElementMinHeight: '44px',
-    spaceXXS: '4px',
-    spaceXS: '6px',
-    spaceS: '12px',
-    spaceM: '24px',
-    spaceL: '48px',
-    spaceXL: '96px',
-    spaceXXL: '112px',
-  }
-
-  return merge(VARIABLES, flatOverrides);
-};

package/src/utils/camel-case.js

@@ -1,3 +0,0 @@
-export default function camelCase(str) {
-  return str.toLowerCase().replace(/[\s|\-|_]\w/g, t => t.toUpperCase().trim());
-}

package/src/utils/kebab-case.js

@@ -1,3 +0,0 @@
-export default function kebabCase(str) {
-  return str.trim().toLowerCase().replace(/\s/g, '-');
-}

package/src/utils/un-kebab-case.js

@@ -1,3 +0,0 @@
-export default function unKebabCase(particle) {
-    return (particle || '').split('-').join(' ');
-}