Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@flexnative/theme-context

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@flexnative/theme-context - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

9

dist/constants.d.ts

@@ -5,3 +5,3 @@ /**

* @ Modified by: Redon Alla
* @ Modified time: 2024-11-08 20:44:49
* @ Modified time: 2024-11-20 21:55:25
* @ Description: Constants used for theming and styling in the application.

@@ -31,9 +31,2 @@ */

/**
* Represents the transparency level for the active state of a ghost element.
* The value is a string representing the percentage of transparency.
*
* @constant {string}
*/
export declare const GHOST_ACTIVE_TRANSPARENCY = "73";
/**
* Multiplier used to calculate vertical padding.

@@ -40,0 +33,0 @@ * This constant is used to adjust the vertical padding

@@ -5,3 +5,3 @@ /**

* @ Modified by: Redon Alla
* @ Modified time: 2024-11-08 20:44:49
* @ Modified time: 2024-11-20 21:55:25
* @ Description: Constants used for theming and styling in the application.

@@ -31,9 +31,2 @@ */

/**
* Represents the transparency level for the active state of a ghost element.
* The value is a string representing the percentage of transparency.
*
* @constant {string}
*/
export const GHOST_ACTIVE_TRANSPARENCY = '73';
/**
* Multiplier used to calculate vertical padding.

@@ -40,0 +33,0 @@ * This constant is used to adjust the vertical padding

@@ -5,3 +5,3 @@ /**

* @ Modified by: Redon Alla
* @ Modified time: 2024-11-10 13:17:21
* @ Modified time: 2024-11-20 21:58:16
* @ Description: All props for ThemeContext and ThemeProvider.

@@ -89,3 +89,2 @@ */

* @property {string} metrics.ghostOpacity - Color opacity for components with 'ghost' appearance. Default is '40'.
* @property {string} metrics.ghostActiveOpacity - Color opacity for components with 'ghost' appearance in active state. Default is '73'.
* @property {number} metrics.verticalMultiplier - A constant multiplier for components vertical padding. Default is 0.6.

@@ -124,7 +123,2 @@ * @property {number} metrics.horizontalMultiplier - A constant multiplier for components horizontal padding. Default is 1.

ghostOpacity: string;
/**
* Color opacity for components with 'ghost' appearance in active sate.
* @default '73'
*/
ghostActiveOpacity: string;
/** A constant multiplayer for components vertical padding.

@@ -131,0 +125,0 @@ * @default 0.6

2

dist/props.js

@@ -5,3 +5,3 @@ /**

* @ Modified by: Redon Alla
* @ Modified time: 2024-11-10 13:17:21
* @ Modified time: 2024-11-20 21:58:16
* @ Description: All props for ThemeContext and ThemeProvider.

@@ -8,0 +8,0 @@ */

@@ -5,3 +5,3 @@ /**

* @ Modified by: Redon Alla
* @ Modified time: 2024-11-10 12:57:03
* @ Modified time: 2024-11-20 21:58:26
* @ Description: Utility functions for creating themes.

@@ -40,3 +40,2 @@ */

* @property {number} metrics.ghostOpacity - The opacity for ghost elements.
* @property {number} metrics.ghostActiveOpacity - The opacity for active ghost elements.
* @property {number} metrics.verticalMultiplier - The vertical padding multiplier.

@@ -43,0 +42,0 @@ * @property {number} metrics.horizontalMultiplier - The horizontal padding multiplier.

@@ -5,3 +5,3 @@ /**

* @ Modified by: Redon Alla
* @ Modified time: 2024-11-10 12:57:03
* @ Modified time: 2024-11-20 21:58:26
* @ Description: Utility functions for creating themes.

@@ -11,3 +11,3 @@ */

import { dark, light } from "./colors";
import { BASE_SIZE, BORDER_RADIUS, BORDER_WIDTH, DISABLED_OPACITY, FONT_SIZE, GHOST_ACTIVE_TRANSPARENCY, GHOST_TRANSPARENCY, PADDING_HORIZONTAL_MULTIPLIER, PADDING_VERTICAL_MULTIPLIER } from "./constants";
import { BASE_SIZE, BORDER_RADIUS, BORDER_WIDTH, DISABLED_OPACITY, FONT_SIZE, GHOST_TRANSPARENCY, PADDING_HORIZONTAL_MULTIPLIER, PADDING_VERTICAL_MULTIPLIER } from "./constants";
/**

@@ -39,3 +39,2 @@ * Returns the default color scheme based on the provided scheme name.

ghostOpacity: GHOST_TRANSPARENCY,
ghostActiveOpacity: GHOST_ACTIVE_TRANSPARENCY,
verticalMultiplier: PADDING_VERTICAL_MULTIPLIER,

@@ -62,3 +61,2 @@ horizontalMultiplier: PADDING_HORIZONTAL_MULTIPLIER

* @property {number} metrics.ghostOpacity - The opacity for ghost elements.
* @property {number} metrics.ghostActiveOpacity - The opacity for active ghost elements.
* @property {number} metrics.verticalMultiplier - The vertical padding multiplier.

@@ -79,3 +77,2 @@ * @property {number} metrics.horizontalMultiplier - The horizontal padding multiplier.

ghostOpacity: GHOST_TRANSPARENCY,
ghostActiveOpacity: GHOST_ACTIVE_TRANSPARENCY,
verticalMultiplier: PADDING_VERTICAL_MULTIPLIER,

@@ -82,0 +79,0 @@ horizontalMultiplier: PADDING_HORIZONTAL_MULTIPLIER

{
"name": "@flexnative/theme-context",
"version": "0.0.5",
"version": "0.0.6",
"description": "React ThemeContext",

@@ -16,3 +16,2 @@ "main": "dist/index.js",

"prepare": "npm run build",
"buildpack": "npm pack --pack-destination=dist/context",
"test": "echo \"Error: no test specified\" && exit 1"

@@ -19,0 +18,0 @@ },

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc