Renaming type property to theme

This commit is contained in:
Jeff Avallone 2018-02-17 11:23:20 -05:00
parent 3ead0c13df
commit e04e4edc1f
3 changed files with 18 additions and 18 deletions

View File

@ -44,11 +44,11 @@ class Box extends Base {
labelRef = label => this.label = label
render() {
const { type, radius, label, children } = this.props;
const { theme, radius, label, children } = this.props;
const { width, height, labelTransform, rectTransform, contentTransform } = this.state || {};
const rectProps = {
style: type ? style[type] : {},
style: style[theme],
width,
height,
rx: radius,
@ -79,7 +79,7 @@ Box.propTypes = {
padding: PropTypes.number,
useAnchors: PropTypes.bool,
radius: PropTypes.number,
type: PropTypes.string
theme: PropTypes.string
};
export default Box;

View File

@ -37,11 +37,11 @@ class Text extends Base {
}
render() {
const { type } = this.props;
const { theme } = this.props;
const { transform } = this.state || {};
const textProps = {
style: { ...style.text, ...(type ? style[type] : {}) },
style: { ...style.text, ...style[theme] },
transform,
ref: this.textRef
};
@ -59,7 +59,7 @@ Text.propTypes = {
]).isRequired,
quoted: PropTypes.bool,
transform: PropTypes.string,
type: PropTypes.string
theme: PropTypes.string
};
export default Text;

View File

@ -22,14 +22,14 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'anchorBox',
theme: 'anchorBox',
radius: 0
},
children: [
{
type: 'Text',
props: {
type: 'anchorText'
theme: 'anchorText'
},
children: [
'Anchor'
@ -41,7 +41,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'literalBox'
theme: 'literalBox'
},
children: [
{
@ -59,7 +59,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'escapeBox'
theme: 'escapeBox'
},
children: [
{
@ -74,7 +74,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'charClassBox',
theme: 'charClassBox',
label: 'Label',
padding: 10
},
@ -91,7 +91,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'literalBox'
theme: 'literalBox'
},
children: [
{
@ -114,7 +114,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'literalBox'
theme: 'literalBox'
},
children: [
{
@ -133,7 +133,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'escapeBox'
theme: 'escapeBox'
},
children: [
{
@ -152,7 +152,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'captureBox',
theme: 'captureBox',
label: 'group #1',
useAnchors: true,
padding: 10
@ -167,7 +167,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'literalBox'
theme: 'literalBox'
},
children: [
{
@ -184,7 +184,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'literalBox'
theme: 'literalBox'
},
children: [
{
@ -201,7 +201,7 @@ const demoImage = {
{
type: 'Box',
props: {
type: 'literalBox'
theme: 'literalBox'
},
children: [
{