design-system-simplefi
Version:
Design System for SimpleFi Applications
63 lines • 3.13 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import React from 'react';
import Text, { Code, Strong } from './Text';
import { TextSizes, TextVariants } from './Text.enums';
export default {
title: 'components/typography/Text',
component: Text,
argTypes: {
children: {
control: { type: 'text' },
table: {
type: { summary: 'string' },
},
},
},
};
var lipsum = "Lorem ipsum dolor sit amet";
export var playground = function (args) { return React.createElement(Text, __assign({}, args)); };
playground.parameters = {
chromatic: { disable: true },
};
playground.args = {
children: 'Playground Text',
};
export var largeText = function () { return React.createElement(Text, { size: TextSizes.lg }, lipsum); };
export var mediumText = function () { return (React.createElement(Text, { size: TextSizes.md }, lipsum)); };
export var smallText = function () { return React.createElement(Text, { size: TextSizes.sm }, lipsum); };
export var primaryText = function () { return (React.createElement(React.Fragment, null,
React.createElement(Text, null, lipsum),
React.createElement("br", null),
React.createElement(Text, { isBold: true }, lipsum))); };
export var secondaryText = function () { return (React.createElement(React.Fragment, null,
React.createElement(Text, { variant: TextVariants.secondary }, lipsum),
React.createElement("br", null),
React.createElement(Text, { variant: TextVariants.secondary, isBold: true }, lipsum))); };
export var contextText = function () { return (React.createElement(React.Fragment, null,
React.createElement(Text, { variant: TextVariants.context }, lipsum),
React.createElement("br", null),
React.createElement(Text, { variant: TextVariants.context, isBold: true }, lipsum))); };
export var monospaceText = function () { return (React.createElement(React.Fragment, null,
React.createElement(Text, { variant: TextVariants.monospace }, lipsum),
React.createElement("br", null),
React.createElement(Text, { variant: TextVariants.monospace, isBold: true }, lipsum))); };
export var dangerText = function () { return (React.createElement(React.Fragment, null,
React.createElement(Text, { variant: TextVariants.danger }, lipsum),
React.createElement("br", null),
React.createElement(Text, { variant: TextVariants.danger, isBold: true }, lipsum))); };
export var shorthandComponents = function () { return (React.createElement(React.Fragment, null,
React.createElement(Code, null, "This is shorthand Code component"),
React.createElement("br", null),
React.createElement("br", null),
React.createElement(Strong, null, "This is shorthand Strong component"))); };
//# sourceMappingURL=Text.stories.js.map