Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
indigo-react
Advanced tools
indigo-react - npm Package Compare versions
Comparing version 1.0.0 to 1.1.0
@@ -1,5 +0,5 @@ | ||
| import styled, { css } from 'styled-components'; | ||
| import styled from 'styled-components'; | ||
| import { Link } from 'react-router-dom'; | ||
| import PropTypes from 'prop-types'; | ||
| import react from 'react'; | ||
| import { Link } from 'react-router-dom'; | ||
@@ -261,3 +261,17 @@ /* | ||
| }; | ||
| var compose = function compose() { | ||
| var config = {}; | ||
| for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| parsers[_key] = arguments[_key]; | ||
| } | ||
| parsers.forEach(function (parser) { | ||
| if (!parser || !parser.config) return; | ||
| objectAssign(config, parser.config); | ||
| }); | ||
| var parser = createParser(config); | ||
| return parser; | ||
| }; | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
@@ -647,7 +661,27 @@ var defaults$1 = { | ||
| var _templateObject = taggedTemplateLiteral(['\n text-decoration: none;\n cursor: pointer;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n text-decoration: none;\n cursor: pointer;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject = taggedTemplateLiteral(['\n text-decoration: none;\n cursor: pointer;\n\n ', '\n'], ['\n text-decoration: none;\n cursor: pointer;\n\n ', '\n']); | ||
| var StyledA = styled.a(_templateObject, space, color, typography, typography, typography, typography, layout, typography, layout, color); | ||
| StyledA.displayName = 'StyledA'; | ||
| var StyledA = styled.a(_templateObject, compose(space, color, typography, layout, color)); | ||
| var Box = styled.div({ | ||
| boxSizing: 'border-box', | ||
| minWidth: 0 | ||
| }, space, color, layout, flexbox); | ||
| var StyledDiv = styled('div')(compose(layout, background, border, space, flexbox, position, color)); | ||
| var _templateObject$1 = taggedTemplateLiteral(['\n color: black;\n text-decoration: ', ';\n\n ', '\n'], ['\n color: black;\n text-decoration: ', ';\n\n ', '\n']); | ||
| var StyledLink = styled(Link)(_templateObject$1, function (p) { | ||
| return p.underline ? 'underline' : 'none'; | ||
| }, compose(color, layout, typography, space, color, position)); | ||
| var _templateObject$2 = taggedTemplateLiteral(['\n ', ';\n'], ['\n ', ';\n']); | ||
| var StyledImg = styled.img(_templateObject$2, compose(space, layout)); | ||
| var _templateObject$3 = taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n ', '\n\n\n\n\n'], ['\n ', '\n ', '\n ', '\n ', '\n ', '\n\n\n\n\n']); | ||
| var StyledP = styled.p(_templateObject$3, color, space, layout, typography, border); | ||
| function unwrapExports (x) { | ||
@@ -805,3 +839,3 @@ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; | ||
| defaultScale = _ref2$scale === void 0 ? {} : _ref2$scale; | ||
| var css$$1 = cssProperty || prop; | ||
| var css = cssProperty || prop; | ||
| var transform = transformValue || getter || noop; | ||
@@ -817,3 +851,3 @@ | ||
| return is(n) ? (_ref3 = {}, _ref3[css$$1] = transform(get$2(scale, n) || n), _ref3) : null; | ||
| return is(n) ? (_ref3 = {}, _ref3[css] = transform(get$2(scale, n) || n), _ref3) : null; | ||
| }; | ||
@@ -1524,3 +1558,3 @@ | ||
| var css$$1 = function css$$1(props) { | ||
| var css = function css(props) { | ||
| return props.css; | ||
@@ -1576,3 +1610,3 @@ }; | ||
| var Component = createComponent(Base).apply(undefined, [css$$1].concat(_toConsumableArray(funcs))); | ||
| var Component = createComponent(Base).apply(undefined, [css].concat(_toConsumableArray(funcs))); | ||
@@ -1669,98 +1703,62 @@ var baseProps = index_esm.util.get(defaultProps, 'is.defaultProps') || {}; | ||
| var _templateObject$1 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject$4 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']); | ||
| var StyledBox = styled(dist_2)(_templateObject$1, color, layout, layout, layout, layout, typography, space, layout, layout, border, border, border, position, color); | ||
| var StyledFlex = styled(dist_1$1)(_templateObject$4, compose(layout, space, layout, position)); | ||
| var _templateObject$2 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject2 = taggedTemplateLiteral(['\n position: -webkit-sticky;\n position: sticky;\n top: -1px;\n '], ['\n position: -webkit-sticky;\n position: sticky;\n top: -1px;\n ']); | ||
| var _templateObject$5 = taggedTemplateLiteral(['\n text-decoration: ', ';\n ', '\n'], ['\n text-decoration: ', ';\n ', '\n']); | ||
| var StyledDiv = styled.div(_templateObject$2, function (p) { | ||
| return p.sticky ? css(_templateObject2) : null; | ||
| }, flexbox, border, border, border, position, color, layout, flexbox, flexbox, typography, flexbox, position, typography, layout, layout, layout, color, position, position, space, typography, position, layout, layout); | ||
| var _templateObject$3 = taggedTemplateLiteral(['\n color: black;\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n color: black;\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledLink = styled(Link)(_templateObject$3, function (p) { | ||
| var StyledSpan = styled.span(_templateObject$5, function (p) { | ||
| return p.underline ? 'underline' : 'none'; | ||
| }, color, layout, typography, typography, typography, layout, typography, layout, position, space, typography, position, layout, color); | ||
| }, compose(space, color, typography, layout)); | ||
| var _templateObject$4 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject$6 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']); | ||
| var StyledImg = styled.img(_templateObject$4, layout, layout, color, space, layout); | ||
| var StyledInput = styled.input(_templateObject$6, compose(space, color, typography, layout, color)); | ||
| var _templateObject$5 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject$7 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']), | ||
| _templateObject2 = taggedTemplateLiteral(['\n list-style: none;\n ', '\n'], ['\n list-style: none;\n ', '\n']); | ||
| var StyledP = styled.p(_templateObject$5, border, color, layout, typography, typography, typography, layout, typography, layout, color, space, typography, layout); | ||
| var StyledUl = styled.ul(_templateObject$7, compose(space, layout)); | ||
| StyledP.displayName = 'StyledP'; | ||
| var StyledOl = styled.ol(_templateObject$7, compose(space, layout)); | ||
| var _templateObject$6 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledLi = styled.li(_templateObject2, compose(space, layout, border, typography)); | ||
| var StyledFlex = styled(dist_1$1)(_templateObject$6, layout, flexbox, layout, layout, position, space); | ||
| var _templateObject$8 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']); | ||
| var _templateObject$7 = taggedTemplateLiteral(['\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledH1 = styled.h1(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledSpan = styled.span(_templateObject$7, function (p) { | ||
| return p.underline ? 'underline' : 'none'; | ||
| }, space, color, typography, typography, typography, typography, layout, typography, layout); | ||
| StyledSpan.displayName = 'StyledSpan'; | ||
| var StyledH2 = styled.h2(_templateObject$8, compose(color, color, typography, space)); | ||
| var _templateObject$8 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject2$1 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject3 = taggedTemplateLiteral(['\n list-style: none;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n list-style: none;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledH3 = styled.h3(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledUl = styled.ul(_templateObject$8, layout, layout, space, layout, layout, color, typography, border, position, position, position, position); | ||
| var StyledH4 = styled.h4(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledOl = styled.ol(_templateObject2$1, layout, layout, space, layout, flexbox); | ||
| var StyledH5 = styled.h5(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledLi = styled.li(_templateObject3, layout, space, layout, border, typography, typography, layout, color); | ||
| var StyledH6 = styled.h6(_templateObject$8, compose(color, color, typography, space)); | ||
| var _templateObject$9 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject2$2 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', '\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', '\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject3$1 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject4 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledH1 = styled.h1(_templateObject$9, color, typography, typography, typography, typography, layout, space, typography); | ||
| StyledH1.displayName = 'StyledH1'; | ||
| var StyledH2 = styled.h2(_templateObject$9, space, color, typography, typography, typography, layout, typography, layout); | ||
| StyledH2.displayName = 'StyledH2'; | ||
| var StyledH3 = styled.h3(_templateObject2$2, space, color, typography, typography, typography, color, typography, border, typography, color); | ||
| StyledH3.displayName = 'StyledH3'; | ||
| var StyledH4 = styled.h4(_templateObject3$1, space, color, typography, typography, color); | ||
| StyledH4.displayName = 'StyledH4'; | ||
| var StyledH5 = styled.h5(_templateObject4, space, color, typography, typography); | ||
| StyledH5.displayName = 'StyledH5'; | ||
| var StyledH6 = styled.h6(_templateObject4, space, color, typography, typography); | ||
| StyledH6.displayName = 'StyledH6'; | ||
| var theme = { | ||
| colors: { | ||
| black: '#000e1a', | ||
| white: '#fff', | ||
| blue: '#007ce0', | ||
| navy: '#004175', | ||
| green: '#33cc77' | ||
| black: '#000000', | ||
| white: '#ffffff', | ||
| gray: ['#333333', '#4d4d4d', '#7f7f7f', '#b1b2b3', '#e6e6e6', '#f9f9f9'], | ||
| blue: ['#ecf6ff', '#b0c7ff', '#4330fc', '#190d7b'], | ||
| red: ['#f9d6ce', '#ffa073', '#ee5432', '#c10d30'], | ||
| green: ['#bdebcc', '#2ed196', '#2aa779', '#286e55'], | ||
| yellow: ['#ffefc5', '#ffd972', '#fcc440', '#ee892b'] | ||
| }, | ||
| fonts: { | ||
| body: 'system-ui, sans-serif', | ||
| monospace: 'Menlo, monospace' | ||
| sans: '"Inter", Helvetica, Arial, sans-serif', | ||
| mono: '"Source Code Pro", monospace' | ||
| }, | ||
| space: [ | ||
| // margin and padding | ||
| 0, 4, 8, 16, 32, 64, 128, 256], | ||
| space: [0, 4, 8, 12, 16, 20, 24, 32, 48, 64, 96, 160, 288], | ||
| fontSizes: [12, 14, 16, 18, 24, 32, 48, 64, 72], | ||
| breakpoints: ['40em', '52em', '64em'], | ||
| breakpoints: ['550px', '750px', '960px'], | ||
| lineHeights: { | ||
| body: 1.75, | ||
| heading: 1.25 | ||
| short: 1.333333, | ||
| regular: 1.5, | ||
| tall: 1.666666 | ||
| }, | ||
| sizes: [] | ||
| sizes: [0, 4, 8, 12, 16, 20, 24, 32, 48, 64, 96, 160, 288] | ||
| }; | ||
@@ -1774,3 +1772,3 @@ | ||
| export { StyledP, StyledBox, StyledDiv, StyledLink, StyledFlex, StyledImg, StyledH1, StyledH2, StyledH3, StyledH4, StyledH5, StyledH6, StyledA, StyledUl, StyledLi, StyledSpan, theme }; | ||
| export { StyledP, Box as StyledBox, StyledDiv, StyledLink, StyledFlex, StyledImg, StyledH1, StyledH2, StyledH3, StyledH4, StyledH5, StyledH6, StyledA, StyledUl, StyledLi, StyledSpan, theme, StyledInput }; | ||
| //# sourceMappingURL=index.es.js.map |
@@ -7,7 +7,6 @@ 'use strict'; | ||
| var styled = require('styled-components'); | ||
| var styled__default = _interopDefault(styled); | ||
| var styled = _interopDefault(require('styled-components')); | ||
| var reactRouterDom = require('react-router-dom'); | ||
| var PropTypes = _interopDefault(require('prop-types')); | ||
| var react = _interopDefault(require('react')); | ||
| var reactRouterDom = require('react-router-dom'); | ||
@@ -269,3 +268,17 @@ /* | ||
| }; | ||
| var compose = function compose() { | ||
| var config = {}; | ||
| for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) { | ||
| parsers[_key] = arguments[_key]; | ||
| } | ||
| parsers.forEach(function (parser) { | ||
| if (!parser || !parser.config) return; | ||
| objectAssign(config, parser.config); | ||
| }); | ||
| var parser = createParser(config); | ||
| return parser; | ||
| }; | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
@@ -655,7 +668,27 @@ var defaults$1 = { | ||
| var _templateObject = taggedTemplateLiteral(['\n text-decoration: none;\n cursor: pointer;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n text-decoration: none;\n cursor: pointer;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject = taggedTemplateLiteral(['\n text-decoration: none;\n cursor: pointer;\n\n ', '\n'], ['\n text-decoration: none;\n cursor: pointer;\n\n ', '\n']); | ||
| var StyledA = styled__default.a(_templateObject, space, color, typography, typography, typography, typography, layout, typography, layout, color); | ||
| StyledA.displayName = 'StyledA'; | ||
| var StyledA = styled.a(_templateObject, compose(space, color, typography, layout, color)); | ||
| var Box = styled.div({ | ||
| boxSizing: 'border-box', | ||
| minWidth: 0 | ||
| }, space, color, layout, flexbox); | ||
| var StyledDiv = styled('div')(compose(layout, background, border, space, flexbox, position, color)); | ||
| var _templateObject$1 = taggedTemplateLiteral(['\n color: black;\n text-decoration: ', ';\n\n ', '\n'], ['\n color: black;\n text-decoration: ', ';\n\n ', '\n']); | ||
| var StyledLink = styled(reactRouterDom.Link)(_templateObject$1, function (p) { | ||
| return p.underline ? 'underline' : 'none'; | ||
| }, compose(color, layout, typography, space, color, position)); | ||
| var _templateObject$2 = taggedTemplateLiteral(['\n ', ';\n'], ['\n ', ';\n']); | ||
| var StyledImg = styled.img(_templateObject$2, compose(space, layout)); | ||
| var _templateObject$3 = taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n ', '\n\n\n\n\n'], ['\n ', '\n ', '\n ', '\n ', '\n ', '\n\n\n\n\n']); | ||
| var StyledP = styled.p(_templateObject$3, color, space, layout, typography, border); | ||
| function unwrapExports (x) { | ||
@@ -1619,3 +1652,3 @@ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x; | ||
| var _styledComponents2 = _interopRequireDefault(styled__default); | ||
| var _styledComponents2 = _interopRequireDefault(styled); | ||
@@ -1674,98 +1707,62 @@ var _System2 = _interopRequireDefault(System_1); | ||
| var _templateObject$1 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject$4 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']); | ||
| var StyledBox = styled__default(dist_2)(_templateObject$1, color, layout, layout, layout, layout, typography, space, layout, layout, border, border, border, position, color); | ||
| var StyledFlex = styled(dist_1$1)(_templateObject$4, compose(layout, space, layout, position)); | ||
| var _templateObject$2 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject2 = taggedTemplateLiteral(['\n position: -webkit-sticky;\n position: sticky;\n top: -1px;\n '], ['\n position: -webkit-sticky;\n position: sticky;\n top: -1px;\n ']); | ||
| var _templateObject$5 = taggedTemplateLiteral(['\n text-decoration: ', ';\n ', '\n'], ['\n text-decoration: ', ';\n ', '\n']); | ||
| var StyledDiv = styled__default.div(_templateObject$2, function (p) { | ||
| return p.sticky ? styled.css(_templateObject2) : null; | ||
| }, flexbox, border, border, border, position, color, layout, flexbox, flexbox, typography, flexbox, position, typography, layout, layout, layout, color, position, position, space, typography, position, layout, layout); | ||
| var _templateObject$3 = taggedTemplateLiteral(['\n color: black;\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n color: black;\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledLink = styled__default(reactRouterDom.Link)(_templateObject$3, function (p) { | ||
| var StyledSpan = styled.span(_templateObject$5, function (p) { | ||
| return p.underline ? 'underline' : 'none'; | ||
| }, color, layout, typography, typography, typography, layout, typography, layout, position, space, typography, position, layout, color); | ||
| }, compose(space, color, typography, layout)); | ||
| var _templateObject$4 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject$6 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']); | ||
| var StyledImg = styled__default.img(_templateObject$4, layout, layout, color, space, layout); | ||
| var StyledInput = styled.input(_templateObject$6, compose(space, color, typography, layout, color)); | ||
| var _templateObject$5 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var _templateObject$7 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']), | ||
| _templateObject2 = taggedTemplateLiteral(['\n list-style: none;\n ', '\n'], ['\n list-style: none;\n ', '\n']); | ||
| var StyledP = styled__default.p(_templateObject$5, border, color, layout, typography, typography, typography, layout, typography, layout, color, space, typography, layout); | ||
| var StyledUl = styled.ul(_templateObject$7, compose(space, layout)); | ||
| StyledP.displayName = 'StyledP'; | ||
| var StyledOl = styled.ol(_templateObject$7, compose(space, layout)); | ||
| var _templateObject$6 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledLi = styled.li(_templateObject2, compose(space, layout, border, typography)); | ||
| var StyledFlex = styled__default(dist_1$1)(_templateObject$6, layout, flexbox, layout, layout, position, space); | ||
| var _templateObject$8 = taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']); | ||
| var _templateObject$7 = taggedTemplateLiteral(['\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n text-decoration: ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledH1 = styled.h1(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledSpan = styled__default.span(_templateObject$7, function (p) { | ||
| return p.underline ? 'underline' : 'none'; | ||
| }, space, color, typography, typography, typography, typography, layout, typography, layout); | ||
| StyledSpan.displayName = 'StyledSpan'; | ||
| var StyledH2 = styled.h2(_templateObject$8, compose(color, color, typography, space)); | ||
| var _templateObject$8 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject2$1 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject3 = taggedTemplateLiteral(['\n list-style: none;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n list-style: none;\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledH3 = styled.h3(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledUl = styled__default.ul(_templateObject$8, layout, layout, space, layout, layout, color, typography, border, position, position, position, position); | ||
| var StyledH4 = styled.h4(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledOl = styled__default.ol(_templateObject2$1, layout, layout, space, layout, flexbox); | ||
| var StyledH5 = styled.h5(_templateObject$8, compose(color, color, typography, space)); | ||
| var StyledLi = styled__default.li(_templateObject3, layout, space, layout, border, typography, typography, layout, color); | ||
| var StyledH6 = styled.h6(_templateObject$8, compose(color, color, typography, space)); | ||
| var _templateObject$9 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject2$2 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', '\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n ', '\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject3$1 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n ', ';\n']), | ||
| _templateObject4 = taggedTemplateLiteral(['\n ', ';\n ', ';\n ', ';\n ', ';\n'], ['\n ', ';\n ', ';\n ', ';\n ', ';\n']); | ||
| var StyledH1 = styled__default.h1(_templateObject$9, color, typography, typography, typography, typography, layout, space, typography); | ||
| StyledH1.displayName = 'StyledH1'; | ||
| var StyledH2 = styled__default.h2(_templateObject$9, space, color, typography, typography, typography, layout, typography, layout); | ||
| StyledH2.displayName = 'StyledH2'; | ||
| var StyledH3 = styled__default.h3(_templateObject2$2, space, color, typography, typography, typography, color, typography, border, typography, color); | ||
| StyledH3.displayName = 'StyledH3'; | ||
| var StyledH4 = styled__default.h4(_templateObject3$1, space, color, typography, typography, color); | ||
| StyledH4.displayName = 'StyledH4'; | ||
| var StyledH5 = styled__default.h5(_templateObject4, space, color, typography, typography); | ||
| StyledH5.displayName = 'StyledH5'; | ||
| var StyledH6 = styled__default.h6(_templateObject4, space, color, typography, typography); | ||
| StyledH6.displayName = 'StyledH6'; | ||
| var theme = { | ||
| colors: { | ||
| black: '#000e1a', | ||
| white: '#fff', | ||
| blue: '#007ce0', | ||
| navy: '#004175', | ||
| green: '#33cc77' | ||
| black: '#000000', | ||
| white: '#ffffff', | ||
| gray: ['#333333', '#4d4d4d', '#7f7f7f', '#b1b2b3', '#e6e6e6', '#f9f9f9'], | ||
| blue: ['#ecf6ff', '#b0c7ff', '#4330fc', '#190d7b'], | ||
| red: ['#f9d6ce', '#ffa073', '#ee5432', '#c10d30'], | ||
| green: ['#bdebcc', '#2ed196', '#2aa779', '#286e55'], | ||
| yellow: ['#ffefc5', '#ffd972', '#fcc440', '#ee892b'] | ||
| }, | ||
| fonts: { | ||
| body: 'system-ui, sans-serif', | ||
| monospace: 'Menlo, monospace' | ||
| sans: '"Inter", Helvetica, Arial, sans-serif', | ||
| mono: '"Source Code Pro", monospace' | ||
| }, | ||
| space: [ | ||
| // margin and padding | ||
| 0, 4, 8, 16, 32, 64, 128, 256], | ||
| space: [0, 4, 8, 12, 16, 20, 24, 32, 48, 64, 96, 160, 288], | ||
| fontSizes: [12, 14, 16, 18, 24, 32, 48, 64, 72], | ||
| breakpoints: ['40em', '52em', '64em'], | ||
| breakpoints: ['550px', '750px', '960px'], | ||
| lineHeights: { | ||
| body: 1.75, | ||
| heading: 1.25 | ||
| short: 1.333333, | ||
| regular: 1.5, | ||
| tall: 1.666666 | ||
| }, | ||
| sizes: [] | ||
| sizes: [0, 4, 8, 12, 16, 20, 24, 32, 48, 64, 96, 160, 288] | ||
| }; | ||
@@ -1780,3 +1777,3 @@ | ||
| exports.StyledP = StyledP; | ||
| exports.StyledBox = StyledBox; | ||
| exports.StyledBox = Box; | ||
| exports.StyledDiv = StyledDiv; | ||
@@ -1797,2 +1794,3 @@ exports.StyledLink = StyledLink; | ||
| exports.theme = theme; | ||
| exports.StyledInput = StyledInput; | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "name": "indigo-react", | ||
| "version": "1.0.0", | ||
| "version": "1.1.0", | ||
| "description": "Tlon's design language", | ||
@@ -5,0 +5,0 @@ "author": "urbit", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-3.78%
285629
- Lines of code
- decreased by-0.13%
3086
No dependency changes