You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					218 lines
				
				9.8 KiB
			
		
		
			
		
	
	
					218 lines
				
				9.8 KiB
			| 
											3 years ago
										 | "use strict"; | ||
|  | 
 | ||
|  | exports.__esModule = true; | ||
|  | 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.overflowY = exports.overflowX = 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; | ||
|  | 
 | ||
|  | var _core = require("@styled-system/core"); | ||
|  | 
 | ||
|  | exports.createStyleFunction = _core.createStyleFunction; | ||
|  | exports.createParser = _core.createParser; | ||
|  | exports.get = _core.get; | ||
|  | exports.compose = _core.compose; | ||
|  | exports.system = _core.system; | ||
|  | 
 | ||
|  | var _layout = _interopRequireWildcard(require("@styled-system/layout")); | ||
|  | 
 | ||
|  | exports.layout = _layout.layout; | ||
|  | 
 | ||
|  | var _color = _interopRequireWildcard(require("@styled-system/color")); | ||
|  | 
 | ||
|  | exports.color = _color.color; | ||
|  | 
 | ||
|  | var _typography = _interopRequireWildcard(require("@styled-system/typography")); | ||
|  | 
 | ||
|  | exports.typography = _typography.typography; | ||
|  | 
 | ||
|  | var _flexbox = _interopRequireWildcard(require("@styled-system/flexbox")); | ||
|  | 
 | ||
|  | exports.flexbox = _flexbox.flexbox; | ||
|  | 
 | ||
|  | var _grid = _interopRequireWildcard(require("@styled-system/grid")); | ||
|  | 
 | ||
|  | exports.grid = _grid.grid; | ||
|  | 
 | ||
|  | var _border = _interopRequireWildcard(require("@styled-system/border")); | ||
|  | 
 | ||
|  | exports.border = _border.border; | ||
|  | exports.borders = _border["default"]; | ||
|  | 
 | ||
|  | var _background = _interopRequireWildcard(require("@styled-system/background")); | ||
|  | 
 | ||
|  | exports.background = _background.background; | ||
|  | 
 | ||
|  | var _position = _interopRequireWildcard(require("@styled-system/position")); | ||
|  | 
 | ||
|  | exports.position = _position.position; | ||
|  | 
 | ||
|  | var _space = require("@styled-system/space"); | ||
|  | 
 | ||
|  | exports.margin = _space.margin; | ||
|  | exports.padding = _space.padding; | ||
|  | exports.space = _space.space; | ||
|  | 
 | ||
|  | var _shadow = _interopRequireWildcard(require("@styled-system/shadow")); | ||
|  | 
 | ||
|  | exports.shadow = _shadow.shadow; | ||
|  | exports.boxShadow = _shadow["default"]; | ||
|  | exports.textShadow = _shadow["default"]; | ||
|  | 
 | ||
|  | var _variant = require("@styled-system/variant"); | ||
|  | 
 | ||
|  | exports.variant = _variant.variant; | ||
|  | exports.buttonStyle = _variant.buttonStyle; | ||
|  | exports.textStyle = _variant.textStyle; | ||
|  | exports.colorStyle = _variant.colorStyle; | ||
|  | 
 | ||
|  | function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
|  | 
 | ||
|  | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
|  | 
 | ||
|  | // 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, | ||
|  |     overflowX = _layout["default"].overflowX, | ||
|  |     overflowY = _layout["default"].overflowY; | ||
|  | exports.overflowY = overflowY; | ||
|  | exports.overflowX = overflowX; | ||
|  | 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
 | ||
|  | var style = function style(_ref) { | ||
|  |   var prop = _ref.prop, | ||
|  |       cssProperty = _ref.cssProperty, | ||
|  |       alias = _ref.alias, | ||
|  |       key = _ref.key, | ||
|  |       transformValue = _ref.transformValue, | ||
|  |       scale = _ref.scale, | ||
|  |       properties = _ref.properties; | ||
|  |   var config = {}; | ||
|  |   config[prop] = (0, _core.createStyleFunction)({ | ||
|  |     properties: properties, | ||
|  |     property: cssProperty || prop, | ||
|  |     scale: key, | ||
|  |     defaultScale: scale, | ||
|  |     transform: transformValue | ||
|  |   }); | ||
|  |   if (alias) config[alias] = config[prop]; | ||
|  |   var parse = (0, _core.createParser)(config); | ||
|  |   return parse; | ||
|  | }; | ||
|  | 
 | ||
|  | exports.style = style; |