New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@class101/styled-system

Package Overview
Dependencies
Maintainers
17
Versions
9
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@class101/styled-system - npm Package Compare versions

Comparing version 5.3.0 to 5.3.1

46

dist/index.esm.js

@@ -1,24 +0,24 @@

import { createStyleFunction, createParser } from '@styled-system/core'; // v4 api shims
import { createStyleFunction, createParser } from '@class101/styled-system__core'; // v4 api shims
import layout from '@styled-system/layout';
import color from '@styled-system/color';
import typography from '@styled-system/typography';
import flexbox from '@styled-system/flexbox';
import grid from '@styled-system/grid';
import border from '@styled-system/border';
import background from '@styled-system/background';
import position from '@styled-system/position';
export { get, createParser, createStyleFunction, compose, system } from '@styled-system/core';
export { margin, padding, space } from '@styled-system/space';
export { color } from '@styled-system/color';
export { layout } from '@styled-system/layout';
export { typography } from '@styled-system/typography';
export { flexbox } from '@styled-system/flexbox';
export { border } from '@styled-system/border';
export { background } from '@styled-system/background';
export { position } from '@styled-system/position';
export { grid } from '@styled-system/grid';
export { shadow } from '@styled-system/shadow';
export { default as boxShadow, default as textShadow } from '@styled-system/shadow';
export { variant, buttonStyle, textStyle, colorStyle } from '@styled-system/variant';
import layout from '@class101/styled-system__layout';
import color from '@class101/styled-system__color';
import typography from '@class101/styled-system__typography';
import flexbox from '@class101/styled-system__flexbox';
import grid from '@class101/styled-system__grid';
import border from '@class101/styled-system__border';
import background from '@class101/styled-system__background';
import position from '@class101/styled-system__position';
export { get, createParser, createStyleFunction, compose, system } from '@class101/styled-system__core';
export { margin, padding, space } from '@class101/styled-system__space';
export { color } from '@class101/styled-system__color';
export { layout } from '@class101/styled-system__layout';
export { typography } from '@class101/styled-system__typography';
export { flexbox } from '@class101/styled-system__flexbox';
export { border } from '@class101/styled-system__border';
export { background } from '@class101/styled-system__background';
export { position } from '@class101/styled-system__position';
export { grid } from '@class101/styled-system__grid';
export { shadow } from '@class101/styled-system__shadow';
export { default as boxShadow, default as textShadow } from '@class101/styled-system__shadow';
export { variant, buttonStyle, textStyle, colorStyle } from '@class101/styled-system__variant';
var width = layout.width,

@@ -86,3 +86,3 @@ height = layout.height,

left = position.left;
export { default as borders } from '@styled-system/border';
export { default as borders } from '@class101/styled-system__border';
export { width, height, minWidth, minHeight, maxWidth, maxHeight, size, verticalAlign, display, overflow, overflowX, overflowY // color

@@ -89,0 +89,0 @@ , opacity // typography

26

dist/index.js

@@ -6,3 +6,3 @@ "use strict";

var _core = require("@styled-system/core");
var _core = require("@class101/styled-system__core");

@@ -15,23 +15,23 @@ exports.createStyleFunction = _core.createStyleFunction;

var _layout = _interopRequireWildcard(require("@styled-system/layout"));
var _layout = _interopRequireWildcard(require("@class101/styled-system__layout"));
exports.layout = _layout.layout;
var _color = _interopRequireWildcard(require("@styled-system/color"));
var _color = _interopRequireWildcard(require("@class101/styled-system__color"));
exports.color = _color.color;
var _typography = _interopRequireWildcard(require("@styled-system/typography"));
var _typography = _interopRequireWildcard(require("@class101/styled-system__typography"));
exports.typography = _typography.typography;
var _flexbox = _interopRequireWildcard(require("@styled-system/flexbox"));
var _flexbox = _interopRequireWildcard(require("@class101/styled-system__flexbox"));
exports.flexbox = _flexbox.flexbox;
var _grid = _interopRequireWildcard(require("@styled-system/grid"));
var _grid = _interopRequireWildcard(require("@class101/styled-system__grid"));
exports.grid = _grid.grid;
var _border = _interopRequireWildcard(require("@styled-system/border"));
var _border = _interopRequireWildcard(require("@class101/styled-system__border"));

@@ -41,11 +41,11 @@ exports.border = _border.border;

var _background = _interopRequireWildcard(require("@styled-system/background"));
var _background = _interopRequireWildcard(require("@class101/styled-system__background"));
exports.background = _background.background;
var _position = _interopRequireWildcard(require("@styled-system/position"));
var _position = _interopRequireWildcard(require("@class101/styled-system__position"));
exports.position = _position.position;
var _space = require("@styled-system/space");
var _space = require("@class101/styled-system__space");

@@ -56,3 +56,3 @@ exports.margin = _space.margin;

var _shadow = _interopRequireWildcard(require("@styled-system/shadow"));
var _shadow = _interopRequireWildcard(require("@class101/styled-system__shadow"));

@@ -63,3 +63,3 @@ exports.shadow = _shadow.shadow;

var _variant = require("@styled-system/variant");
var _variant = require("@class101/styled-system__variant");

@@ -223,2 +223,2 @@ exports.variant = _variant.variant;

exports.style = style;
exports.style = style;

26

package.json
{
"name": "@class101/styled-system",
"version": "5.3.0",
"version": "5.3.1",
"description": "Responsive, theme-based style props for building design systems with React",

@@ -17,14 +17,14 @@ "main": "dist/index.js",

"dependencies": {
"@styled-system/background": "^5.1.2",
"@styled-system/border": "^5.1.5",
"@styled-system/color": "^5.1.2",
"@class101/styled-system__core": "^5.3.0",
"@styled-system/flexbox": "^5.1.2",
"@styled-system/grid": "^5.1.2",
"@styled-system/layout": "^5.1.2",
"@styled-system/position": "^5.1.2",
"@styled-system/shadow": "^5.1.2",
"@styled-system/space": "^5.1.2",
"@styled-system/typography": "^5.1.2",
"@styled-system/variant": "^5.1.5",
"@class101/styled-system__background": "^5.3.1",
"@class101/styled-system__border": "^5.3.1",
"@class101/styled-system__color": "^5.3.1",
"@class101/styled-system__core": "^5.3.1",
"@class101/styled-system__flexbox": "^5.3.1",
"@class101/styled-system__grid": "^5.3.1",
"@class101/styled-system__layout": "^5.3.1",
"@class101/styled-system__position": "^5.3.1",
"@class101/styled-system__shadow": "^5.3.1",
"@class101/styled-system__space": "^5.3.1",
"@class101/styled-system__typography": "^5.3.1",
"@class101/styled-system__variant": "^5.3.1",
"csstype": "^3.0.2"

@@ -31,0 +31,0 @@ },

2

README.md

@@ -172,3 +172,3 @@ <img src='https://styled-system.com/logo.svg' width='128' height='128' />

- [Guides](https://styled-system.com/guides)
- [@styled-system/css](https://styled-system.com/css)
- [@class101/styled-system__css](https://styled-system.com/css)

@@ -175,0 +175,0 @@ ---

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc