@cashub/ui 0.48.30 → 0.49.0-beta.1

package/styles/theme/ember.theme.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const colorStyle = {
+  colorWhite: '#ffffff',
+  colorDark: '#2A1416',
+  colorGrey: '#A38A8A',
+  colorPrimary: '#D9211E',
+  colorSuccess: '#3A86BD',
+  colorWarning: '#EAB308',
+  colorDanger: '#EC7084',
+  colorHover: 'rgba(217, 33, 30, 0.1)',
+  colorActive: 'rgba(217, 33, 30, 0.15)',
+  scrollBarColor: 'rgba(217, 33, 30, 0.3)',
+  bgColor1: '#FAF5F5',
+  bgColor2: '#FFFFFF',
+  bgColor3: '#F3E9E9',
+  bgColor4: 'linear-gradient(90deg, #E62B27 0%, #D9211E 45%, #C60E27 100%)',
+  backdropBg: 'rgba(0, 0, 0, 0.75)',
+  useModernIcons: true,
+  useLightBrand: true,
+  bgMainKey: 'vivid',
+  colorHoverSidebar: 'rgba(255, 255, 255, 0.15)',
+  colorActiveSidebar: 'rgba(255, 255, 255, 0.22)',
+  colorTextSidebar: '#FFFFFF',
+  colorIconHeader: '#FFFFFF',
+  colorArrowSidebar: '#FFFFFF'
+};
+const fontStyle = {
+  fontH1: '2.25rem',
+  fontH2: '1.5rem',
+  fontH3: '1.25rem',
+  fontBody1: '1rem',
+  fontBody2: '0.875rem',
+  fontButton: '0.875rem',
+  fontCaption: '0.75rem',
+  fontFamily: 'Helvetica',
+  fontWeightNormal: '400',
+  fontWeightBold: 'bold',
+  fontOnPrimary: colorStyle.colorWhite,
+  fontOnSuccess: colorStyle.colorWhite,
+  fontOnWarning: colorStyle.colorDark,
+  fontOnDanger: colorStyle.colorWhite,
+  fontOnBg: colorStyle.colorDark,
+  fontMutedColor: 'rgba(42, 20, 22, 0.6)'
+};
+const emberTheme = {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
+    boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
+    borderColor: colorStyle.colorGrey,
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
+    borderWidth: '1px',
+    borderRadiusS: '0.5rem',
+    borderRadius: '1rem',
+    borderRadiusL: '2rem',
+    borderRadiusRound: '50%',
+    spacerXS: '0.5rem',
+    spacerS: '1rem',
+    spacer: '1.5rem',
+    spacerL: '2rem'
+  },
+  tablet: {
+    ...fontStyle,
+    ...colorStyle,
+    boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
+    borderColor: colorStyle.colorGrey,
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
+    borderWidth: '1px',
+    borderRadiusS: '0.5rem',
+    borderRadius: '1rem',
+    borderRadiusL: '2rem',
+    borderRadiusRound: '50%',
+    spacerXS: '0.5rem',
+    spacerS: '0.75rem',
+    spacer: '1rem',
+    spacerL: '1.25rem'
+  },
+  mobile: {
+    ...fontStyle,
+    ...colorStyle,
+    boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
+    borderColor: colorStyle.colorGrey,
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
+    borderWidth: '1px',
+    borderRadiusS: '0.5rem',
+    borderRadius: '1rem',
+    borderRadiusL: '2rem',
+    borderRadiusRound: '50%',
+    spacerXS: '0.5rem',
+    spacerS: '0.75rem',
+    spacer: '1rem',
+    spacerL: '1.25rem'
+  }
+};
+var _default = exports.default = emberTheme;

package/styles/theme/light.theme.js

@@ -20,6 +20,7 @@ const colorStyle = {
   bgColor1: '#F0ECFF',
   bgColor2: '#F8F4FF',
   bgColor3: '#E6E1FF',
+  bgColor4: '#F8F4FF',
   backdropBg: 'rgba(0, 0, 0, 0.75)'
 };
 

