@deanacus/upstart
Advanced tools
+1
-1
@@ -72,3 +72,3 @@ import React from 'react'; | ||
| "required": false, | ||
| "description": "The content of the Audio component. Should be a <source> element or React\ncomponent that ultimately resolves in a <source> element" | ||
| "description": "The content of the Audio component. Should be a <source> element or React\r\ncomponent that ultimately resolves in a <source> element" | ||
| }, | ||
@@ -75,0 +75,0 @@ "className": { |
+1
-1
@@ -210,3 +210,3 @@ import React from 'react'; | ||
| "required": false, | ||
| "description": "The padding value to be used on the Card. Based on the bootstrap\npadding classes" | ||
| "description": "The padding value to be used on the Card. Based on the bootstrap\r\npadding classes" | ||
| }, | ||
@@ -213,0 +213,0 @@ "children": { |
+77
-7
@@ -0,1 +1,2 @@ | ||
| import React from 'react'; | ||
| import PropTypes from 'prop-types'; | ||
@@ -15,6 +16,6 @@ import { a as _taggedTemplateLiteral } from './_rollupPluginBabelHelpers-53ddb3bb.js'; | ||
| } | ||
| var Dot = styled.span(_templateObject(), function (_ref) { | ||
| var variant = _ref.variant, | ||
| var StyledDot = styled.span(_templateObject(), function (_ref) { | ||
| var color = _ref.color, | ||
| theme = _ref.theme; | ||
| return theme.colors[variant][5]; | ||
| return theme.colors[color][5]; | ||
| }, function (_ref2) { | ||
@@ -32,12 +33,81 @@ var theme = _ref2.theme; | ||
| }); | ||
| var Dot = function Dot(_ref5) { | ||
| var color = _ref5.color, | ||
| size = _ref5.size; | ||
| return React.createElement(StyledDot, { | ||
| color: color, | ||
| size: size | ||
| }); | ||
| }; | ||
| Dot.propTypes = { | ||
| variant: PropTypes.oneOf(['grey', 'primary', 'secondary', 'success', 'warning', 'error']), | ||
| size: PropTypes.oneOf(['xxs', 'xs', 'sm']) | ||
| /** The color to use for the Dot */ | ||
| color: PropTypes.oneOf(['grey', 'primary', 'secondary', 'success', 'warning', 'error']), | ||
| /** The size of the Dot */ | ||
| size: PropTypes.oneOf(['xs', 'sm', 'md']) | ||
| }; | ||
| Dot.defaultProps = { | ||
| size: 'sm', | ||
| variant: 'grey' | ||
| color: 'grey' | ||
| }; | ||
| Dot.__docgenInfo = { | ||
| "description": "", | ||
| "methods": [], | ||
| "displayName": "Dot", | ||
| "props": { | ||
| "size": { | ||
| "defaultValue": { | ||
| "value": "'sm'", | ||
| "computed": false | ||
| }, | ||
| "type": { | ||
| "name": "enum", | ||
| "value": [{ | ||
| "value": "'xs'", | ||
| "computed": false | ||
| }, { | ||
| "value": "'sm'", | ||
| "computed": false | ||
| }, { | ||
| "value": "'md'", | ||
| "computed": false | ||
| }] | ||
| }, | ||
| "required": false, | ||
| "description": "The size of the Dot" | ||
| }, | ||
| "color": { | ||
| "defaultValue": { | ||
| "value": "'grey'", | ||
| "computed": false | ||
| }, | ||
| "type": { | ||
| "name": "enum", | ||
| "value": [{ | ||
| "value": "'grey'", | ||
| "computed": false | ||
| }, { | ||
| "value": "'primary'", | ||
| "computed": false | ||
| }, { | ||
| "value": "'secondary'", | ||
| "computed": false | ||
| }, { | ||
| "value": "'success'", | ||
| "computed": false | ||
| }, { | ||
| "value": "'warning'", | ||
| "computed": false | ||
| }, { | ||
| "value": "'error'", | ||
| "computed": false | ||
| }] | ||
| }, | ||
| "required": false, | ||
| "description": "The color to use for the Dot" | ||
| } | ||
| } | ||
| }; | ||
| export default Dot; | ||
| export { Dot }; | ||
| export { Dot, StyledDot }; |
+1
-1
@@ -109,3 +109,3 @@ import React from 'react'; | ||
| "required": false, | ||
| "description": "The the index of the value in the space array to use as the size of the gap\nbetween columns and rows" | ||
| "description": "The the index of the value in the space array to use as the size of the gap\r\nbetween columns and rows" | ||
| }, | ||
@@ -112,0 +112,0 @@ "children": { |
+1
-1
@@ -127,3 +127,3 @@ import React from 'react'; | ||
| "required": false, | ||
| "description": "The style of list marker to be used. Any valid CSS listStyleType can be\nused, or a custom marker, if required" | ||
| "description": "The style of list marker to be used. Any valid CSS listStyleType can be\r\nused, or a custom marker, if required" | ||
| }, | ||
@@ -130,0 +130,0 @@ "padding": { |
@@ -325,3 +325,3 @@ import React from 'react'; | ||
| }, | ||
| "description": "The spacing values (in pixels) you would like to make available in your theme.\nUsed by things like margins, paddings, etc.", | ||
| "description": "The spacing values (in pixels) you would like to make available in your theme.\r\nUsed by things like margins, paddings, etc.", | ||
| "required": false | ||
@@ -328,0 +328,0 @@ }, |
@@ -328,3 +328,3 @@ import React from 'react'; | ||
| }, | ||
| "description": "The spacing values (in pixels) you would like to make available in your theme.\nUsed by things like margins, paddings, etc.", | ||
| "description": "The spacing values (in pixels) you would like to make available in your theme.\r\nUsed by things like margins, paddings, etc.", | ||
| "required": false | ||
@@ -331,0 +331,0 @@ }, |
+1
-1
@@ -84,3 +84,3 @@ { | ||
| "sideEffects": false, | ||
| "version": "0.0.20" | ||
| "version": "0.2.0" | ||
| } |
139130
1.1%4580
1.53%