wix-style-react
Version:
wix-style-react
892 lines (891 loc) • 22.4 kB
JavaScript
import React from 'react';
import Text from 'wix-style-react/Text';
import s from './styles.scss';
export default (function () {
return React.createElement(
'div',
null,
React.createElement(
'h3',
null,
'Thin Text'
),
React.createElement(
'ul',
{ className: s.root },
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Medium Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="medium" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
null,
'Helvetica_45 / 16px / 24px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T1)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="medium" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ secondary: true },
'Helvetica_45 / 16px / 24px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T1.1)'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="medium" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ light: true },
'Helvetica_45 / 16px / 24px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T1.2)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="medium" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ secondary: true, light: true },
'Helvetica_45 / 16px / 24px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T1.4)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Small Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="small" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small' },
'Helvetica_45 / 14px / 18px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T3)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="small" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', secondary: true },
'Helvetica_45 / 14px / 18px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T3.1)'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="small" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', light: true },
'Helvetica_45 / 14px / 18px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T3.2)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="small" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', secondary: true, light: true },
'Helvetica_45 / 14px / 18px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T3.4)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Tiny Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="tiny" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny' },
'Helvetica_55 / 12px / 15px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="tiny" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', secondary: true },
'Helvetica_55 / 12px / 15px'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="tiny" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', light: true },
'Helvetica_55 / 12px / 15px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="thin" size="tiny" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', secondary: true, light: true },
'Helvetica_55 / 12px / 15px'
)
)
)
),
React.createElement(
'h3',
null,
'Normal Text'
),
React.createElement(
'ul',
{ className: s.root },
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Medium Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="medium" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ weight: 'normal' },
'Helvetica_55 / 16px / 24px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T2)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="medium" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ secondary: true, weight: 'normal' },
'Helvetica_55 / 16px / 24px'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="medium" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ light: true, weight: 'normal' },
'Helvetica_55 / 16px / 24px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T2.2)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="medium" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ secondary: true, light: true, weight: 'normal' },
'Helvetica_55 / 16px / 24px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T2.1)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Small Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="small" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', weight: 'normal' },
'Helvetica_55 / 14px / 18px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T4)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="small" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', secondary: true, weight: 'normal' },
'Helvetica_55 / 14px / 18px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T4.1)'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="small" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', light: true, weight: 'normal' },
'Helvetica_55 / 14px / 18px'
)
),
React.createElement(
'span',
{ className: s.legacy },
React.createElement(
Text,
{ skin: 'premium' },
' (T4.2)'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="small" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', secondary: true, light: true, weight: 'normal' },
'Helvetica_55 / 14px / 18px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Tiny Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="tiny" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', weight: 'normal' },
'Helvetica_65 / 12px / 15px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="tiny" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', secondary: true, weight: 'normal' },
'Helvetica_65 / 12px / 15px'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="tiny" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', light: true, weight: 'normal' },
'Helvetica_65 / 12px / 15px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="normal" size="tiny" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', secondary: true, light: true, weight: 'normal' },
'Helvetica_65 / 12px / 15px'
)
)
)
),
React.createElement(
'h3',
null,
'Bold Text'
),
React.createElement(
'ul',
{ className: s.root },
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Medium Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="medium" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ weight: 'bold' },
'Helvetica_65 / 16px / 24px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="medium" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ secondary: true, weight: 'bold' },
'Helvetica_65 / 16px / 24px'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="medium" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ light: true, weight: 'bold' },
'Helvetica_65 / 16px / 24px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="medium" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ secondary: true, light: true, weight: 'bold' },
'Helvetica_65 / 16px / 24px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Small Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="small" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', weight: 'bold' },
'Helvetica_65 / 14px / 18px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="small" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', secondary: true, weight: 'bold' },
'Helvetica_65 / 14px / 18px'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="small" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', light: true, weight: 'bold' },
'Helvetica_65 / 14px / 18px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="small" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'small', secondary: true, light: true, weight: 'bold' },
'Helvetica_65 / 14px / 18px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'h4',
null,
'Tiny Text'
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="tiny" secondary={false} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', weight: 'bold' },
'Helvetica_75 / 12px / 15px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="tiny" secondary={true} light={false}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', secondary: true, weight: 'bold' },
'Helvetica_75 / 12px / 15px'
)
)
),
React.createElement(
'li',
{ className: s.inverted },
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="tiny" secondary={false} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', light: true, weight: 'bold' },
'Helvetica_75 / 12px / 15px'
)
)
),
React.createElement(
'li',
null,
React.createElement(
'span',
{ className: s.comp },
'<Text weight="bold" size="tiny" secondary={true} light={true}/>'
),
React.createElement(
'span',
{ className: s.fonts },
React.createElement(
Text,
{ size: 'tiny', secondary: true, light: true, weight: 'bold' },
'Helvetica_75 / 12px / 15px'
)
)
)
)
);
});