Socket
Socket
Sign inDemoInstall

styled-system

Package Overview
Dependencies
Maintainers
2
Versions
149
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

styled-system - npm Package Compare versions

Comparing version 5.0.14 to 5.0.15

91

dist/index.esm.js

@@ -1,2 +0,11 @@

import { createStyleFunction, createParser } from '@styled-system/core';
import { createStyleFunction, createParser } from '@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';

@@ -14,13 +23,73 @@ export { margin, padding, space } from '@styled-system/space';

export { default as boxShadow, default as textShadow } from '@styled-system/shadow';
export { variant, buttonStyle, textStyle, colorStyle } from '@styled-system/variant'; // v4 api shims
export { variant, buttonStyle, textStyle, colorStyle } from '@styled-system/variant';
var width = layout.width,
height = layout.height,
minWidth = layout.minWidth,
minHeight = layout.minHeight,
maxWidth = layout.maxWidth,
maxHeight = layout.maxHeight,
size = layout.size,
verticalAlign = layout.verticalAlign,
display = layout.display,
overflow = layout.overflow;
var opacity = color.opacity;
var fontSize = typography.fontSize,
fontFamily = typography.fontFamily,
fontWeight = typography.fontWeight,
lineHeight = typography.lineHeight,
textAlign = typography.textAlign,
fontStyle = typography.fontStyle,
letterSpacing = typography.letterSpacing;
var alignItems = flexbox.alignItems,
alignContent = flexbox.alignContent,
justifyItems = flexbox.justifyItems,
justifyContent = flexbox.justifyContent,
flexWrap = flexbox.flexWrap,
flexDirection = flexbox.flexDirection,
flex = flexbox.flex,
flexGrow = flexbox.flexGrow,
flexShrink = flexbox.flexShrink,
flexBasis = flexbox.flexBasis,
justifySelf = flexbox.justifySelf,
alignSelf = flexbox.alignSelf,
order = flexbox.order;
var gridGap = grid.gridGap,
gridColumnGap = grid.gridColumnGap,
gridRowGap = grid.gridRowGap,
gridColumn = grid.gridColumn,
gridRow = grid.gridRow,
gridAutoFlow = grid.gridAutoFlow,
gridAutoColumns = grid.gridAutoColumns,
gridAutoRows = grid.gridAutoRows,
gridTemplateColumns = grid.gridTemplateColumns,
gridTemplateRows = grid.gridTemplateRows,
gridTemplateAreas = grid.gridTemplateAreas,
gridArea = grid.gridArea;
var borderWidth = border.borderWidth,
borderStyle = border.borderStyle,
borderColor = border.borderColor,
borderTop = border.borderTop,
borderRight = border.borderRight,
borderBottom = border.borderBottom,
borderLeft = border.borderLeft,
borderRadius = border.borderRadius;
var backgroundImage = background.backgroundImage,
backgroundSize = background.backgroundSize,
backgroundPosition = background.backgroundPosition,
backgroundRepeat = background.backgroundRepeat;
var zIndex = position.zIndex,
top = position.top,
right = position.right,
bottom = position.bottom,
left = position.left;
export { default as borders } from '@styled-system/border';
export { width, height, minWidth, minHeight, maxWidth, maxHeight, size, verticalAlign, display, overflow, // color
opacity, // typography
fontSize, fontFamily, fontWeight, lineHeight, textAlign, fontStyle, letterSpacing, // flexbox
alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexDirection, flex, flexGrow, flexShrink, flexBasis, justifySelf, alignSelf, order, // grid
gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea, // border
borderWidth, borderStyle, borderColor, borderTop, borderRight, borderBottom, borderLeft, borderRadius, // background
backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat, // position
zIndex, top, right, bottom, left }; // v4 style API shim
export { default as width, default as height, default as minWidth, default as minHeight, default as maxWidth, default as maxHeight, default as size, default as verticalAlign, default as display, default as overflow } from '@styled-system/layout';
export { default as opacity } from '@styled-system/color';
export { default as fontSize, default as fontFamily, default as fontWeight, default as lineHeight, default as textAlign, default as fontStyle, default as letterSpacing } from '@styled-system/typography';
export { default as alignItems, default as alignContent, default as justifyItems, default as justifyContent, default as flexWrap, default as flexDirection, default as flex, default as flexGrow, default as flexShrink, default as flexBasis, default as justifySelf, default as alignSelf, default as order } from '@styled-system/flexbox';
export { default as gridGap, default as gridColumnGap, default as gridRowGap, default as gridColumn, default as gridRow, default as gridAutoFlow, default as gridAutoColumns, default as gridAutoRows, default as gridTemplateColumns, default as gridTemplateRows, default as gridTemplateAreas, default as gridArea } from '@styled-system/grid';
export { default as borderWidth, default as borderStyle, default as borderColor, default as borderTop, default as borderRight, default as borderBottom, default as borderLeft, default as borderRadius, default as borders } from '@styled-system/border';
export { default as backgroundImage, default as backgroundSize, default as backgroundPosition, default as backgroundRepeat } from '@styled-system/background';
export { default as zIndex, default as top, default as right, default as bottom, default as left } from '@styled-system/position'; // v4 style API shim
export var style = function style(_ref) {

@@ -27,0 +96,0 @@ var prop = _ref.prop,

203

dist/index.js
"use strict";
exports.__esModule = true;
exports.style = exports.colorStyle = exports.textStyle = exports.buttonStyle = exports.variant = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.backgroundRepeat = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.borders = exports.borderRadius = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.borderColor = exports.borderStyle = exports.borderWidth = exports.gridArea = exports.gridTemplateAreas = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridAutoRows = exports.gridAutoColumns = exports.gridAutoFlow = exports.gridRow = exports.gridColumn = exports.gridRowGap = exports.gridColumnGap = exports.gridGap = exports.order = exports.alignSelf = exports.justifySelf = exports.flexBasis = exports.flexShrink = exports.flexGrow = exports.flex = exports.flexDirection = exports.flexWrap = exports.justifyContent = exports.justifyItems = exports.alignContent = exports.alignItems = exports.letterSpacing = exports.fontStyle = exports.textAlign = exports.lineHeight = exports.fontWeight = exports.fontFamily = exports.fontSize = exports.opacity = exports.overflow = exports.display = exports.verticalAlign = exports.size = exports.maxHeight = exports.maxWidth = exports.minHeight = exports.minWidth = exports.height = exports.width = exports.textShadow = exports.boxShadow = exports.shadow = exports.grid = exports.position = exports.background = exports.border = exports.flexbox = exports.typography = exports.layout = exports.color = exports.space = exports.padding = exports.margin = exports.system = exports.compose = exports.get = void 0;
exports.style = exports.left = exports.bottom = exports.right = exports.top = exports.zIndex = exports.backgroundRepeat = exports.backgroundPosition = exports.backgroundSize = exports.backgroundImage = exports.borderRadius = exports.borderLeft = exports.borderBottom = exports.borderRight = exports.borderTop = exports.borderColor = exports.borderStyle = exports.borderWidth = exports.gridArea = exports.gridTemplateAreas = exports.gridTemplateRows = exports.gridTemplateColumns = exports.gridAutoRows = exports.gridAutoColumns = exports.gridAutoFlow = exports.gridRow = exports.gridColumn = exports.gridRowGap = exports.gridColumnGap = exports.gridGap = exports.order = exports.alignSelf = exports.justifySelf = exports.flexBasis = exports.flexShrink = exports.flexGrow = exports.flex = exports.flexDirection = exports.flexWrap = exports.justifyContent = exports.justifyItems = exports.alignContent = exports.alignItems = exports.letterSpacing = exports.fontStyle = exports.textAlign = exports.lineHeight = exports.fontWeight = exports.fontFamily = exports.fontSize = exports.opacity = exports.overflow = exports.display = exports.verticalAlign = exports.size = exports.maxHeight = exports.maxWidth = exports.minHeight = exports.minWidth = exports.height = exports.width = exports.colorStyle = exports.textStyle = exports.buttonStyle = exports.variant = exports.borders = exports.textShadow = exports.boxShadow = exports.shadow = exports.space = exports.padding = exports.margin = exports.system = exports.compose = exports.get = void 0;

@@ -14,7 +14,5 @@ var _core = require("@styled-system/core");

var _space = require("@styled-system/space");
var _layout = _interopRequireWildcard(require("@styled-system/layout"));
exports.margin = _space.margin;
exports.padding = _space.padding;
exports.space = _space.space;
exports.layout = _layout.layout;

@@ -24,28 +22,6 @@ var _color = _interopRequireWildcard(require("@styled-system/color"));

exports.color = _color.color;
exports.opacity = _color["default"];
var _layout = _interopRequireWildcard(require("@styled-system/layout"));
exports.layout = _layout.layout;
exports.width = _layout["default"];
exports.height = _layout["default"];
exports.minWidth = _layout["default"];
exports.minHeight = _layout["default"];
exports.maxWidth = _layout["default"];
exports.maxHeight = _layout["default"];
exports.size = _layout["default"];
exports.verticalAlign = _layout["default"];
exports.display = _layout["default"];
exports.overflow = _layout["default"];
var _typography = _interopRequireWildcard(require("@styled-system/typography"));
exports.typography = _typography.typography;
exports.fontSize = _typography["default"];
exports.fontFamily = _typography["default"];
exports.fontWeight = _typography["default"];
exports.lineHeight = _typography["default"];
exports.textAlign = _typography["default"];
exports.fontStyle = _typography["default"];
exports.letterSpacing = _typography["default"];

@@ -55,27 +31,10 @@ var _flexbox = _interopRequireWildcard(require("@styled-system/flexbox"));

exports.flexbox = _flexbox.flexbox;
exports.alignItems = _flexbox["default"];
exports.alignContent = _flexbox["default"];
exports.justifyItems = _flexbox["default"];
exports.justifyContent = _flexbox["default"];
exports.flexWrap = _flexbox["default"];
exports.flexDirection = _flexbox["default"];
exports.flex = _flexbox["default"];
exports.flexGrow = _flexbox["default"];
exports.flexShrink = _flexbox["default"];
exports.flexBasis = _flexbox["default"];
exports.justifySelf = _flexbox["default"];
exports.alignSelf = _flexbox["default"];
exports.order = _flexbox["default"];
var _grid = _interopRequireWildcard(require("@styled-system/grid"));
exports.grid = _grid.grid;
var _border = _interopRequireWildcard(require("@styled-system/border"));
exports.border = _border.border;
exports.borderWidth = _border["default"];
exports.borderStyle = _border["default"];
exports.borderColor = _border["default"];
exports.borderTop = _border["default"];
exports.borderRight = _border["default"];
exports.borderBottom = _border["default"];
exports.borderLeft = _border["default"];
exports.borderRadius = _border["default"];
exports.borders = _border["default"];

@@ -86,6 +45,2 @@

exports.background = _background.background;
exports.backgroundImage = _background["default"];
exports.backgroundSize = _background["default"];
exports.backgroundPosition = _background["default"];
exports.backgroundRepeat = _background["default"];

@@ -95,23 +50,8 @@ var _position = _interopRequireWildcard(require("@styled-system/position"));

exports.position = _position.position;
exports.zIndex = _position["default"];
exports.top = _position["default"];
exports.right = _position["default"];
exports.bottom = _position["default"];
exports.left = _position["default"];
var _grid = _interopRequireWildcard(require("@styled-system/grid"));
var _space = require("@styled-system/space");
exports.grid = _grid.grid;
exports.gridGap = _grid["default"];
exports.gridColumnGap = _grid["default"];
exports.gridRowGap = _grid["default"];
exports.gridColumn = _grid["default"];
exports.gridRow = _grid["default"];
exports.gridAutoFlow = _grid["default"];
exports.gridAutoColumns = _grid["default"];
exports.gridAutoRows = _grid["default"];
exports.gridTemplateColumns = _grid["default"];
exports.gridTemplateRows = _grid["default"];
exports.gridTemplateAreas = _grid["default"];
exports.gridArea = _grid["default"];
exports.margin = _space.margin;
exports.padding = _space.padding;
exports.space = _space.space;

@@ -134,2 +74,123 @@ var _shadow = _interopRequireWildcard(require("@styled-system/shadow"));

// v4 api shims
var width = _layout["default"].width,
height = _layout["default"].height,
minWidth = _layout["default"].minWidth,
minHeight = _layout["default"].minHeight,
maxWidth = _layout["default"].maxWidth,
maxHeight = _layout["default"].maxHeight,
size = _layout["default"].size,
verticalAlign = _layout["default"].verticalAlign,
display = _layout["default"].display,
overflow = _layout["default"].overflow;
exports.overflow = overflow;
exports.display = display;
exports.verticalAlign = verticalAlign;
exports.size = size;
exports.maxHeight = maxHeight;
exports.maxWidth = maxWidth;
exports.minHeight = minHeight;
exports.minWidth = minWidth;
exports.height = height;
exports.width = width;
var opacity = _color["default"].opacity;
exports.opacity = opacity;
var fontSize = _typography["default"].fontSize,
fontFamily = _typography["default"].fontFamily,
fontWeight = _typography["default"].fontWeight,
lineHeight = _typography["default"].lineHeight,
textAlign = _typography["default"].textAlign,
fontStyle = _typography["default"].fontStyle,
letterSpacing = _typography["default"].letterSpacing;
exports.letterSpacing = letterSpacing;
exports.fontStyle = fontStyle;
exports.textAlign = textAlign;
exports.lineHeight = lineHeight;
exports.fontWeight = fontWeight;
exports.fontFamily = fontFamily;
exports.fontSize = fontSize;
var alignItems = _flexbox["default"].alignItems,
alignContent = _flexbox["default"].alignContent,
justifyItems = _flexbox["default"].justifyItems,
justifyContent = _flexbox["default"].justifyContent,
flexWrap = _flexbox["default"].flexWrap,
flexDirection = _flexbox["default"].flexDirection,
flex = _flexbox["default"].flex,
flexGrow = _flexbox["default"].flexGrow,
flexShrink = _flexbox["default"].flexShrink,
flexBasis = _flexbox["default"].flexBasis,
justifySelf = _flexbox["default"].justifySelf,
alignSelf = _flexbox["default"].alignSelf,
order = _flexbox["default"].order;
exports.order = order;
exports.alignSelf = alignSelf;
exports.justifySelf = justifySelf;
exports.flexBasis = flexBasis;
exports.flexShrink = flexShrink;
exports.flexGrow = flexGrow;
exports.flex = flex;
exports.flexDirection = flexDirection;
exports.flexWrap = flexWrap;
exports.justifyContent = justifyContent;
exports.justifyItems = justifyItems;
exports.alignContent = alignContent;
exports.alignItems = alignItems;
var gridGap = _grid["default"].gridGap,
gridColumnGap = _grid["default"].gridColumnGap,
gridRowGap = _grid["default"].gridRowGap,
gridColumn = _grid["default"].gridColumn,
gridRow = _grid["default"].gridRow,
gridAutoFlow = _grid["default"].gridAutoFlow,
gridAutoColumns = _grid["default"].gridAutoColumns,
gridAutoRows = _grid["default"].gridAutoRows,
gridTemplateColumns = _grid["default"].gridTemplateColumns,
gridTemplateRows = _grid["default"].gridTemplateRows,
gridTemplateAreas = _grid["default"].gridTemplateAreas,
gridArea = _grid["default"].gridArea;
exports.gridArea = gridArea;
exports.gridTemplateAreas = gridTemplateAreas;
exports.gridTemplateRows = gridTemplateRows;
exports.gridTemplateColumns = gridTemplateColumns;
exports.gridAutoRows = gridAutoRows;
exports.gridAutoColumns = gridAutoColumns;
exports.gridAutoFlow = gridAutoFlow;
exports.gridRow = gridRow;
exports.gridColumn = gridColumn;
exports.gridRowGap = gridRowGap;
exports.gridColumnGap = gridColumnGap;
exports.gridGap = gridGap;
var borderWidth = _border["default"].borderWidth,
borderStyle = _border["default"].borderStyle,
borderColor = _border["default"].borderColor,
borderTop = _border["default"].borderTop,
borderRight = _border["default"].borderRight,
borderBottom = _border["default"].borderBottom,
borderLeft = _border["default"].borderLeft,
borderRadius = _border["default"].borderRadius;
exports.borderRadius = borderRadius;
exports.borderLeft = borderLeft;
exports.borderBottom = borderBottom;
exports.borderRight = borderRight;
exports.borderTop = borderTop;
exports.borderColor = borderColor;
exports.borderStyle = borderStyle;
exports.borderWidth = borderWidth;
var backgroundImage = _background["default"].backgroundImage,
backgroundSize = _background["default"].backgroundSize,
backgroundPosition = _background["default"].backgroundPosition,
backgroundRepeat = _background["default"].backgroundRepeat;
exports.backgroundRepeat = backgroundRepeat;
exports.backgroundPosition = backgroundPosition;
exports.backgroundSize = backgroundSize;
exports.backgroundImage = backgroundImage;
var zIndex = _position["default"].zIndex,
top = _position["default"].top,
right = _position["default"].right,
bottom = _position["default"].bottom,
left = _position["default"].left;
exports.left = left;
exports.bottom = bottom;
exports.right = right;
exports.top = top;
exports.zIndex = zIndex;
// v4 style API shim

@@ -136,0 +197,0 @@ var style = function style(_ref) {

28

package.json
{
"name": "styled-system",
"version": "5.0.14",
"version": "5.0.15",
"description": "Responsive, theme-based style props for building design systems with React",

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

"dependencies": {
"@styled-system/background": "^5.0.12",
"@styled-system/border": "^5.0.12",
"@styled-system/color": "^5.0.12",
"@styled-system/core": "^5.0.12",
"@styled-system/flexbox": "^5.0.12",
"@styled-system/grid": "^5.0.12",
"@styled-system/layout": "^5.0.12",
"@styled-system/position": "^5.0.14",
"@styled-system/shadow": "^5.0.12",
"@styled-system/space": "^5.0.12",
"@styled-system/typography": "^5.0.12",
"@styled-system/variant": "^5.0.12",
"@styled-system/background": "^5.0.15",
"@styled-system/border": "^5.0.15",
"@styled-system/color": "^5.0.15",
"@styled-system/core": "^5.0.15",
"@styled-system/flexbox": "^5.0.15",
"@styled-system/grid": "^5.0.15",
"@styled-system/layout": "^5.0.15",
"@styled-system/position": "^5.0.15",
"@styled-system/shadow": "^5.0.15",
"@styled-system/space": "^5.0.15",
"@styled-system/typography": "^5.0.15",
"@styled-system/variant": "^5.0.15",
"object-assign": "^4.1.1"
},
"gitHead": "0a42765abf8d3183aa7b79b527118db86788eb90"
"gitHead": "b5a2fad93c1d8a21e9669270167e750890249c46"
}
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