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

@xstyled/system

Package Overview
Dependencies
Maintainers
1
Versions
64
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@xstyled/system - npm Package Compare versions

Comparing version 2.1.0 to 2.2.0

11

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log

# [2.2.0](https://github.com/gregberge/xstyled/tree/master/packages/system/compare/v2.1.0...v2.2.0) (2021-01-18)
### Features
* **typings:** type of colors object being more specific ([#174](https://github.com/gregberge/xstyled/tree/master/packages/system/issues/174)) ([379e54d](https://github.com/gregberge/xstyled/tree/master/packages/system/commit/379e54d0bdb53a71dc013171aa0ebe8bf60af363))
# [2.1.0](https://github.com/gregberge/xstyled/tree/master/packages/system/compare/v2.0.0...v2.1.0) (2021-01-11)

@@ -8,0 +19,0 @@

8

dist/styles/units.d.ts
export declare type PxGetter = number | string;
export declare const getPx: import("..").ThemeGetter<string | number>;
export declare const getPx: import("..").ThemeGetter<PxGetter>;
export declare type DurationGetter = number | string;
export declare const getDuration: import("..").ThemeGetter<string | number>;
export declare const getDuration: import("..").ThemeGetter<PxGetter>;
export declare type AngleGetter = number | string;
export declare const getAngle: import("..").ThemeGetter<string | number>;
export declare const getAngle: import("..").ThemeGetter<PxGetter>;
export declare type PercentGetter = number | string;
export declare const getPercent: import("..").ThemeGetter<string | number>;
export declare const getPercent: import("..").ThemeGetter<PxGetter>;

@@ -1548,3 +1548,3 @@ import { num, string, getThemeValue, is, negative, warn, merge, assign, func, obj, identity } from '@xstyled/util';

return Object.keys(colors).reduce(function (obj, key) {
var alphaColors = Object.keys(colors).reduce(function (obj, key) {
variants.forEach(function (i) {

@@ -1555,2 +1555,3 @@ obj[key + "-a" + i] = transform(colors[key], key, i);

}, _extends({}, colors));
return alphaColors;
}

@@ -1557,0 +1558,0 @@

import { IProps } from './types';
export declare function generateHexAlphaVariants(colors: Record<string, string>, variants?: number[]): Record<string, string>;
declare type ColorsGuard = Record<string, string>;
declare type AlphaVariants = number[];
declare const defaultAlphaVariants: readonly [0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100];
declare type DefaultAlphaVariants = typeof defaultAlphaVariants;
export declare function generateHexAlphaVariants<T extends ColorsGuard, U extends AlphaVariants | DefaultAlphaVariants = DefaultAlphaVariants>(colors: T, variants?: U): { [key in keyof T]: string; } & { [key_1 in `${Extract<keyof T, string>}-a${U[number]}`]: string; };
export declare function aliasColor(alias: string, color: string, tones?: number[], variants?: number[]): Record<string, (props: IProps) => unknown>;
export {};
{
"name": "@xstyled/system",
"description": "xstyled system utilities.",
"version": "2.1.0",
"version": "2.2.0",
"keywords": [

@@ -37,5 +37,5 @@ "emotion",

"@xstyled/util": "^2.0.0",
"csstype": "^3.0.3 "
"csstype": "^3.0.6"
},
"gitHead": "31de7ffb7b8f435ad922106a7e590f1136e54664"
"gitHead": "78bfb473087c21abbf5280ae886918914799e7cd"
}

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

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