package/styles/theme/midnight.theme.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const colorStyle = {
+  colorWhite: '#ffffff',
+  colorDark: '#1F2430',
+  colorGrey: '#8A8FA3',
+  colorPrimary: '#00255B',
+  colorSuccess: '#1DA57A',
+  colorWarning: '#F2994A',
+  colorDanger: '#E5484D',
+  colorHover: 'rgba(0, 37, 91, 0.1)',
+  colorActive: 'rgba(0, 37, 91, 0.15)',
+  scrollBarColor: 'rgba(0, 37, 91, 0.3)',
+  bgColor1: '#F5F6F8',
+  bgColor2: '#FFFFFF',
+  bgColor3: '#EDEFF3',
+  bgColor4: '#00255B',
+  backdropBg: 'rgba(0, 0, 0, 0.75)',
+  useModernIcons: false,
+  useLightBrand: true,
+  colorHoverSidebar: 'rgba(255, 255, 255, 0.12)',
+  colorActiveSidebar: 'rgba(255, 255, 255, 0.18)',
+  colorTextSidebar: '#FFFFFF',
+  colorIconHeader: '#FFFFFF',
+  colorArrowSidebar: '#FFFFFF'
+};
+const fontStyle = {
+  fontH1: '2.25rem',
+  fontH2: '1.5rem',
+  fontH3: '1.25rem',
+  fontBody1: '1rem',
+  fontBody2: '0.875rem',
+  fontButton: '0.875rem',
+  fontCaption: '0.75rem',
+  fontFamily: 'Helvetica',
+  fontWeightNormal: '400',
+  fontWeightBold: 'bold',
+  fontOnPrimary: colorStyle.colorWhite,
+  fontOnSuccess: colorStyle.colorWhite,
+  fontOnWarning: colorStyle.colorDark,
+  fontOnDanger: colorStyle.colorWhite,
+  fontOnBg: colorStyle.colorDark,
+  fontMutedColor: 'rgba(31, 36, 48, 0.6)'
+};
+const midnightTheme = {
+  desktop: {
+    ...fontStyle,
+    ...colorStyle,
+    boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
+    borderColor: colorStyle.colorGrey,
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
+    borderWidth: '1px',
+    borderRadiusS: '0.5rem',
+    borderRadius: '1rem',
+    borderRadiusL: '2rem',
+    borderRadiusRound: '50%',
+    spacerXS: '0.5rem',
+    spacerS: '1rem',
+    spacer: '1.5rem',
+    spacerL: '2rem'
+  },
+  tablet: {
+    ...fontStyle,
+    ...colorStyle,
+    boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
+    borderColor: colorStyle.colorGrey,
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
+    borderWidth: '1px',
+    borderRadiusS: '0.5rem',
+    borderRadius: '1rem',
+    borderRadiusL: '2rem',
+    borderRadiusRound: '50%',
+    spacerXS: '0.5rem',
+    spacerS: '0.75rem',
+    spacer: '1rem',
+    spacerL: '1.25rem'
+  },
+  mobile: {
+    ...fontStyle,
+    ...colorStyle,
+    boxShadow: '0px 0px 8px rgba(91, 95, 111, 0.5)',
+    borderColor: colorStyle.colorGrey,
+    borderColorTransparent: `${colorStyle.colorGrey}80`,
+    borderWidth: '1px',
+    borderRadiusS: '0.5rem',
+    borderRadius: '1rem',
+    borderRadiusL: '2rem',
+    borderRadiusRound: '50%',
+    spacerXS: '0.5rem',
+    spacerS: '0.75rem',
+    spacer: '1rem',
+    spacerL: '1.25rem'
+  }
+};
+var _default = exports.default = midnightTheme;

package/styles/theme/white.theme.js

@@ -20,7 +20,12 @@ const colorStyle = {
   bgColor1: '#EEEEEE',
   bgColor2: '#F7F7F7',
   bgColor3: '#FFFFFF',
-  backdropBg: 'rgba(0, 0, 0, 0.75)'
+  bgColor4: '#F7F7F7',
+  backdropBg: 'rgba(0, 0, 0, 0.75)',
+  useModernIcons: false,
+  useLightBrand: false,
+  hideMainDecoration: false,
+  bgMainKey: 'default'
 };
 
 // Common font style

package/styles/themes.js

@@ -7,10 +7,14 @@ exports.default = void 0;
 var _white = _interopRequireDefault(require("./theme/white.theme"));
 var _light = _interopRequireDefault(require("./theme/light.theme"));
 var _dark = _interopRequireDefault(require("./theme/dark.theme"));
+var _midnight = _interopRequireDefault(require("./theme/midnight.theme"));
+var _ember = _interopRequireDefault(require("./theme/ember.theme"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const themes = {
   White: _white.default,
   Light: _light.default,
-  Dark: _dark.default
+  Dark: _dark.default,
+  Midnight: _midnight.default,
+  Ember: _ember.default
 };
 var _default = exports.default = themes;