design-system-simplefi
Version:
Design System for SimpleFi Applications
58 lines • 2.69 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 Heading, { H0, H1, H2, H3, H4 } from './Heading';
import { HeadingSizes, HeadingVariants } from './Heading.enums';
export default {
title: 'components/typography/Heading',
component: Heading,
argTypes: {
children: {
control: { type: 'text' },
table: {
type: { summary: 'string' },
},
},
margin: { control: { disable: true } },
padding: { control: { disable: true } },
},
};
export var playground = function (args) { return React.createElement(Heading, __assign({}, args)); };
playground.parameters = {
chromatic: { disable: true },
};
playground.args = {
children: 'Playground Heading',
};
export var h0 = function () { return (React.createElement(React.Fragment, null,
React.createElement(H0, null, "Heading H0"),
React.createElement(H0, { variant: HeadingVariants.secondary }, "Heading H0 - secondary"))); };
h0.storyName = 'Heading H0';
export var h1 = function () { return (React.createElement(React.Fragment, null,
React.createElement(H1, null, "Heading H1"),
React.createElement(H1, { variant: HeadingVariants.secondary }, "Heading H1 - secondary"))); };
h1.storyName = 'Heading H1';
export var h2 = function () { return (React.createElement(React.Fragment, null,
React.createElement(H2, null, "Heading H2"),
React.createElement(H2, { variant: HeadingVariants.secondary }, "Heading H2 - secondary"))); };
h2.storyName = 'Heading H2';
export var h3 = function () { return (React.createElement(React.Fragment, null,
React.createElement(H3, null, "Heading H3"),
React.createElement(H3, { variant: HeadingVariants.secondary }, "Heading H3 - secondary"))); };
h3.storyName = 'Heading H3';
export var h4 = function () { return (React.createElement(React.Fragment, null,
React.createElement(H4, null, "Heading H4"),
React.createElement(H4, { variant: HeadingVariants.secondary }, "Heading H4 - secondary"))); };
h4.storyName = 'Heading H4';
export var customizedH1 = function () { return (React.createElement(Heading, { margin: { vertical: 1 }, padding: { horizontal: 2 }, size: HeadingSizes.h3 }, "Heading H3")); };
customizedH1.storyName = 'Heading H1 with customized margins';
//# sourceMappingURL=Heading.stories.js.map