@orfeas126/box-ui-elements
Version:
Box UI Elements
49 lines • 2.84 kB
JavaScript
import * as React from 'react';
import './typography.stories.scss';
export const lato = () => /*#__PURE__*/React.createElement("div", {
className: "typography"
}, /*#__PURE__*/React.createElement("div", {
className: "heading"
}, /*#__PURE__*/React.createElement("h1", null, "Lato 2.0")), /*#__PURE__*/React.createElement("div", {
className: "weights"
}, /*#__PURE__*/React.createElement("div", {
className: "regular"
}, /*#__PURE__*/React.createElement("div", {
className: "preview"
}, "Aa"), /*#__PURE__*/React.createElement("div", {
className: "weight"
}, "Regular")), /*#__PURE__*/React.createElement("div", {
className: "bold"
}, /*#__PURE__*/React.createElement("div", {
className: "preview"
}, "Aa"), /*#__PURE__*/React.createElement("div", {
className: "weight"
}, "Bold"))));
export const heading = () => /*#__PURE__*/React.createElement("div", {
className: "typography"
}, /*#__PURE__*/React.createElement("div", {
className: "heading"
}, /*#__PURE__*/React.createElement("label", null, "H1"), /*#__PURE__*/React.createElement("h1", null, "Project Symphony")), /*#__PURE__*/React.createElement("div", {
className: "heading"
}, /*#__PURE__*/React.createElement("label", null, "H2"), /*#__PURE__*/React.createElement("h2", null, "Project Symphony")), /*#__PURE__*/React.createElement("div", {
className: "heading"
}, /*#__PURE__*/React.createElement("label", null, "H3"), /*#__PURE__*/React.createElement("h3", null, "Project Symphony")), /*#__PURE__*/React.createElement("div", {
className: "heading"
}, /*#__PURE__*/React.createElement("label", null, "H4"), /*#__PURE__*/React.createElement("h4", null, "Project Symphony")), /*#__PURE__*/React.createElement("div", {
className: "heading"
}, /*#__PURE__*/React.createElement("label", null, "H5"), /*#__PURE__*/React.createElement("h5", null, "Project Symphony")), /*#__PURE__*/React.createElement("div", {
className: "heading"
}, /*#__PURE__*/React.createElement("label", null, "H6"), /*#__PURE__*/React.createElement("h6", null, "Project Symphony")));
export const text = () => /*#__PURE__*/React.createElement("div", {
className: "typography"
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "BODY"), /*#__PURE__*/React.createElement("span", {
className: "body"
}, "Project Symphony")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "INPUT LABEL"), /*#__PURE__*/React.createElement("span", {
className: "input-label"
}, "Project Symphony")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "INPUT TEXT"), /*#__PURE__*/React.createElement("span", {
className: "input-text"
}, "Project Symphony")));
export default {
title: 'Theming/Typography'
};
//# sourceMappingURL=typography.stories.js.map